268 lines
14 KiB
TypeScript
268 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { BookOpen, Coffee, Heart, HelpCircle, Home, Leaf, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Smoke and Drink"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Ambiance", id: "ambiance" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Visit Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Welcome to Smoke and Drink"
|
|
description="Discover the art of specialty coffee in our thoughtfully curated space. From single-origin espresso to perfectly crafted cappuccinos, we celebrate the craft of coffee."
|
|
tag="Premium Coffeeshop"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Our Menu", href: "#menu" },
|
|
{ text: "Visit Us Today", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csxlle", imageAlt: "Coffee being poured with artisan technique"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rhq08k&_wi=1", imageAlt: "Premium coffee beans selection"
|
|
}
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fvnxan", imageAlt: "Modern coffeeshop interior and counter"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhfs0c&_wi=1", imageAlt: "Cozy seating area with warm ambiance"
|
|
}
|
|
]}
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ad9u9v", alt: "Happy coffee shop customer" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lphdzm", alt: "Satisfied customer enjoying coffee" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4p0ui", alt: "Coffee enthusiast smiling" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rby2tv", alt: "Friends enjoying coffeeshop together" }
|
|
]}
|
|
avatarText="Join hundreds of coffee lovers"
|
|
carouselPosition="right"
|
|
ariaLabel="Smoke and Drink Hero Section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
title="Crafting Excellence Since Day One"
|
|
description="At Smoke and Drink, we believe that coffee is more than just a beverage—it's an experience. Our passion for quality sourcing and expert preparation ensures every cup tells a story."
|
|
subdescription="We partner with ethical suppliers from around the world to bring you the finest single-origin and specialty blend coffees. Our baristas are trained artisans, dedicated to perfecting every pour, every pull of espresso, and every steamed milk."
|
|
icon={Leaf}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rhq08k&_wi=2"
|
|
imageAlt="Premium coffee beans from around the world"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Smoke and Drink coffeeshop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Featured Coffee Selection"
|
|
description="Explore our handpicked collection of specialty coffees, each crafted to bring out unique flavor profiles and aromatic notes."
|
|
tag="Menu Highlights"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "espresso", brand: "Single Shot", name: "Classic Espresso", price: "$3.50", rating: 5,
|
|
reviewCount: "142", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t9ujao", imageAlt: "Rich, bold espresso shot"
|
|
},
|
|
{
|
|
id: "cappuccino", brand: "Milk & Foam", name: "Silky Cappuccino", price: "$4.75", rating: 5,
|
|
reviewCount: "187", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cgf5d9", imageAlt: "Creamy cappuccino with latte art"
|
|
},
|
|
{
|
|
id: "americano", brand: "Bold & Smooth", name: "Premium Americano", price: "$3.95", rating: 5,
|
|
reviewCount: "156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c78z1z", imageAlt: "Full-bodied americano coffee"
|
|
}
|
|
]}
|
|
ariaLabel="Featured coffee menu items"
|
|
/>
|
|
</div>
|
|
|
|
<div id="ambiance" data-section="ambiance">
|
|
<FeatureCardNineteen
|
|
title="Experience Our Atmosphere"
|
|
description="From the moment you walk through our doors, you'll feel the warmth and creativity that defines Smoke and Drink. Our space is designed for connection, concentration, and comfort."
|
|
tag="Ambiance"
|
|
tagIcon={Home}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Cozy Seating", title: "Comfortable Spaces", subtitle: "Perfect for work or relaxation", description: "Carefully selected furniture and thoughtful lighting create an inviting environment where you can spend hours.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhfs0c&_wi=2", imageAlt: "Cozy seating area with warm ambiance"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Expert Baristas", title: "Skilled Craft", subtitle: "Coffee prepared with precision", description: "Our baristas are passionate professionals who treat coffee preparation as an art form, ensuring every cup is perfection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jy10og", imageAlt: "Modern counter with professional baristas"
|
|
}
|
|
]}
|
|
ariaLabel="Smoke and Drink Ambiance features"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ad9u9v", imageAlt: "Sarah Mitchell, regular customer"
|
|
},
|
|
{
|
|
id: "2", name: "Jessica Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lphdzm", imageAlt: "Jessica Chen enjoying her favorite latte"
|
|
},
|
|
{
|
|
id: "3", name: "Marcus Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4p0ui", imageAlt: "Marcus Williams, coffee enthusiast"
|
|
},
|
|
{
|
|
id: "4", name: "Emma & Tom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rby2tv", imageAlt: "Emma and Tom at their favorite café table"
|
|
}
|
|
]}
|
|
cardTitle="Loved by Coffee Enthusiasts"
|
|
cardTag="Customer Favorites"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Customer testimonials for Smoke and Drink"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our coffeeshop, menu, and services."
|
|
tag="Questions?"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What beans do you use?", content: "We source premium, ethically-sourced single-origin and specialty blend coffee beans from renowned roasters worldwide. Each bean is carefully selected for its unique flavor profile and quality."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer dairy-free options?", content: "Absolutely! We offer almond, oat, soy, and coconut milk alternatives for all our espresso-based drinks. Our baristas are trained to make delicious milk-free beverages."
|
|
},
|
|
{
|
|
id: "3", title: "What are your hours?", content: "We're open Monday through Friday from 7 AM to 6 PM, Saturday 8 AM to 5 PM, and Sunday 9 AM to 4 PM. Check our website for holiday hours."
|
|
},
|
|
{
|
|
id: "4", title: "Can I order for pickup?", content: "Yes! You can call us at (555) 123-4567 or order through our online system for convenient pickup. Your coffee will be ready when you arrive."
|
|
},
|
|
{
|
|
id: "5", title: "Do you have WiFi?", content: "Yes, we have complimentary high-speed WiFi for all guests. It's perfect for working, studying, or browsing while enjoying your coffee."
|
|
},
|
|
{
|
|
id: "6", title: "Can I host an event at Smoke and Drink?", content: "We offer private event space for small gatherings. Contact us to discuss your event needs and we'll create a customized experience."
|
|
}
|
|
]}
|
|
ariaLabel="Smoke and Drink FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience Smoke and Drink? Visit us today and discover why coffee lovers choose us."
|
|
animationType="background-highlight"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#" },
|
|
{ text: "Call Us: (555) 123-4567", href: "tel:+15551234567" }
|
|
]}
|
|
ariaLabel="Contact Smoke and Drink coffeeshop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Smoke and Drink"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Ambiance", href: "#ambiance" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Events", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Newsletter", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Smoke and Drink Footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |