254 lines
15 KiB
TypeScript
254 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Coffee, Sparkles, Star, Heart, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BrewHaven"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Process", id: "features" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Visit Us", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Discover Exceptional Coffee"
|
|
description="Handcrafted beverages made from the finest beans, roasted with passion. Experience the perfect blend of quality, artistry, and warmth."
|
|
tag="Premium Coffee"
|
|
tagIcon={Coffee}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-with-foam-flower_1203-1629.jpg", imageAlt: "Freshly brewed latte with latte art"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/high-view-cup-coffee-sweets_23-2148255018.jpg", imageAlt: "Professional barista preparing espresso"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/cups-coffee-table_23-2148900624.jpg", imageAlt: "Freshly roasted specialty coffee beans"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/cups-cappuccino-with-heart-rosetta-latte-art_140725-1471.jpg", imageAlt: "Warm ceramic coffee cup"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/coffee-latte-with-croissant-blurred-glasses_23-2148441256.jpg", imageAlt: "Cozy cafe interior with warm lighting"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Menu", href: "products" },
|
|
{ text: "Reserve a Table", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Sparkles}
|
|
title="Brewing Excellence Since Day One"
|
|
description="BrewHaven was founded on a simple belief: exceptional coffee should be accessible to everyone. We source single-origin beans from sustainable farms, roast them in small batches to preserve flavor complexity, and craft each cup with meticulous care. Our baristas are passionate professionals dedicated to creating not just drinks, but memorable experiences."
|
|
metrics={[
|
|
{ value: "5,000+", title: "Daily Coffee Lovers" },
|
|
{ value: "50+", title: "Origins & Varieties" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
|
|
imageAlt="Modern BrewHaven cafe interior with warm lighting"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Our Signature Menu"
|
|
description="From classic espresso shots to creative specialty drinks, each item is crafted to perfection"
|
|
tag="Popular Items"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "1", name: "Single-Shot Espresso", price: "$3.50", variant: "Rich Crema, Bold Flavor", imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-espresso-coffee-takeaway-paper-cup-stone-table-cafe-monotone-background-with-copy-space-coffee-break_166373-3732.jpg", imageAlt: "Perfectly pulled single espresso shot"
|
|
},
|
|
{
|
|
id: "2", name: "Signature Latte", price: "$5.50", variant: "Silky Microfoam, Velvety Smooth", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-buiscuits-muffin_23-2148297896.jpg", imageAlt: "Creamy latte with beautiful latte art"
|
|
},
|
|
{
|
|
id: "3", name: "Italian Cappuccino", price: "$5.00", variant: "1:1:1 Ratio, Classic Style", imageSrc: "https://img.b2bpic.net/free-photo/hot-chocolade-cup_140725-9554.jpg", imageAlt: "Traditional cappuccino with thick foam"
|
|
},
|
|
{
|
|
id: "4", name: "Pastry Pairing", price: "$8.50", variant: "Fresh Baked, House Special", imageSrc: "https://img.b2bpic.net/free-photo/breakfast-set-flat-lay-with-croissant-raspberry-jam-food-photography_53876-108045.jpg", imageAlt: "Fresh croissant perfect for coffee pairing"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureProcessSteps
|
|
tag="How We Work"
|
|
tagIcon={Sparkles}
|
|
title="Our Coffee Crafting Process"
|
|
description="Every cup tells a story of careful sourcing, expert roasting, and precise brewing. Discover the steps that make our coffee truly special."
|
|
steps={[
|
|
{
|
|
number: "01", title: "Source & Select", tag: "Ethical Sourcing", description: "We partner directly with sustainable farms worldwide, carefully selecting beans based on altitude, climate, and flavor profile. Each origin brings unique characteristics to our roastery."
|
|
},
|
|
{
|
|
number: "02", title: "Small-Batch Roasting", tag: "In-House Roastery", description: "Our master roasters use traditional techniques to bring out the best in each batch. We roast to order, ensuring peak freshness and optimal flavor development for every shipment."
|
|
},
|
|
{
|
|
number: "03", title: "Expert Preparation", tag: "Craft & Care", description: "Our certified baristas use precision equipment and traditional methods to extract the perfect shot. Each drink is a craft beverage, prepared with passion and expertise."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwo
|
|
title="What Our Coffee Lovers Say"
|
|
description="Real customers sharing their genuine experience at BrewHaven"
|
|
tag="Reviews"
|
|
tagIcon={Heart}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "Regular Customer", testimonial: "The attention to detail is incredible. Every visit, my coffee tastes perfectly balanced. The baristas remember my order and always ask how their craft can improve my experience.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Portrait of Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Rodriguez", role: "Coffee Enthusiast", testimonial: "I've tried coffee everywhere, and BrewHaven consistently delivers the best flavor profiles. Their single-origin selections are exceptional, and the pricing is fair for the quality.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Portrait of Marcus Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Watson", role: "Daily Visitor", testimonial: "More than just great coffee, it's the warm atmosphere and community feel. I've made friends here, and the staff genuinely cares about sustainability and quality.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair_23-2148728586.jpg", imageAlt: "Portrait of Emily Watson"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", role: "Business Owner", testimonial: "I hold all my client meetings here. The ambiance is professional, the wifi is reliable, and the coffee keeps me sharp. It's become my second office.", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Portrait of David Park"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about BrewHaven, our coffee, and our cafe"
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What types of beans do you use?", content: "We source single-origin and blended specialty coffee beans from sustainable farms across Ethiopia, Kenya, Colombia, and Central America. Each bean is carefully selected for flavor profile, and we rotate seasonal offerings to showcase different origins and processing methods."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer decaf options?", content: "Yes! We offer Swiss water process decaffeinated beans that maintain exceptional flavor. We can prepare decaf espresso, cappuccino, latte, and all our specialty drinks. We roast decaf in small batches to ensure freshness."
|
|
},
|
|
{
|
|
id: "3", title: "Are there dairy-free milk alternatives?", content: "Absolutely. We offer oat milk, almond milk, coconut milk, and soy milk. All milk alternatives are premium quality and properly steamed to create the perfect microfoam for any espresso-based drink."
|
|
},
|
|
{
|
|
id: "4", title: "Can I buy whole beans to take home?", content: "Yes! We sell whole bean coffee in 12oz and 1lb bags. Each bag includes detailed tasting notes and brewing recommendations. Beans are roasted fresh multiple times weekly, and we offer subscription options for regular customers."
|
|
},
|
|
{
|
|
id: "5", title: "Do you provide catering services?", content: "We do offer coffee catering for corporate events, weddings, and private functions. Our team can provide espresso machines, trained baristas, and customized menu options. Please contact us for details and pricing."
|
|
},
|
|
{
|
|
id: "6", title: "What are your hours of operation?", content: "We're open Monday-Friday 6:30am-8:00pm, Saturday 8:00am-9:00pm, and Sunday 8:00am-7:00pm. Check our contact page for holiday hours and special closures."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Have questions? Want to reserve a table or discuss catering? We'd love to hear from you. Fill out the form and our team will respond within 24 hours."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us how we can help...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
|
|
imageAlt="BrewHaven coffee shop storefront with welcoming entrance"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navigate", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Menu", href: "#products" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit Us", items: [
|
|
{ label: "123 Coffee Lane, Brew City, BC 45678" },
|
|
{ label: "Mon-Fri: 6:30am - 8:00pm" },
|
|
{ label: "Sat-Sun: 8:00am - 9:00pm" },
|
|
{ label: "(555) 123-4567" }
|
|
]
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 BrewHaven Coffee. All rights reserved."
|
|
bottomRightText="Roasting Excellence, Brewing Passion"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |