279 lines
13 KiB
TypeScript
279 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactParallax from '@/components/sections/contact/ContactParallax';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Coffee, Sparkles } from "lucide-react";
|
|
|
|
export default function BrewHavenPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeExtraLargeSpacing"
|
|
background="plain"
|
|
cardStyle="glass-outline-light"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brew Haven"
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765550994918-9tecf6jr.jpg"
|
|
logoAlt="Brew Haven Coffee Shop Logo"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now",
|
|
href: "#products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Craft Your Perfect Cup"
|
|
description="Discover premium coffee crafted with passion. From single-origin espresso to velvety lattes, every sip tells a story of quality and expertise."
|
|
tag="Premium Coffee Experience"
|
|
tagIcon={Coffee}
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "#products" },
|
|
{ text: "Visit Us", href: "#contact" }
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765550999417-lnxhw0bd.jpg",
|
|
imageAlt: "Premium espresso coffee cup close-up"
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551000867-viee189a.jpg",
|
|
imageAlt: "Latte art coffee cup beautiful"
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551002713-vb7ae4pe.jpg",
|
|
imageAlt: "Cappuccino coffee professional barista"
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551004471-68wrde6a.jpg",
|
|
imageAlt: "Iced coffee beverage refreshing"
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551006402-y8yt2aji.jpg",
|
|
imageAlt: "Coffee shop interior cozy atmosphere"
|
|
},
|
|
{
|
|
id: "6",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551008181-p69q7eyr.jpg",
|
|
imageAlt: "Coffee beans roasted premium"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSeven
|
|
title="Our Signature Menu"
|
|
description="Hand-selected beverages crafted by our expert baristas using premium, ethically-sourced coffee beans"
|
|
tag="Menu Highlights"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Full Menu", href: "#" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Signature Espresso",
|
|
price: "$3.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551010695-30j7ihuo.jpg",
|
|
imageAlt: "Rich espresso shot"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Velvety Latte",
|
|
price: "$4.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551015101-6w3pz7le.jpg",
|
|
imageAlt: "Creamy latte with latte art"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Perfect Cappuccino",
|
|
price: "$4.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551017347-v7hbf37h.jpg",
|
|
imageAlt: "Cappuccino with foam art"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Bold Americano",
|
|
price: "$3.75",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551018675-8we0vypg.jpg",
|
|
imageAlt: "Strong americano coffee"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitAbout
|
|
title="Our Coffee Story"
|
|
description="At Brew Haven, we believe exceptional coffee begins with exceptional beans. Since 2015, we've been sourcing the finest coffee from ethical farms around the world and roasting them to perfection. Our baristas are trained to craft each cup with precision and care, ensuring every visit delivers the ultimate coffee experience. We're more than just a coffee shop—we're a community for coffee lovers."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551019807-548cnhie.jpg"
|
|
imageAlt="Passionate barista preparing perfect coffee"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Loved by Coffee Enthusiasts"
|
|
description="Hear what our customers have to say about their Brew Haven experience"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
handle: "@sarahmitchell_coffee",
|
|
testimonial: "The best espresso I've had in years. The baristas really know their craft and care about every detail. Brew Haven is my daily ritual.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551021240-5sxt1uu6.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus Chen",
|
|
handle: "@marcuslovescoffee",
|
|
testimonial: "Finally found a coffee shop that takes their beans as seriously as I do. The single-origin options are incredible and the atmosphere is perfect for work.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551023367-mu481rpr.jpg",
|
|
imageAlt: "Marcus Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Rodriguez",
|
|
handle: "@emmacafe",
|
|
testimonial: "Their cappuccino is an art form. Every morning I look forward to visiting Brew Haven. This is what specialty coffee should taste like.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551024716-k7ghqzqf.jpg",
|
|
imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "James Williams",
|
|
handle: "@jamesw_coffee",
|
|
testimonial: "The passion these baristas have for coffee is unmatched. Every cup is made with care and expertise. Highly recommend to any coffee lover.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551028213-tslau3po.jpg",
|
|
imageAlt: "James Williams"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Olivia Park",
|
|
handle: "@olivia.drinks.coffee",
|
|
testimonial: "Not just great coffee, but a welcoming community. The team makes you feel like part of the Brew Haven family from day one.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551029806-hminpwbe.jpg",
|
|
imageAlt: "Olivia Park"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "David Thompson",
|
|
handle: "@davidthompson_espresso",
|
|
testimonial: "Consistently excellent. Whether it's their standard menu or seasonal specials, every drink is crafted to perfection. My go-to coffee destination.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551031327-qx2oxrtb.jpg",
|
|
imageAlt: "David Thompson"
|
|
}
|
|
]}
|
|
speed={30}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Brew Haven and our coffee offerings"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
mediaPosition="left"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551033118-zy2f813x.jpg"
|
|
imageAlt="Brew Haven coffee shop storefront"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What coffee beans do you use?",
|
|
content: "We source premium, ethically-sourced coffee beans from farms across Africa, South America, and Asia. Each origin is carefully selected for its unique flavor profile and roasted to bring out the best characteristics."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer alternatives to dairy milk?",
|
|
content: "Absolutely! We offer oat milk, almond milk, soy milk, and coconut milk as alternatives. All our milk options are premium quality and selected to complement our coffee perfectly."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I order online for pickup?",
|
|
content: "Yes, we offer online ordering for pickup through our website. Simply select your items and choose your preferred pickup time. Fresh and ready when you arrive!"
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you have pastries or food?",
|
|
content: "We partner with local bakeries to offer fresh pastries and light meals daily. All items are selected to pair perfectly with our signature coffee selections."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Is there seating for meetings?",
|
|
content: "Yes! We have comfortable seating areas perfect for meetings and work. We also have a private meeting room available. Call ahead to reserve."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Can I buy beans to take home?",
|
|
content: "Of course! We sell all our single-origin beans in 1lb and 5lb bags. Our team can recommend the perfect roast for your brewing method."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactParallax
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765551033118-zy2f813x.jpg"
|
|
imageAlt="Visit Brew Haven coffee shop"
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
|
{ text: "Contact Us", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Brew Haven"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |