164 lines
7.5 KiB
TypeScript
164 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { MapPin, Coffee, Calendar, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Visit", id: "visit" },
|
|
]}
|
|
brandName="The Old Roastery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Coffee, Comfort, and Conversations That Linger."
|
|
description="Your favorite destination for artisan coffee, delicious comfort food, and warm, memorable moments in the heart of Vesu, Surat."
|
|
kpis={[
|
|
{ value: "4.8+", label: "Rated Stars" },
|
|
{ value: "Late", label: "Open Hours" },
|
|
{ value: "Vesu", label: "Location" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Reserve Table", href: "#visit" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648703.jpg"
|
|
imageAlt="The Old Roastery Cafe interior"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Brewed for Slow Moments, Served for Surat"
|
|
description="The Old Roastery is more than just a cafe; it's a neighborhood sanctuary in Vesu. Built around a passion for quality coffee and flavorful comfort food, we offer a relaxed urban atmosphere perfect for everything from quick caffeine fixes to leisurely late-evening dinners with friends."
|
|
metrics={[
|
|
{ value: "Fresh", title: "Artisan Coffee" },
|
|
{ value: "Handmade", title: "Comfort Food" },
|
|
{ value: "Cozy", title: "Social Ambiance" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg"
|
|
imageAlt="Inside The Old Roastery atmosphere"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "1", name: "Mexican Nachos Supreme", price: "₹280", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-tortilla-chips-with-black-beans-guacamole-tomato-jalapeno-isolated-white-background_123827-20275.jpg" },
|
|
{ id: "2", name: "Garlic French Fries", price: "₹190", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-potatoes-inside-plate-with-seasonings-dark-surface_140725-88255.jpg" },
|
|
{ id: "3", name: "Classic Cold Coffee", price: "₹220", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/cup-black-coffee_1339-7163.jpg" },
|
|
{ id: "4", name: "Biscoff Cheesecake", price: "₹250", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/classic-cheesecake-chopped-strawberries-icing-sugar_140725-9385.jpg" },
|
|
]}
|
|
title="Signature Menu Highlights"
|
|
description="Indulge in our most-loved dishes, crafted to perfection for every palate."
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", label: "Vibe", title: "Unmatched Ambience", items: ["Soft evening lighting", "Cozy conversational booths", "Music that lets you talk"] },
|
|
{ id: "f2", label: "Food", title: "Flavorful Comfort", items: ["Freshly baked thin-crust pizza", "Crispy herb-salted fries", "Handcrafted desserts"] },
|
|
{ id: "f3", label: "Service", title: "Warm Hospitality", items: ["Quick and friendly service", "Passionate staff", "Attention to detail"] },
|
|
]}
|
|
title="Why Our Guests Love Us"
|
|
description="Experience the unique blend of quality, service, and warmth that makes us Surat's favorite urban hangout."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Cafe Moments"
|
|
description="A glimpse into the cozy corners, evening vibes, and artisan creations at The Old Roastery."
|
|
blogs={[
|
|
{ id: "b1", category: "Interior", title: "Cozy Morning Corner", excerpt: "Start your day right in our favorite corner.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg", authorName: "Admin", authorAvatar: "https://i.pravatar.cc/150?u=1", date: "Jan 1" },
|
|
{ id: "b2", category: "Social", title: "Friends at Night", excerpt: "The perfect spot for evening catch-ups.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-playing-laughing_1098-12946.jpg", authorName: "Admin", authorAvatar: "https://i.pravatar.cc/150?u=2", date: "Jan 2" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="The Old Roastery is my go-to for coffee and fries! The ambience is absolutely perfect for hanging out with friends late at night. Service is always fast and polite."
|
|
rating={5}
|
|
author="Priya Shah"
|
|
avatars={[]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="visit" data-section="visit">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
text="Visit us at Vacanza Trade Center, near BB Club Circle, Vesu, Surat. Open late daily."
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#" },
|
|
{ text: "Book Table", href: "#" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="The Old Roastery"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Visit", href: "#visit" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |