Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a35b23eda8 | |||
| 89796148eb | |||
| 9128767f26 | |||
| 1930134ab9 |
424
src/app/page.tsx
424
src/app/page.tsx
@@ -1,6 +1,15 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||||
|
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
|
||||||
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
||||||
|
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
|
||||||
|
import { Instagram, Facebook, ShoppingCart } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -17,252 +26,217 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<div className="min-h-[60px] bg-background border-b border-border flex items-center justify-center px-4">
|
<NavbarStyleCentered
|
||||||
<div className="text-xl font-semibold text-foreground">Mongusta Coffee Shop</div>
|
brandName="Mongusta"
|
||||||
</div>
|
navItems={[
|
||||||
|
{ name: "Home", id: "hero" },
|
||||||
|
{ name: "About", id: "about" },
|
||||||
|
{ name: "Menu", id: "menu" },
|
||||||
|
{ name: "Team", id: "team" },
|
||||||
|
{ name: "Contact", id: "contact" }
|
||||||
|
]}
|
||||||
|
button={{ text: "Reserve", href: "contact" }}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<div className="min-h-screen bg-background flex items-center justify-center px-4">
|
<HeroLogoBillboardSplit
|
||||||
<div className="text-center">
|
logoText="MONGUSTA"
|
||||||
<h1 className="text-4xl md:text-6xl font-bold text-foreground mb-4">MONGUSTA</h1>
|
description="Experience premium specialty coffee in the heart of Amsterdam. Handcrafted beverages, locally roasted beans, and a welcoming community space where coffee lovers unite."
|
||||||
<p className="text-lg text-foreground/70 max-w-2xl mx-auto mb-8">
|
buttons={[
|
||||||
Experience premium specialty coffee in the heart of Amsterdam. Handcrafted beverages, locally roasted beans, and a welcoming community space where coffee lovers unite.
|
{ text: "View Menu", href: "menu" },
|
||||||
</p>
|
{ text: "Visit Us", href: "contact" }
|
||||||
<div className="flex gap-4 justify-center">
|
]}
|
||||||
<a href="#menu" className="px-6 py-3 bg-primary-cta text-white rounded hover:opacity-90 transition-opacity">
|
layoutOrder="default"
|
||||||
View Menu
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140051179-xqh9zjdi.jpg"
|
||||||
</a>
|
imageAlt="Fresh espresso drink at Mongusta coffee shop"
|
||||||
<a href="#contact" className="px-6 py-3 border border-border rounded hover:bg-accent transition-colors">
|
frameStyle="card"
|
||||||
Visit Us
|
/>
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<div className="py-20 px-4 bg-background">
|
<SplitAboutCards
|
||||||
<div className="max-w-4xl mx-auto text-center">
|
tag="Our Story"
|
||||||
<h2 className="text-3xl font-bold text-foreground mb-8">Crafted for Coffee Enthusiasts</h2>
|
title="Crafted for Coffee Enthusiasts"
|
||||||
<p className="text-lg text-foreground/70 mb-12">
|
description="Mongusta brings specialty coffee culture to Amsterdam with a commitment to quality, sustainability, and community. Founded in 2018, we source the finest beans from ethical producers and roast them fresh daily."
|
||||||
Mongusta brings specialty coffee culture to Amsterdam with a commitment to quality, sustainability, and community. Founded in 2018, we source the finest beans from ethical producers and roast them fresh daily.
|
features={[
|
||||||
</p>
|
{
|
||||||
<div className="grid md:grid-cols-2 gap-8">
|
id: "roasting",
|
||||||
<div className="p-6 card rounded">
|
title: "Artisan Roasting",
|
||||||
<h3 className="text-xl font-semibold text-foreground mb-4">Artisan Roasting</h3>
|
description: "Small batch roasting ensures every bean reaches peak flavor. Our roasters work with passion to bring out unique characteristics from each origin.",
|
||||||
<p className="text-foreground/70">
|
label: "Daily Fresh"
|
||||||
Small batch roasting ensures every bean reaches peak flavor. Our roasters work with passion to bring out unique characteristics from each origin.
|
},
|
||||||
</p>
|
{
|
||||||
</div>
|
id: "atmosphere",
|
||||||
<div className="p-6 card rounded">
|
title: "Welcoming Space",
|
||||||
<h3 className="text-xl font-semibold text-foreground mb-4">Welcoming Space</h3>
|
description: "More than a cafe, Mongusta is a gathering place. Comfortable seating, free wifi, and a warm atmosphere make it perfect for work or conversation.",
|
||||||
<p className="text-foreground/70">
|
label: "Community First"
|
||||||
More than a cafe, Mongusta is a gathering place. Comfortable seating, free wifi, and a warm atmosphere make it perfect for work or conversation.
|
}
|
||||||
</p>
|
]}
|
||||||
</div>
|
buttons={[
|
||||||
</div>
|
{ text: "Learn More", href: "#" }
|
||||||
</div>
|
]}
|
||||||
</div>
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<div className="py-20 px-4 bg-background">
|
<ProductCardTwo
|
||||||
<div className="max-w-6xl mx-auto">
|
title="Our Menu"
|
||||||
<div className="text-center mb-12">
|
description="Discover our signature drinks crafted with precision and passion"
|
||||||
<h2 className="text-3xl font-bold text-foreground mb-4">Our Menu</h2>
|
products={[
|
||||||
<p className="text-lg text-foreground/70">
|
{
|
||||||
Discover our signature drinks crafted with precision and passion
|
id: "1",
|
||||||
</p>
|
brand: "Mongusta",
|
||||||
</div>
|
name: "Signature Latte",
|
||||||
<div className="grid md:grid-cols-3 gap-8">
|
price: "€4.50",
|
||||||
<div className="card rounded overflow-hidden">
|
rating: 5,
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg" alt="Smooth and creamy signature latte" className="w-full h-48 object-cover" />
|
reviewCount: "320",
|
||||||
<div className="p-6">
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
|
||||||
<h3 className="text-xl font-semibold text-foreground mb-2">Signature Latte</h3>
|
imageAlt: "Smooth and creamy signature latte",
|
||||||
<p className="text-2xl font-bold text-foreground mb-4">€4.50</p>
|
button: { text: "Buy Now", href: "#", icon: ShoppingCart }
|
||||||
<button className="w-full px-4 py-2 bg-primary-cta text-white rounded hover:opacity-90 transition-opacity">
|
},
|
||||||
Buy Now
|
{
|
||||||
</button>
|
id: "2",
|
||||||
</div>
|
brand: "Mongusta",
|
||||||
</div>
|
name: "Double Espresso",
|
||||||
<div className="card rounded overflow-hidden">
|
price: "€2.80",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321575502-dja1nmgo.jpg" alt="Rich and bold double espresso shot" className="w-full h-48 object-cover" />
|
rating: 5,
|
||||||
<div className="p-6">
|
reviewCount: "450",
|
||||||
<h3 className="text-xl font-semibold text-foreground mb-2">Double Espresso</h3>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321575502-dja1nmgo.jpg",
|
||||||
<p className="text-2xl font-bold text-foreground mb-4">€2.80</p>
|
imageAlt: "Rich and bold double espresso shot",
|
||||||
<button className="w-full px-4 py-2 bg-primary-cta text-white rounded hover:opacity-90 transition-opacity">
|
button: { text: "Buy Now", href: "#", icon: ShoppingCart }
|
||||||
Buy Now
|
},
|
||||||
</button>
|
{
|
||||||
</div>
|
id: "3",
|
||||||
</div>
|
brand: "Mongusta",
|
||||||
<div className="card rounded overflow-hidden">
|
name: "Iced Cold Brew",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140058956-okqwoo8n.jpg" alt="Refreshing cold brew concentrate" className="w-full h-48 object-cover" />
|
price: "€4.20",
|
||||||
<div className="p-6">
|
rating: 5,
|
||||||
<h3 className="text-xl font-semibold text-foreground mb-2">Iced Cold Brew</h3>
|
reviewCount: "280",
|
||||||
<p className="text-2xl font-bold text-foreground mb-4">€4.20</p>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140058956-okqwoo8n.jpg",
|
||||||
<button className="w-full px-4 py-2 bg-primary-cta text-white rounded hover:opacity-90 transition-opacity">
|
imageAlt: "Refreshing cold brew concentrate",
|
||||||
Buy Now
|
button: { text: "Buy Now", href: "#", icon: ShoppingCart }
|
||||||
</button>
|
}
|
||||||
</div>
|
]}
|
||||||
</div>
|
textboxLayout="default"
|
||||||
</div>
|
gridVariant="three-columns-all-equal-width"
|
||||||
</div>
|
containerStyle="default"
|
||||||
</div>
|
animationType="slide-up"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="team" data-section="team">
|
<div id="team" data-section="team">
|
||||||
<div className="py-20 px-4 bg-background">
|
<TeamCardSeven
|
||||||
<div className="max-w-4xl mx-auto text-center">
|
team={[
|
||||||
<h2 className="text-3xl font-bold text-foreground mb-12">Meet Our Team</h2>
|
{
|
||||||
<div className="grid md:grid-cols-2 gap-8 justify-center">
|
id: "1",
|
||||||
<div className="card rounded overflow-hidden">
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg" alt="Damiano Patri, Owner and Founder" className="w-full h-64 object-cover" />
|
imageAlt: "Damiano Patri, Owner and Founder"
|
||||||
<div className="p-6">
|
},
|
||||||
<h3 className="text-xl font-semibold text-foreground">Damiano Patri</h3>
|
{
|
||||||
<p className="text-foreground/70">Owner and Founder</p>
|
id: "2",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
|
||||||
</div>
|
imageAlt: "Lorenzo Noya, Co-Founder"
|
||||||
<div className="card rounded overflow-hidden">
|
}
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg" alt="Lorenzo Noya, Co-Founder" className="w-full h-64 object-cover" />
|
]}
|
||||||
<div className="p-6">
|
title="Meet Our Team"
|
||||||
<h3 className="text-xl font-semibold text-foreground">Lorenzo Noya</h3>
|
useInvertedBackground="noInvert"
|
||||||
<p className="text-foreground/70">Co-Founder</p>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<div className="py-20 px-4 bg-background">
|
<TestimonialCardFive
|
||||||
<div className="max-w-6xl mx-auto">
|
title="What Our Guests Say"
|
||||||
<div className="text-center mb-12">
|
description="Join hundreds of coffee lovers who have made Mongusta their favorite spot in Amsterdam"
|
||||||
<h2 className="text-3xl font-bold text-foreground mb-4">What Our Guests Say</h2>
|
testimonials={[
|
||||||
<p className="text-lg text-foreground/70">
|
{
|
||||||
Join hundreds of coffee lovers who have made Mongusta their favorite spot in Amsterdam
|
id: "1",
|
||||||
</p>
|
name: "Sophie van der Berg, Amsterdam Local",
|
||||||
</div>
|
date: "Date: 15 January 2025",
|
||||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
title: "Best coffee in the city",
|
||||||
<div className="card rounded p-6">
|
quote: "I come to Mongusta almost every day. The quality is unmatched and the atmosphere is so welcoming. This is where coffee meets community.",
|
||||||
<div className="flex items-center mb-4">
|
tag: "Regular",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg" alt="Sophie van der Berg" className="w-12 h-12 rounded-full mr-4 object-cover" />
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
|
||||||
<div>
|
},
|
||||||
<h4 className="font-semibold text-foreground">Sophie van der Berg</h4>
|
{
|
||||||
<p className="text-sm text-foreground/70">Amsterdam Local</p>
|
id: "2",
|
||||||
</div>
|
name: "Marco Rossi, Entrepreneur",
|
||||||
</div>
|
date: "Date: 10 January 2025",
|
||||||
<p className="text-foreground/70 text-sm">
|
title: "Perfect workspace",
|
||||||
"I come to Mongusta almost every day. The quality is unmatched and the atmosphere is so welcoming. This is where coffee meets community."
|
quote: "As a freelancer, I need a good workspace with excellent coffee. Mongusta delivers on both fronts. The wifi is reliable and the team is incredibly friendly.",
|
||||||
</p>
|
tag: "Frequent Visitor",
|
||||||
</div>
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg"
|
||||||
<div className="card rounded p-6">
|
},
|
||||||
<div className="flex items-center mb-4">
|
{
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg" alt="Marco Rossi" className="w-12 h-12 rounded-full mr-4 object-cover" />
|
id: "3",
|
||||||
<div>
|
name: "Emma Johnson, Designer",
|
||||||
<h4 className="font-semibold text-foreground">Marco Rossi</h4>
|
date: "Date: 8 January 2025",
|
||||||
<p className="text-sm text-foreground/70">Entrepreneur</p>
|
title: "Inspiring place",
|
||||||
</div>
|
quote: "Mongusta inspires creativity. The minimalist design, quality coffee, and creative energy make it my favorite place to brainstorm and work on projects.",
|
||||||
</div>
|
tag: "Creative",
|
||||||
<p className="text-foreground/70 text-sm">
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321576736-ix2lum2h.jpg"
|
||||||
"As a freelancer, I need a good workspace with excellent coffee. Mongusta delivers on both fronts. The wifi is reliable and the team is incredibly friendly."
|
},
|
||||||
</p>
|
{
|
||||||
</div>
|
id: "4",
|
||||||
<div className="card rounded p-6">
|
name: "Jan de Wit, Coffee Connoisseur",
|
||||||
<div className="flex items-center mb-4">
|
date: "Date: 5 January 2025",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321576736-ix2lum2h.jpg" alt="Emma Johnson" className="w-12 h-12 rounded-full mr-4 object-cover" />
|
title: "Exceptional quality",
|
||||||
<div>
|
quote: "Finally, a coffee shop that respects the craft. The single-origin selections are outstanding, and the baristas really know their stuff.",
|
||||||
<h4 className="font-semibold text-foreground">Emma Johnson</h4>
|
tag: "Enthusiast",
|
||||||
<p className="text-sm text-foreground/70">Designer</p>
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg"
|
||||||
</div>
|
}
|
||||||
</div>
|
]}
|
||||||
<p className="text-foreground/70 text-sm">
|
textboxLayout="default"
|
||||||
"Mongusta inspires creativity. The minimalist design, quality coffee, and creative energy make it my favorite place to brainstorm and work on projects."
|
useInvertedBackground="noInvert"
|
||||||
</p>
|
/>
|
||||||
</div>
|
|
||||||
<div className="card rounded p-6">
|
|
||||||
<div className="flex items-center mb-4">
|
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg" alt="Jan de Wit" className="w-12 h-12 rounded-full mr-4 object-cover" />
|
|
||||||
<div>
|
|
||||||
<h4 className="font-semibold text-foreground">Jan de Wit</h4>
|
|
||||||
<p className="text-sm text-foreground/70">Coffee Connoisseur</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p className="text-foreground/70 text-sm">
|
|
||||||
"Finally, a coffee shop that respects the craft. The single-origin selections are outstanding, and the baristas really know their stuff."
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<div className="py-20 px-4 bg-background">
|
<ContactText
|
||||||
<div className="max-w-4xl mx-auto text-center">
|
text="Ready to experience exceptional coffee? Visit Mongusta or get in touch. We are located in the heart of Amsterdam, open 7 days a week."
|
||||||
<p className="text-xl text-foreground/70 mb-8">
|
animationType="entrance-slide"
|
||||||
Ready to experience exceptional coffee? Visit Mongusta or get in touch. We are located in the heart of Amsterdam, open 7 days a week.
|
buttons={[
|
||||||
</p>
|
{ text: "Contact Us", href: "#" },
|
||||||
<div className="flex gap-4 justify-center">
|
{ text: "Find Us", href: "#" }
|
||||||
<button className="px-6 py-3 bg-primary-cta text-white rounded hover:opacity-90 transition-opacity">
|
]}
|
||||||
Contact Us
|
useInvertedBackground="noInvert"
|
||||||
</button>
|
/>
|
||||||
<button className="px-6 py-3 border border-border rounded hover:bg-accent transition-colors">
|
|
||||||
Find Us
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<div className="py-12 px-4 bg-background border-t border-border">
|
<FooterSocial
|
||||||
<div className="max-w-6xl mx-auto">
|
logoText="Mongusta"
|
||||||
<div className="grid md:grid-cols-4 gap-8 mb-8">
|
copyrightText="© Mongusta Coffee Shop, Amsterdam 2025"
|
||||||
<div>
|
columns={[
|
||||||
<h3 className="text-xl font-bold text-foreground mb-4">Mongusta</h3>
|
{
|
||||||
<p className="text-foreground/70">Premium specialty coffee in Amsterdam</p>
|
title: "Shop",
|
||||||
</div>
|
items: [
|
||||||
<div>
|
{ label: "Menu", href: "menu" },
|
||||||
<h4 className="font-semibold text-foreground mb-4">Shop</h4>
|
{ label: "Coffee Beans", href: "#" }
|
||||||
<ul className="space-y-2">
|
]
|
||||||
<li><a href="#menu" className="text-foreground/70 hover:text-foreground transition-colors">Menu</a></li>
|
},
|
||||||
<li><a href="#" className="text-foreground/70 hover:text-foreground transition-colors">Coffee Beans</a></li>
|
{
|
||||||
</ul>
|
title: "Company",
|
||||||
</div>
|
items: [
|
||||||
<div>
|
{ label: "About Us", href: "about" },
|
||||||
<h4 className="font-semibold text-foreground mb-4">Company</h4>
|
{ label: "Contact", href: "contact" }
|
||||||
<ul className="space-y-2">
|
]
|
||||||
<li><a href="#about" className="text-foreground/70 hover:text-foreground transition-colors">About Us</a></li>
|
},
|
||||||
<li><a href="#contact" className="text-foreground/70 hover:text-foreground transition-colors">Contact</a></li>
|
{
|
||||||
</ul>
|
title: "Info",
|
||||||
</div>
|
items: [
|
||||||
<div>
|
{ label: "Hours", href: "#" },
|
||||||
<h4 className="font-semibold text-foreground mb-4">Info</h4>
|
{ label: "Location", href: "#" }
|
||||||
<ul className="space-y-2">
|
]
|
||||||
<li><a href="#" className="text-foreground/70 hover:text-foreground transition-colors">Hours</a></li>
|
}
|
||||||
<li><a href="#" className="text-foreground/70 hover:text-foreground transition-colors">Location</a></li>
|
]}
|
||||||
</ul>
|
socialLinks={[
|
||||||
</div>
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||||
</div>
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
||||||
<div className="flex justify-between items-center pt-8 border-t border-border">
|
]}
|
||||||
<p className="text-foreground/70">© Mongusta Coffee Shop, Amsterdam 2025</p>
|
/>
|
||||||
<div className="flex gap-4">
|
|
||||||
<a href="https://instagram.com" className="text-foreground/70 hover:text-foreground transition-colors" aria-label="Instagram">
|
|
||||||
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a href="https://facebook.com" className="text-foreground/70 hover:text-foreground transition-colors" aria-label="Facebook">
|
|
||||||
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user