246 lines
13 KiB
TypeScript
246 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { Award, Coffee, Flame, Globe, Heart, MapPin, MessageSquare, Sparkles, Star, Users } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
export default function CoffeeHavenPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="solid-accent-light"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Coffee Haven"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Drinks", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Craft Your Perfect Cup"
|
|
description="Experience the finest specialty coffee in a welcoming atmosphere. From perfectly pulled espresso to creamy cappuccinos, we craft every cup with passion."
|
|
tag="Premium Coffee Experience"
|
|
tagIcon={Coffee}
|
|
buttons={[
|
|
{
|
|
text: "Explore Menu", href: "products"
|
|
},
|
|
{
|
|
text: "Visit Us Today", href: "contact"
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg"
|
|
imageAlt="Beautifully crafted coffee in ceramic cup"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Coffee Journey"
|
|
description="Since 2015, Coffee Haven has been roasting exceptional beans and brewing memorable moments for our community."
|
|
tag="About Us"
|
|
tagIcon={Heart}
|
|
bulletPoints={[
|
|
{
|
|
title: "Ethically Sourced", description: "We partner directly with sustainable coffee farms across Central and South America to ensure quality and fair trade practices.", icon: Globe
|
|
},
|
|
{
|
|
title: "Artisan Roasting", description: "Every batch is hand-roasted in-house, ensuring peak freshness and flavor profile perfection.", icon: Flame
|
|
},
|
|
{
|
|
title: "Community Focused", description: "Our cozy cafe is more than a coffee shop—it's a gathering place where friends meet and creativity flows.", icon: Users
|
|
},
|
|
{
|
|
title: "Expert Baristas", description: "Our certified baristas bring years of experience and passion to every shot, every pour, every cup.", icon: Award
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
|
|
imageAlt="Warm and inviting coffeehouse interior with seating"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="Our Specialty Drinks"
|
|
description="Discover our curated selection of signature beverages, each crafted with precision and care."
|
|
tag="Menu Highlights"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Single Origin Espresso", description: "Pure, bold, and unadulterated. Our signature single-origin espresso showcases the unique terroir and flavor notes of Ethiopian highlands.", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-coffee-cup_107420-96314.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Velvety Cappuccino", description: "The perfect balance of rich espresso and silky steamed milk. A timeless Italian classic that never goes out of style.", imageSrc: "https://img.b2bpic.net/free-photo/morning-coffee-sunlight_23-2151961381.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Artisan Pastries", description: "Freshly baked daily by our in-house baker. From buttery croissants to delicate macarons, the perfect pairing for your coffee.", imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Drinks"
|
|
description="Our most loved coffee creations. Each drink is handcrafted to perfection."
|
|
tag="Customer Favorites"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "1", name: "Americano", price: "$3.50", variant: "Double Shot · Black", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-coffee-cups-with-desserts-plate_23-2148808584.jpg", imageAlt: "Classic americano in white cup", isFavorited: false
|
|
},
|
|
{
|
|
id: "2", name: "Cappuccino", price: "$4.75", variant: "Creamy · Milky Foam", imageSrc: "https://img.b2bpic.net/free-photo/delicious-coffee-with-milk_23-2147985001.jpg", imageAlt: "Cappuccino with latte art", isFavorited: false
|
|
},
|
|
{
|
|
id: "3", name: "Macchiato", price: "$4.25", variant: "Espresso · Milk Spot", imageSrc: "https://img.b2bpic.net/free-photo/top-view-assortment-coffee-milk-with-morning-snack_23-2148441206.jpg", imageAlt: "Macchiato with espresso and milk", isFavorited: false
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Coffee Lovers Say"
|
|
description="Hear from our regulars who've made Coffee Haven their second home."
|
|
tag="Customer Reviews"
|
|
tagIcon={MessageSquare}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "@sarahcodes", testimonial: "The best coffee I've had in years. The baristas truly know their craft, and the atmosphere is so inviting. I come here every morning!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", handle: "@mjcreative", testimonial: "Perfect spot for freelance work. Reliable wifi, great coffee, and the pastries are incredible. This place is worth every visit.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", handle: "@emmawanders", testimonial: "As a coffee enthusiast, I appreciate their dedication to quality. Ethically sourced beans, expert roasting, and passionate baristas. Highly recommended!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", handle: "@davidconsults", testimonial: "Amazing specialty drinks and a cozy vibe. It's become my favorite meeting spot with clients. They always comment on the quality of the coffee.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Thompson", handle: "@lisatravels", testimonial: "Found this gem while visiting. The single-origin espresso was extraordinary, and the staff made me feel so welcome. Can't wait to come back!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Alex Martinez", handle: "@alexenjoys", testimonial: "Coffee Haven is where coffee meets art. Every cup is a masterpiece. The attention to detail in both drink and service is unmatched.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Visit Us Today"
|
|
ctaDescription="Stop by and experience Coffee Haven in person. We're open daily from 7 AM to 8 PM. New to our shop? We'd love to craft your perfect cup."
|
|
ctaButton={{
|
|
text: "Get Directions", href: "https://maps.google.com"
|
|
}}
|
|
ctaIcon={MapPin}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer WiFi?", content: "Yes! We have complimentary high-speed WiFi for all our customers. Perfect for working, studying, or simply browsing. Password available at the counter."
|
|
},
|
|
{
|
|
id: "2", title: "Can I order online for pickup?", content: "Absolutely! Order through our mobile app or website for pickup. Your order will be ready in 5-10 minutes. We also accept walk-ins anytime."
|
|
},
|
|
{
|
|
id: "3", title: "Do you have dairy-free options?", content: "Yes, we offer almond, oat, coconut, and soy milk alternatives at no extra charge. All our pastries also have vegan options available."
|
|
},
|
|
{
|
|
id: "4", title: "Where do you source your coffee?", content: "We partner directly with fair-trade farms in Ethiopia, Colombia, and Peru. Every bean is ethically sourced and hand-roasted in our facility."
|
|
},
|
|
{
|
|
id: "5", title: "Do you host events or private bookings?", content: "Yes! We can accommodate small meetings and gatherings. Contact us at events@coffeehaven.com for private bookings and catering inquiries."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/winter-scene-with-hot-coffee-cup_23-2149271475.jpg"
|
|
imageAlt="Close-up of freshly roasted coffee beans"
|
|
logoText="Coffee Haven"
|
|
copyrightText="© 2025 Coffee Haven. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Menu", href: "products" },
|
|
{ label: "Specialty Drinks", href: "features" },
|
|
{ label: "Gift Cards", href: "#" },
|
|
{ label: "Merchandise", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Newsletter", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |