175 lines
8.2 KiB
TypeScript
175 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Coffee, Heart, Instagram, Facebook, Twitter, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="solid-accent-light"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BrewCraft"
|
|
navItems={[
|
|
{ name: "Menu", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonial" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Discover Your Perfect Brew"
|
|
description="Handcrafted coffee from around the world, roasted fresh daily. Experience the art of exceptional coffee in our welcoming community."
|
|
tag="Premium Coffee"
|
|
tagIcon={Coffee}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766507831327-qlo86d1b.jpg"
|
|
imageAlt="Modern coffee shop interior with customers"
|
|
imagePosition="right"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659852371-2n8s417u.jpg", alt: "Barista Maria" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659853424-ixkpxq6h.jpg", alt: "Barista Carlos" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659855040-siiqd8u1.jpg", alt: "Coffee Specialist Elena" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659856152-wm74airb.jpg", alt: "Manager James" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659857717-44j1joo8.jpg", alt: "Barista Sofia" }
|
|
]}
|
|
avatarText="Join 5000+ coffee lovers"
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "features" },
|
|
{ text: "Visit Us", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Our Coffee Philosophy"
|
|
description="We believe in transparency, quality, and sustainability in every cup."
|
|
tabs={[
|
|
{
|
|
id: "sourcing",
|
|
label: "Ethical Sourcing",
|
|
description: "We partner directly with coffee farmers from Ethiopia, Colombia, and Peru to ensure fair trade practices and the highest quality beans. Every purchase supports sustainable farming communities."
|
|
},
|
|
{
|
|
id: "roasting",
|
|
label: "Artisan Roasting",
|
|
description: "Our in-house roasting team carefully roasts small batches to bring out unique flavors and characteristics. Each roast is perfected through years of expertise and passion."
|
|
},
|
|
{
|
|
id: "community",
|
|
label: "Community First",
|
|
description: "BrewCraft is more than coffee—it's a gathering place. We host events, support local artists, and create a welcoming space for everyone who walks through our doors."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659840609-ewcp8o1k.jpg"
|
|
imageAlt="Coffee farmers in the field"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardFourteen
|
|
title="Our Signature Selection"
|
|
description="Explore our carefully curated menu of specialty drinks and premium coffee experiences."
|
|
tag="Featured Drinks"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Classic Espresso",
|
|
description: "Pure, intense, and perfectly balanced. The foundation of all our specialty drinks.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659836068-fpqgs7hd.jpg",
|
|
imageAlt: "Rich espresso shot"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Silky Cappuccino",
|
|
description: "Creamy microfoam meets bold espresso. A timeless Italian masterpiece.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659837842-8joj7ugt.jpg",
|
|
imageAlt: "Cappuccino with latte art"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Refreshing Cold Brew",
|
|
description: "Smooth, cold, and naturally sweet. Perfect for warm days.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659839234-e3k6cwwc.jpg",
|
|
imageAlt: "Ice-cold brew in glass"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399490259-ptyv09vk.jpg", imageAlt: "Sarah Johnson" },
|
|
{ id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399489339-4b0slwhc.jpg", imageAlt: "Michael Chen" },
|
|
{ id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659846877-3uoiyg39.jpg", imageAlt: "Emma Rodriguez" },
|
|
{ id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659848063-4nvq8mg9.jpg", imageAlt: "David Kim" },
|
|
{ id: "5", name: "Jessica Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659849799-pyp0klr1.jpg", imageAlt: "Jessica Lee" },
|
|
{ id: "6", name: "Marcus Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659851142-vas3wibh.jpg", imageAlt: "Marcus Thompson" }
|
|
]}
|
|
cardTitle="Loved by coffee enthusiasts worldwide"
|
|
cardTag="Customer Stories"
|
|
cardTagIcon={Heart}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience exceptional coffee? Visit us today or place your order online."
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Visit Us", href: "#" },
|
|
{ text: "Order Online", href: "#" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="BrewCraft"
|
|
copyrightText="© 2025 BrewCraft Coffee. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|