197 lines
10 KiB
TypeScript
197 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Coffee, Heart, Award, Users, Clock, Sparkles, MessageCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Inia"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },{"name":"Shop","id":"/shop"}]}
|
|
button={{
|
|
text: "Reserve Table", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Welcome to Inia Coffee Shop"
|
|
description="Discover the perfect blend of premium coffee, cozy ambiance, and exceptional service. Experience every sip of our carefully crafted beverages made with passion and the finest ingredients."
|
|
tag="Artisan Coffee Roastery"
|
|
tagIcon={Coffee}
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/multilayer-coffee-glass-with-cookie-saucer_23-2147908388.jpg"
|
|
imageAlt="Inia Coffee Shop Hero"
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "menu" },
|
|
{ text: "Make a Reservation", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Inia: Where Passion Meets Perfection in Every Cup"
|
|
useInvertedBackground="invertDefault"
|
|
metrics={[
|
|
{ icon: Heart, label: "Coffee Lovers Served", value: "50K+" },
|
|
{ icon: Award, label: "Premium Beans Selected", value: "12" },
|
|
{ icon: Users, label: "Expert Baristas", value: "15" },
|
|
{ icon: Clock, label: "Years of Excellence", value: "8" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Our Signature Drinks"
|
|
description="Handcrafted beverages made with premium beans and attention to detail. Each drink is a masterpiece created by our expert baristas."
|
|
tag="Featured Menu"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Inia Classic", name: "Latte Art Perfection", price: "$5.50", rating: 5,
|
|
reviewCount: "234", imageSrc: "https://img.b2bpic.net/free-photo/artsy-girl-having-cup-coffee_53876-99962.jpg", imageAlt: "Latte with beautiful latte art"
|
|
},
|
|
{
|
|
id: "2", brand: "Inia Premium", name: "Cappuccino Elegante", price: "$6.00", rating: 5,
|
|
reviewCount: "189", imageSrc: "https://img.b2bpic.net/free-photo/white-ceramic-mug-with-coffee_209848-35.jpg", imageAlt: "Rich cappuccino with perfect foam"
|
|
},
|
|
{
|
|
id: "3", brand: "Inia Refresh", name: "Cold Brew Delight", price: "$5.00", rating: 5,
|
|
reviewCount: "156", imageSrc: "https://img.b2bpic.net/free-photo/people-serve-beautiful-fresh-relax-morning-coffee-cup-set_1150-7058.jpg", imageAlt: "Iced cold brew on a hot day"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Inia Coffee"
|
|
description="We believe exceptional coffee deserves exceptional care. Here's what sets us apart from other coffee shops."
|
|
tag="Our Promise"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
negativeCard={{
|
|
items: [
|
|
"Mass-produced beans", "Rushed preparation", "Inconsistent quality", "Limited customization", "Impersonal service"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Ethically sourced premium beans", "Hand-crafted with precision", "Consistent excellence every time", "Personalized drink creation", "Expert barista guidance"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Loved by Coffee Enthusiasts"
|
|
description="See what our valued customers have to say about their Inia experience"
|
|
tag="Customer Stories"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "My New Favorite Morning Ritual", quote: "The moment I walked into Inia, I knew I'd found my new favorite spot. The baristas really know their craft, and every drink tastes like it's been made with love. I can't start my day without their espresso now!", name: "Sarah Mitchell", role: "Regular Customer", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", title: "Quality Beyond Expectation", quote: "What impressed me most is the attention to detail. From bean selection to the final presentation, everything at Inia screams quality. The cold brew is absolutely divine, and the staff treats you like family.", name: "James Rodriguez", role: "Coffee Connoisseur", imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "3", title: "Perfect Place to Work and Relax", quote: "I've been working from Inia for months now, and I love everything about it. The wifi is reliable, the seating is comfortable, and the atmosphere is inspiring. Plus, the cappuccinos keep me energized all day!", name: "Emily Chen", role: "Remote Professional", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Emily Chen"
|
|
},
|
|
{
|
|
id: "4", title: "Best Coffee Experience Ever", quote: "Inia has completely changed how I appreciate coffee. The baristas took time to explain the origins of each bean and helped me discover new flavors. This is more than just coffee; it's an experience.", name: "Michael Thompson", role: "Business Owner", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageAlt: "Michael Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
tagIcon={MessageCircle}
|
|
title="Visit Inia Coffee Shop Today"
|
|
description="Join us for an unforgettable coffee experience. Reserve your table or subscribe to our newsletter for exclusive offers and new menu announcements."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground="invertDefault"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe Now"
|
|
termsText="We respect your privacy. Unsubscribe anytime. Check out our privacy policy for more info."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/top-view-coffee-beans_23-2148173325.jpg"
|
|
imageAlt="Premium coffee beans"
|
|
logoText="Inia Coffee Shop"
|
|
copyrightText="© 2025 Inia Coffee Shop. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Espresso Drinks", href: "#" },
|
|
{ label: "Cold Beverages", href: "#" },
|
|
{ label: "Pastries & Snacks", href: "#" },
|
|
{ label: "Limited Editions", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit Us", items: [
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Reservations", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "More", items: [
|
|
{ label: "About Inia", href: "#" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Press Kit", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |