254 lines
11 KiB
TypeScript
254 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactInline from '@/components/sections/contact/ContactInline';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Coffee, Heart, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BrewHaven"
|
|
navItems={[
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Order Now",
|
|
href: "#products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="3"
|
|
description="Welcome to BrewHaven, where every coffee tells a story. From rich espresso to smooth cold brew, we craft the perfect blend for every moment of your day."
|
|
tag="Premium Coffee Experience"
|
|
tagIcon={Coffee}
|
|
kpis={[
|
|
{ value: "15 Years", label: "Crafting Excellence" },
|
|
{ value: "100%", label: "Ethically Sourced" },
|
|
{ value: "5000+", label: "Happy Customers" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "#products" },
|
|
{ text: "Visit Us", href: "#contact" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140059770-hkqb0x9d.jpg"
|
|
imageAlt="Freshly brewed coffee"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagMediaSplitAbout
|
|
title="Our Story"
|
|
description="Founded in 2009, BrewHaven has been a cornerstone of the community, serving exceptional coffee and building meaningful connections."
|
|
textboxLayout="default"
|
|
contentTag="OUR MISSION"
|
|
contentTagIcon={Heart}
|
|
contentTitle="Roasted with Purpose"
|
|
contentDescription="We believe that great coffee goes beyond the cup. Every bean we source is chosen with care, every blend is crafted with intention, and every customer interaction is an opportunity to create a moment of joy. We partner directly with farmers, ensuring fair wages and sustainable practices, so you can enjoy your coffee knowing it makes a positive impact."
|
|
contentButtons={[
|
|
{ text: "Learn More", href: "#" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747387058-55jiuo54.jpg"
|
|
imageAlt="BrewHaven interior"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Our Signature Selection"
|
|
description="Handpicked beverages crafted to perfection. Each drink is made with premium ingredients and attention to detail."
|
|
tag="Featured"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Classic Espresso",
|
|
price: "$3.50",
|
|
variant: "Single Shot - Rich, Bold",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140060621-29xib9f7.jpg",
|
|
imageAlt: "Classic espresso shot"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Creamy Cappuccino",
|
|
price: "$4.75",
|
|
variant: "12oz - Silky Smooth",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140053900-frhkawzl.jpg",
|
|
imageAlt: "Cappuccino with latte art"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Cold Brew Special",
|
|
price: "$4.25",
|
|
variant: "16oz - Refreshingly Smooth",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
|
|
imageAlt: "Iced cold brew coffee"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEleven
|
|
title="What Coffee Lovers Say"
|
|
description="Hear from our community about their BrewHaven experience."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
nameTitle: "Sarah Mitchell, Local Artist",
|
|
quote: "BrewHaven has become my creative sanctuary. The coffee is exceptional, and the ambiance is perfect for inspiration. I can't imagine my mornings without their caramel macchiato.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140064413-lmtijaij.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
nameTitle: "James Chen, Tech Entrepreneur",
|
|
quote: "The quality and consistency of their coffee is unmatched. I've taken countless meetings here, and every single cup is perfect. Their cold brew gets me through intense workdays.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg",
|
|
imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
nameTitle: "Emma Rodriguez, College Student",
|
|
quote: "This place feels like home. The baristas remember my order, the environment is welcoming, and the coffee keeps me fueled through study sessions. Highly recommend!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
|
|
imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
nameTitle: "Michael Thompson, Marketing Director",
|
|
quote: "Best specialty coffee in the city. The attention to detail in every aspect, from sourcing to serving, really sets BrewHaven apart. Their flat white is my go-to.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
|
|
imageAlt: "Michael Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about BrewHaven."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What are your business hours?",
|
|
content: "We're open Monday through Friday from 6:00 AM to 8:00 PM, and Saturday-Sunday from 8:00 AM to 7:00 PM. We're closed on major holidays."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer specialty drinks?",
|
|
content: "Absolutely! Beyond our signature menu, our skilled baristas can create custom drinks based on your preferences. Just ask our team about seasonal specials and custom creations."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Are your beans ethically sourced?",
|
|
content: "Yes, 100% of our coffee beans are ethically sourced directly from fair-trade farms. We prioritize sustainable practices and fair wages for all our farming partners."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you have food options?",
|
|
content: "We partner with local bakeries to offer fresh pastries, sandwiches, and snacks. Our menu rotates seasonally to feature the best local ingredients."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Can I order online for pickup?",
|
|
content: "Yes! You can pre-order through our website or app. Simply select your items, choose your pickup time, and we'll have your order ready when you arrive."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Do you offer gift cards?",
|
|
content: "Yes, we offer both digital and physical gift cards in various denominations. Perfect for coffee lovers! You can purchase them in-store or online."
|
|
}
|
|
]}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactInline
|
|
text="Join Our Coffee Community"
|
|
animationType="background-highlight"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140053029-sd9wbrql.jpg"
|
|
imageAlt="Coffee beans background"
|
|
logoText="BrewHaven"
|
|
copyrightText="© 2025 BrewHaven Coffee. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{ label: "Espresso", href: "#" },
|
|
{ label: "Cappuccino", href: "#" },
|
|
{ label: "Cold Brew", href: "#" },
|
|
{ label: "Specialties", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Email", href: "mailto:hello@brewhaven.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|