222 lines
11 KiB
TypeScript
222 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
export default function BrewHavenPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Brew Haven"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Why Us", id: "features" },
|
|
{ name: "Reviews", id: "testimonial" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Brew Haven"
|
|
description="Experience specialty coffee crafted with passion. Premium beans, expert roasting, and warm hospitality in every cup."
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "products" },
|
|
{ text: "Book a Table", href: "contact" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
|
|
imageAlt="Warm coffee shop interior with ambient lighting"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
title="Crafted for Coffee Lovers, Built by Passionate Baristas"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Why Choose Brew Haven"
|
|
description="Discover what makes our coffee shop a destination for true coffee enthusiasts"
|
|
tag="Premium Quality"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Single-Origin Beans", description: "Sourced directly from sustainable farms across Africa, Central America, and Asia. Each bean tells a story of origin and craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2309.jpg", imageAlt: "Premium roasted coffee beans"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Expert Brewing Methods", description: "From pour-over to espresso, our baristas master multiple brewing techniques to unlock the unique flavor profile of each bean.", imageSrc: "http://img.b2bpic.net/free-photo/making-drip-coffee-cafe_53876-31851.jpg", imageAlt: "Professional coffee brewing equipment"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Cozy Atmosphere", description: "A welcoming space designed for connection—work, meet friends, or simply savor your moment of calm with exceptional coffee.", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Comfortable coffee shop seating area"
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Our Signature Selections"
|
|
description="Hand-crafted beverages and artisanal pastries prepared fresh daily"
|
|
tag="Premium Menu"
|
|
products={[
|
|
{
|
|
id: "1", name: "Single-Origin Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/espresso-cup-coffee-beans_1220-7116.jpg", imageAlt: "Rich single-origin espresso shot", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Artisan Latte", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/hot-cappuccino-with-cookie-table_140725-6675.jpg", imageAlt: "Cappuccino with beautiful latte art", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Coffee & Pastry Pairing", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg", imageAlt: "Coffee with fresh croissant and pastries", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSixteen
|
|
title="Loved by Coffee Enthusiasts"
|
|
description="Join hundreds of customers who've made Brew Haven their favorite coffee destination"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Designer", company: "Creative Studio", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Writer", company: "Independent", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "David Martinez", role: "Entrepreneur", company: "Tech Startup", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Emily Rodriguez", role: "Marketing Manager", company: "Local Business", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "2,500+", label: "Happy Customers Monthly" },
|
|
{ value: "15+", label: "Specialty Drinks" },
|
|
{ value: "4.9/5", label: "Average Rating" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
title="Trusted Partnerships"
|
|
description="We partner with the world's finest coffee roasters and artisan suppliers"
|
|
tag="Premium Suppliers"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Premium Coffee Co", "Artisan Roasters", "Organic Dairy Farm", "Local Coffee Partners", "Specialty Equipment Co", "Bakery Suppliers", "Coffee Roasters Guild"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/coffee-logo-template_23-2150529115.jpg", "http://img.b2bpic.net/free-vector/coffee-logo-template_23-2150529100.jpg", "http://img.b2bpic.net/free-vector/vintage-organic-milk-logo_23-2148136501.jpg", "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529619.jpg", "http://img.b2bpic.net/free-vector/coffee-logo-template_23-2150529115.jpg", "http://img.b2bpic.net/free-vector/pack-four-retro-bakery-badges_23-2147558401.jpg", "http://img.b2bpic.net/free-vector/coffee-logo-template_23-2150529100.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Visit Us Today"
|
|
description="Stop by Brew Haven for your perfect cup of coffee. We're open daily from 7 AM to 8 PM. Questions? Send us a message or call ahead for reservations."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your visit or ask about our menu...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg"
|
|
imageAlt="Brew Haven coffee shop storefront"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Get in Touch"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Coffee", items: [
|
|
{ label: "Our Menu", href: "products" },
|
|
{ label: "Bean Selection", href: "features" },
|
|
{ label: "Brewing Guide", href: "#" },
|
|
{ label: "Coffee Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Visit Us", href: "contact" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Newsletter", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Brew Haven. All rights reserved. Crafted with ☕ and care."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|