251 lines
16 KiB
TypeScript
251 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { Coffee, Sparkles, Heart, HelpCircle, MessageSquare, Linkedin } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="plain"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brew & Bean"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Specialty Coffee Crafted with Passion"
|
|
description="Discover our award-winning brews, freshly roasted beans, and welcoming community atmosphere. Every cup tells a story."
|
|
tag="Premium Coffee Experience"
|
|
tagIcon={Coffee}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg", imageAlt: "Latte art and specialty coffee"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg", imageAlt: "Professional coffee brewing"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-holding-coffee_23-2149045715.jpg", imageAlt: "Beautiful coffee cup presentation"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg", imageAlt: "Close-up of roasted coffee beans"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Warm and inviting cafe interior"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Our Menu", href: "#menu" },
|
|
{ text: "Visit Us", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="We believe that exceptional coffee is more than a beverage—it's a connection to origin, craftsmanship, and community. Since 2015, we've been sourcing single-origin beans from ethical farmers worldwide and roasting them in-house to bring out their unique character. Every espresso shot, every pour-over, and every conversation at our bar celebrates the art and science of coffee."
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Our Story", href: "#" },
|
|
{ text: "Our Roastery", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardEight
|
|
title="Our Signature Menu"
|
|
description="Hand-crafted beverages made with precision, passion, and the finest ingredients. Each drink is a masterpiece."
|
|
tag="Featured Selections"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Espresso Shots", description: "Rich, bold, and full-bodied. Our house blend espresso is pulled with precision to showcase bright acidity and complex flavors.", imageSrc: "https://img.b2bpic.net/free-photo/little-beverage-shot-wooden-board_140725-2421.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Cappuccino & Lattes", description: "Perfectly steamed milk paired with our signature espresso, creating a creamy and balanced cup every time.", imageSrc: "https://img.b2bpic.net/free-photo/high-view-cold-coffee-with-cookies_23-2148441201.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Specialty Cold Brew", description: "Smooth and refreshing. Our cold brew is steeped for 18 hours to create a naturally sweet and less acidic coffee.", imageSrc: "https://img.b2bpic.net/free-photo/ice-black-coffee-glass-wooden-table_1150-13459.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Coffee & Pastry Pairs", description: "Elevate your experience with our curated selection of fresh pastries and baked goods from local artisans.", imageSrc: "https://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "See Full Menu", href: "#" },
|
|
{ text: "Follow on LinkedIn", href: "https://linkedin.com" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Community Says"
|
|
description="Real stories from our regular guests who have made Brew & Bean part of their daily ritual"
|
|
tag="Customer Reviews"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Coffee Enthusiast", date: "Date: 15 November 2024", title: "My new favorite morning ritual", quote: "The attention to detail here is remarkable. Every shot of espresso is perfectly extracted, and the baristas actually know their craft. I've tried specialty coffee shops across the country, and this place ranks among the best.", tag: "Regular Customer", avatarSrc: "https://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg", imageSrc: "https://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Remote Worker", date: "Date: 10 November 2024", title: "The perfect workspace vibe", quote: "I work here at least three days a week. The wifi is reliable, the coffee is exceptional, and the atmosphere strikes that perfect balance between cozy and professional. The team remembers my order, which is always a nice touch.", tag: "Workspace Patron", avatarSrc: "https://img.b2bpic.net/free-photo/group-friends-looking-menu-together-restaurant_23-2150520064.jpg", imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Garcia, Food Blogger", date: "Date: 5 November 2024", title: "Authenticity and excellence combined", quote: "From the single-origin beans to the house-made pastries, everything here speaks to genuine passion for the craft. This is what specialty coffee culture should look like—unpretentious but uncompromising on quality.", tag: "Food & Culture Writer", avatarSrc: "https://img.b2bpic.net/free-photo/sincere-laugh-showing-picture-smartphone-casual-meeting-with-best-friends-restaurant-terrace_8353-10272.jpg", imageSrc: "https://img.b2bpic.net/free-photo/high-view-cold-coffee-with-cookies_23-2148441201.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson, Coffee Roaster", date: "Date: 28 October 2024", title: "A true partner in our mission", quote: "We've been supplying our roasted beans to Brew & Bean for two years, and their commitment to showcasing our coffees properly is exceptional. They're not just selling coffee; they're educating and celebrating it.", tag: "Coffee Supplier", avatarSrc: "https://img.b2bpic.net/free-photo/laughing-chatting-afterworks-meeting-with-coworkers-cozy-small-local-cafe_8353-10284.jpg", imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Emma Rodriguez, Wellness Coach", date: "Date: 20 October 2024", title: "More than coffee, it's a gathering place", quote: "I host my group coaching sessions here weekly. The staff is accommodating, the environment is welcoming, and honestly, the coffee gives everyone the energy boost they need to tackle their goals.", tag: "Community Leader", avatarSrc: "https://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg", imageSrc: "https://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "James Wilson, Local Business Owner", date: "Date: 12 October 2024", title: "Supporting local artistry", quote: "I love what Brew & Bean represents—ethical sourcing, skilled craftsmanship, and genuine community engagement. They're not just a cafe; they're a hub for local culture and connection.", tag: "Business Advocate", avatarSrc: "https://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1024.jpg", imageSrc: "https://img.b2bpic.net/free-photo/ice-black-coffee-glass-wooden-table_1150-13459.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our coffee shop, menu, and experience"
|
|
tag="Help & Information"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your hours of operation?", content: "We're open Monday through Friday from 6:30 AM to 7:00 PM, Saturday from 7:00 AM to 8:00 PM, and Sunday from 8:00 AM to 6:00 PM. We're closed on major holidays. Check our website for special hours during holidays."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer WiFi?", content: "Yes, we offer free high-speed WiFi for all guests. No password required. We're proud to provide a welcoming workspace for students, remote workers, and digital nomads."
|
|
},
|
|
{
|
|
id: "3", title: "Can I order coffee beans in bulk?", content: "Absolutely! We offer wholesale pricing on our roasted beans for offices, restaurants, and businesses. Contact us at wholesale@brewandbean.com or visit our roastery for custom orders and bulk discounts."
|
|
},
|
|
{
|
|
id: "4", title: "Do you accommodate dietary restrictions?", content: "Yes, we offer oat milk, almond milk, and coconut milk alternatives. Our pastries are labeled for allergens. We're happy to discuss dietary needs with our baristas—just let us know at the counter."
|
|
},
|
|
{
|
|
id: "5", title: "Can I host a private event here?", content: "We host private coffee tastings, team-building events, and celebrations. Our space can accommodate 20-40 people depending on the setup. Contact us at events@brewandbean.com to discuss your needs."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer coffee training or classes?", content: "Yes! We offer barista training workshops, home brewing masterclasses, and coffee tasting experiences. These are available for individuals and groups. Visit our website to book or inquire about upcoming sessions."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Join Our Coffee Community"
|
|
ctaDescription="Reserve a table, subscribe to our newsletter, or get in touch with any questions."
|
|
ctaButton={{
|
|
text: "Get In Touch", href: "mailto:hello@brewandbean.com"
|
|
}}
|
|
ctaIcon={MessageSquare}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I reserve a table?", content: "You can reserve a table through our website booking system, call us at (555) 123-4567, or email reserve@brewandbean.com. We typically accommodate walk-ins, but reservations are recommended for groups larger than 6 people."
|
|
},
|
|
{
|
|
id: "2", title: "What's the best time to visit?", content: "Peak hours are typically 7-9 AM for morning commuters and 2-4 PM for afternoon visitors. If you prefer a quieter atmosphere, try visiting between 10 AM-1 PM or after 5 PM on weekdays."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer catering services?", content: "Yes, we offer coffee and pastry catering for meetings, events, and celebrations. Our catering packages are customizable. Contact us at catering@brewandbean.com for pricing and details."
|
|
},
|
|
{
|
|
id: "4", title: "How do I contact customer support?", content: "You can reach our team at hello@brewandbean.com, call (555) 123-4567, or visit us in person. For urgent matters, we recommend calling during business hours."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Brew & Bean"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Menu & Shop", items: [
|
|
{ label: "Coffee Menu", href: "#menu" },
|
|
{ label: "Beans & Retail", href: "#" },
|
|
{ label: "Gift Cards", href: "#" },
|
|
{ label: "Merchandise", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Experience", items: [
|
|
{ label: "Reservations", href: "#contact" },
|
|
{ label: "Events", href: "#" },
|
|
{ label: "Classes & Training", href: "#" },
|
|
{ label: "Catering", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Newsletter", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Brew & Bean Coffee Shop. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |