Files
3d539ff6-dcc2-441c-a8d8-c95…/src/app/page.tsx
2026-03-13 10:45:48 +00:00

263 lines
13 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Clock, Coffee, Mail, Newspaper, Sparkles, Star, TrendingUp, Users, BarChart3, TrendingUp as TrendingUpIcon } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "home" },
{ name: "Our Coffee", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
brandName="Brew Haven"
button={{ text: "Reserve Seat", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Brew Haven"
description="Premium specialty coffee crafted with passion. Experience the art of perfect brewing."
tag="Coffee Excellence"
tagIcon={Sparkles}
tagAnimation="blur-reveal"
buttons={[
{ text: "Order Now", href: "#products" },
{ text: "Learn More", href: "#about" }
]}
buttonAnimation="blur-reveal"
background={{ variant: "plain" }}
dashboard={{
title: "Dashboard", stats: [
{ label: "Orders Today", value: "1,234", icon: TrendingUpIcon },
{ label: "Active Members", value: "15K+", icon: Users },
{ label: "Awards Won", value: "12+", icon: Award }
],
logoIcon: Coffee,
sidebarItems: [
{ label: "Dashboard", icon: BarChart3 },
{ label: "Orders", icon: Coffee },
{ label: "Analytics", icon: TrendingUpIcon }
],
buttons: [
{ text: "View Orders", href: "#products" }
],
listItems: [
{ title: "Premium Espresso", value: "$4.50" },
{ title: "Velvety Cappuccino", value: "$5.50" },
{ title: "Cold Brew", value: "$5.00" }
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=673ag3", imageAlt: "Brew Haven Dashboard", searchPlaceholder: "Search coffee...", chartTitle: "Weekly Sales", chartData: [
{ name: "Mon", value: 100 },
{ name: "Tue", value: 120 },
{ name: "Wed", value: 110 },
{ name: "Thu", value: 140 },
{ name: "Fri", value: 160 },
{ name: "Sat", value: 180 },
{ name: "Sun", value: 150 }
],
listTitle: "Today's Specials"
}}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Roasted with Intention"
description="Since 2015, Brew Haven has been dedicated to sourcing the finest single-origin beans from sustainable farms across the globe. Our master roasters hand-select each batch, roasting to perfection to bring out the unique character of every origin. We believe that great coffee starts with respect—for the farmers, the beans, and the craft."
tag="Our Story"
tagIcon={Sparkles}
tagAnimation="blur-reveal"
buttons={[
{ text: "Visit Us", href: "#contact" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qquob3"
imageAlt="Brew Haven coffee shop interior"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Signature Collections"
description="Explore our handpicked selection of premium beverages, each crafted to showcase the distinctive flavors of specialty coffee."
tag="Featured"
tagIcon={Award}
tagAnimation="blur-reveal"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{
id: "espresso", brand: "Single Origin", name: "Classic Espresso", price: "$4.50", rating: 5,
reviewCount: "248", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=673ag3", imageAlt: "Classic espresso shot"
},
{
id: "cappuccino", brand: "House Special", name: "Velvety Cappuccino", price: "$5.50", rating: 5,
reviewCount: "312", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dhjupd", imageAlt: "Cappuccino with latte art"
},
{
id: "cold-brew", brand: "Summer Favorite", name: "Cold Brew Concentrate", price: "$5.00", rating: 5,
reviewCount: "189", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtx7fv", imageAlt: "Cold brew iced coffee"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="By The Numbers"
description="Brew Haven's impact on the specialty coffee community and beyond."
tag="Our Impact"
tagIcon={TrendingUp}
tagAnimation="blur-reveal"
textboxLayout="default"
animationType="scale-rotate"
useInvertedBackground={false}
metrics={[
{
id: "awards", icon: Award,
title: "Awards Won", value: "12+"
},
{
id: "customers", icon: Users,
title: "Coffee Lovers", value: "15K+"
},
{
id: "experience", icon: Clock,
title: "Years Experience", value: "9"
},
{
id: "beans", icon: Coffee,
title: "Origins", value: "28"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Coffee Lovers Say"
description="Real experiences from our cherished community members."
tag="Reviews"
tagIcon={Star}
tagAnimation="blur-reveal"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1", name: "Sarah Martinez", handle: "@sarahlovescoffee", testimonial: "The quality of beans at Brew Haven is unmatched. Every cup tastes like a journey around the world. I'm a loyal customer for life!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zshpks", imageAlt: "Sarah Martinez", icon: Star
},
{
id: "testimonial-2", name: "James Chen", handle: "@jamesthebarista", testimonial: "As a barista, I appreciate their commitment to excellence. The equipment and training they provide is top-tier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4dqbx", imageAlt: "James Chen", icon: Star
},
{
id: "testimonial-3", name: "Emma Robinson", handle: "@emmaeats", testimonial: "My morning ritual wouldn't be the same without Brew Haven's cappuccino. Perfection in every sip!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iteje6", imageAlt: "Emma Robinson", icon: Star
},
{
id: "testimonial-4", name: "Michael Park", handle: "@michaelcoffeeaddict", testimonial: "The atmosphere is warm and welcoming. I've made so many friends here. It's more than just coffee—it's community.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1r1xy0", imageAlt: "Michael Park", icon: Star
},
{
id: "testimonial-5", name: "Jasmine Patel", handle: "@jasminestea_coffee", testimonial: "Sustainable sourcing and exceptional taste. Brew Haven truly cares about quality and impact.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lxb1ke", imageAlt: "Jasmine Patel", icon: Star
},
{
id: "testimonial-6", name: "David Thompson", handle: "@davidwrites", testimonial: "Perfect spot for remote work or catching up with friends. Great wifi, great coffee, great vibes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wojn38", imageAlt: "David Thompson", icon: Star
}
]}
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
title="Featured In"
description="Recognized by leading coffee and lifestyle publications."
tag="Media"
tagIcon={Newspaper}
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Coffee Magazine", "Specialty Brew Review", "Urban Café Guide", "Artisan Coffee Journal", "Barista Weekly", "Local Life Spotlight", "Premium Beverage Digest", "Sustainable Sourcing Network"
]}
speed={45}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get In Touch"
title="Visit Brew Haven Today"
description="Join our coffee community. Subscribe for exclusive blends, brewing tips, and special events."
tagIcon={Mail}
tagAnimation="blur-reveal"
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="By subscribing, you agree to receive updates about our latest blends and events. We respect your privacy."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Coffee", href: "#products" },
{ label: "Sustainability", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
title: "Community", items: [
{ label: "Events", href: "#" },
{ label: "Brewing Tips", href: "#" },
{ label: "Member Stories", href: "#" },
{ label: "Blog", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Contact", href: "#contact" },
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
{ label: "Newsletter", href: "#" }
]
}
]}
bottomLeftText="© 2024 Brew Haven. All rights reserved."
bottomRightText="Crafted with passion for specialty coffee lovers."
/>
</div>
</ThemeProvider>
);
}