326 lines
14 KiB
TypeScript
326 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Coffee, Sparkles, Star, Heart, MessageSquare, HelpCircle } from "lucide-react";
|
|
|
|
export default function CoffeePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeExtraLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-subtle"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473653005-7sz88m2f.jpg"
|
|
brandName="Brew Haven"
|
|
button={{ text: "Order Now", href: "#featured-beverages" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Artisan Coffee Crafted with Care"
|
|
description="Discover premium specialty coffee roasted fresh daily. Experience the perfect blend of quality, flavor, and community."
|
|
tag="Premium Coffee Shop"
|
|
tagIcon={Coffee}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473654203-dyo86gbj.jpg"
|
|
imageAlt="Beautiful latte with latte art"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "#featured-beverages" },
|
|
{ text: "Order Delivery", href: "#contact" }
|
|
]}
|
|
ariaLabel="Coffee shop hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAboutCards
|
|
title="Brewing Excellence Since 2018"
|
|
description="We believe great coffee starts with exceptional beans. Our coffee is sourced from sustainable farms and roasted to perfection in small batches to ensure maximum freshness and flavor."
|
|
tag="Our Story"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
id: "sourcing",
|
|
title: "Ethically Sourced",
|
|
description: "Direct trade relationships with coffee farmers ensuring fair pricing and sustainable farming practices.",
|
|
label: "100% Fair Trade"
|
|
},
|
|
{
|
|
id: "roasting",
|
|
title: "Small Batch Roasting",
|
|
description: "Fresh roasted in-house daily. Each batch is carefully monitored to bring out unique flavor profiles.",
|
|
label: "Roasted Daily"
|
|
}
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
useInvertedBackground="noInvert"
|
|
ariaLabel="About our coffee shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-beverages" data-section="featured-beverages">
|
|
<ProductCardThree
|
|
title="Featured Beverages"
|
|
description="Try our most popular specialty drinks crafted by our expert baristas"
|
|
tag="Customer Favorites"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Classic Espresso",
|
|
price: "$3.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473655449-8xz9bw2w.jpg",
|
|
imageAlt: "Double shot espresso",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Silky Cappuccino",
|
|
price: "$4.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473656669-yh1rt5d4.jpg",
|
|
imageAlt: "Cappuccino with latte art",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Cold Brew Delight",
|
|
price: "$4.00",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473657988-cflpzm4o.jpg",
|
|
imageAlt: "Iced cold brew with ice",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Matcha Latte",
|
|
price: "$5.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473660171-nvz0q700.jpg",
|
|
imageAlt: "Vibrant matcha green tea latte",
|
|
initialQuantity: 1
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground="noInvert"
|
|
ariaLabel="Featured coffee beverages"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardEighteen
|
|
title="What Sets Us Apart"
|
|
description="Experience the difference quality coffee and genuine hospitality can make"
|
|
tag="Why Choose Us"
|
|
tagIcon={Heart}
|
|
negativeCard={{
|
|
title: "Typical Coffee Chains",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473661620-ovycgpz2.jpg",
|
|
imageAlt: "Generic coffee beans",
|
|
items: [
|
|
"Mass-produced coffee",
|
|
"Inconsistent quality",
|
|
"No personal connection",
|
|
"Limited specialty options"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
title: "Brew Haven",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473663138-lv9o9wkh.jpg",
|
|
imageAlt: "Expert barista pouring latte art",
|
|
items: [
|
|
"Artisanal small-batch roasts",
|
|
"Consistent premium quality",
|
|
"Personal relationships with regulars",
|
|
"Creative seasonal specialties"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
ariaLabel="Why choose Brew Haven"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Loved by Coffee Enthusiasts"
|
|
description="See what our regular customers have to say about their Brew Haven experience"
|
|
tag="Customer Reviews"
|
|
tagIcon={MessageSquare}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
handle: "@coffeeaddict",
|
|
testimonial: "Best espresso in the city! The baristas really care about getting it perfect every time. This is my daily ritual.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473666507-3ogfv3bz.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Chen",
|
|
handle: "@jchenworks",
|
|
testimonial: "The cold brew is absolutely smooth and refreshing. Great atmosphere for getting work done with reliable WiFi and excellent customer service.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473667899-k701b6aa.jpg",
|
|
imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Rodriguez",
|
|
handle: "@emmaeats",
|
|
testimonial: "Finally found a place that respects their craft. Every cup tastes intentional. The matcha latte is my new obsession!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473669176-zhf9xhgn.jpg",
|
|
imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Thompson",
|
|
handle: "@davidtech",
|
|
testimonial: "Brew Haven is more than coffee - it's community. The staff remembers your order and makes you feel valued as a customer.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473670731-enm7gcw8.jpg",
|
|
imageAlt: "David Thompson"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
useInvertedBackground="noInvert"
|
|
ariaLabel="Customer testimonials"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our coffee, ordering, and delivery options"
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do you offer delivery or shipping?",
|
|
content: "Yes! We offer local delivery within 5 miles and ship whole bean coffee nationwide. Orders typically arrive within 2-3 business days."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Can I request a specific roast level?",
|
|
content: "Absolutely! We roast custom to your preference. Just let us know if you prefer light, medium, or dark roast when placing your order."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What are your hours?",
|
|
content: "We're open Monday-Friday 6:30 AM - 7:00 PM, Saturday 8:00 AM - 8:00 PM, and Sunday 9:00 AM - 6:00 PM. We're closed on major holidays."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you have a loyalty program?",
|
|
content: "Yes! Sign up for our Brew Club and earn points on every purchase. Every 10th drink is free!"
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Are your beans sustainable?",
|
|
content: "100% of our beans are ethically sourced through direct trade relationships with certified sustainable coffee farms."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Can you accommodate dietary restrictions?",
|
|
content: "Of course! We offer oat, almond, coconut, and soy milk alternatives. We're happy to customize any drink."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473665073-qjm5622l.jpg"
|
|
imageAlt="Warm and inviting coffee shop interior"
|
|
mediaPosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
ariaLabel="Coffee shop FAQ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our coffee or want to book a tasting event? We'd love to hear from you. Fill out the form below and we'll get back to you shortly."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "subject", type: "text", placeholder: "Subject", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your question or event idea...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473672791-wpmxhdxu.jpg"
|
|
imageAlt="Cozy coffee shop counter"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
ariaLabel="Contact form"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Coffee",
|
|
items: [
|
|
{ label: "Shop Beans", href: "#featured-beverages" },
|
|
{ label: "Brewing Guide", href: "#" },
|
|
{ label: "Our Roasts", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit",
|
|
items: [
|
|
{ label: "Locations", href: "#" },
|
|
{ label: "Hours", href: "#faq" },
|
|
{ label: "Book Event", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473653005-7sz88m2f.jpg"
|
|
logoText="Brew Haven"
|
|
copyrightText="© 2025 Brew Haven Coffee. All rights reserved. Crafted with care."
|
|
ariaLabel="Coffee shop footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |