200 lines
10 KiB
TypeScript
200 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
import { Coffee, Flame, Heart, Leaf } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Brew Haven"
|
|
bottomLeftText="Artisan Coffee Culture"
|
|
bottomRightText="hello@brewhaven.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="BREW HAVEN"
|
|
description="Discover the art and craft of premium artisan coffee in our warm, welcoming café. Every cup is a journey of flavor and passion."
|
|
buttons={[
|
|
{ text: "Visit Us Today", href: "contact" },
|
|
{ text: "View Our Menu", href: "features" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg", imageAlt: "Coffee shop ambiance"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg", imageAlt: "Coffee beans and roasting"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg", imageAlt: "Perfect espresso cup"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.1}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Coffee Story"
|
|
description="At Brew Haven, we believe that exceptional coffee starts with passion and dedication. We source the finest beans from around the world and roast them to perfection in small batches to ensure maximum freshness and flavor complexity."
|
|
tag="About Us"
|
|
bulletPoints={[
|
|
{
|
|
title: "Single-Origin Selection", description: "Hand-picked beans from premium coffee-growing regions worldwide", icon: Coffee
|
|
},
|
|
{
|
|
title: "Expert Roasting", description: "Small-batch roasting by our master roasters for optimal flavor profiles", icon: Flame
|
|
},
|
|
{
|
|
title: "Barista Craft", description: "Professionally trained baristas creating the perfect cup every time", icon: Heart
|
|
},
|
|
{
|
|
title: "Sustainable Sourcing", description: "Direct relationships with ethical farmers ensuring quality and fairness", icon: Leaf
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-hands-holding-coffee_23-2149045715.jpg"
|
|
imageAlt="Our cozy coffee shop interior"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Explore Our Menu"
|
|
description="From classic espresso drinks to innovative seasonal creations, our menu celebrates the art of coffee craftsmanship."
|
|
tag="What We Offer"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Signature Espresso Drinks", description: "Our carefully crafted espresso-based beverages including rich cappuccinos, smooth lattes, and bold macchiatos. Each drink is prepared with precision and passion.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg", imageAlt: "Signature espresso drinks"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Fresh Baked Pastries", description: "Pair your coffee with our selection of freshly baked croissants, Danish pastries, and artisan baked goods made daily by our in-house bakery.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg", imageAlt: "Fresh pastries and baked goods"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Brewing Expertise", description: "Experience alternative brewing methods including pour-over, French press, and AeroPress. Our baristas guide you through each technique for optimal flavor extraction.", imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg", imageAlt: "Coffee brewing techniques"
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Hear from the coffee lovers who make Brew Haven their daily destination."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "@sarahcoffeelover", testimonial: "The best espresso in town! Every morning I look forward to my visit to Brew Haven. The baristas truly care about their craft.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", handle: "@jchen_coffee", testimonial: "Exceptional quality and a cozy atmosphere. The single-origin beans are outstanding. This is where I do my best creative work.", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", handle: "@emmarodrigo", testimonial: "Sustainable sourcing that actually makes a difference. Love supporting a business that cares about ethics and quality equally.", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Thompson", handle: "@marcusthompson", testimonial: "The pastries paired with their coffee are absolutely perfect. This café has become my second home.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Marcus Thompson"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Williams", handle: "@jessicaw_coffee", testimonial: "Wonderful experience from start to finish. The staff is knowledgeable and friendly. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageAlt: "Jessica Williams"
|
|
},
|
|
{
|
|
id: "6", name: "David Park", handle: "@davidpark_designs", testimonial: "Finally found a place that understands coffee like we do. The attention to detail in every cup is remarkable.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454539.jpg", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience exceptional coffee? Visit Brew Haven today and discover why our customers return every day. We're here to welcome you."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "#" },
|
|
{ text: "Contact Us", href: "#" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Visit Us", items: [
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Parking", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Coffee", href: "#" },
|
|
{ label: "Pastries", href: "#" },
|
|
{ label: "Seasonal", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Sourcing", href: "#" },
|
|
{ label: "Team", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
{ label: "Newsletter", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Brew Haven. All rights reserved."
|
|
bottomRightText="Crafted with care and passion"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |