456 lines
14 KiB
TypeScript
456 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="medium"
|
||
background="none"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "home",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
button={{
|
||
text: "Book a Table Now",
|
||
href: "#contact",
|
||
}}
|
||
brandName="VEERJI’S CAFE & RESTAURANT"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
title="Satna’s Most Loved Café Experience"
|
||
description="Delicious food, soulful music, and unforgettable nights"
|
||
kpis={[
|
||
{
|
||
value: "4.6",
|
||
label: "Rating",
|
||
},
|
||
{
|
||
value: "850+",
|
||
label: "Happy Customers",
|
||
},
|
||
{
|
||
value: "5",
|
||
label: "Star Reviews",
|
||
},
|
||
]}
|
||
enableKpiAnimation={true}
|
||
buttons={[
|
||
{
|
||
text: "Book a Table Now",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Order Food",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/appointment-restaurant_1098-15080.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="More Than Just a Meal"
|
||
description={[
|
||
"Tired? Celebrating? Or just craving something amazing? Veerji’s is where moments turn into memories. Step into a world of exquisite flavors and captivating melodies, where every visit becomes a cherished memory.",
|
||
"Whether it's a quiet evening or a lively celebration, we offer an ambiance that perfectly complements your mood and delights your senses. Discover your next favorite moment at Veerji’s.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Live Music Nights",
|
||
description: "Experience soulful melodies and electrifying performances that set the perfect mood for your evening. Every night is a celebration of music and good vibes.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-bar-singing-karaoke_1303-13492.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-bar-singing-karaoke_1303-13492.jpg",
|
||
},
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Cozy Aesthetic Ambiance",
|
||
description: "Immerse yourself in our beautifully designed space, adorned with warm lighting and comfortable seating – ideal for relaxation and intimate conversations.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||
},
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Fast & Friendly Service",
|
||
description: "Our dedicated team ensures every visit is seamless and enjoyable. Expect prompt attention and a warm smile, making you feel right at home.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-650.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-650.jpg",
|
||
},
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "Perfect for Parties & Dates",
|
||
description: "Whether it's a romantic dinner for two or a joyous celebration with friends, Veerji's provides the ideal backdrop for creating unforgettable memories.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891168.jpg",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891168.jpg",
|
||
},
|
||
},
|
||
]}
|
||
showStepNumbers={false}
|
||
title="Why Our Guests Keep Coming Back"
|
||
description="At Veerji's, we combine unique experiences with exceptional service, creating an inviting atmosphere you'll want to return to."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "cold-coffee",
|
||
brand: "Most Ordered",
|
||
name: "Creamy Cold Coffee",
|
||
price: "₹150",
|
||
rating: 4.8,
|
||
reviewCount: "210",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-table_23-2151899263.jpg",
|
||
},
|
||
{
|
||
id: "fresh-cakes",
|
||
brand: "Customer Favorite",
|
||
name: "Fresh Cakes",
|
||
price: "₹250",
|
||
rating: 4.7,
|
||
reviewCount: "180",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-cake-plate_23-2148251600.jpg",
|
||
},
|
||
{
|
||
id: "vegetable-kothe",
|
||
brand: "Hot & Spicy",
|
||
name: "Vegetable Kothe",
|
||
price: "₹200",
|
||
rating: 4.6,
|
||
reviewCount: "155",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-salad-food-health-diet_140725-123748.jpg",
|
||
},
|
||
{
|
||
id: "paneer-tikka",
|
||
brand: "Chef's Special",
|
||
name: "Paneer Tikka",
|
||
price: "₹320",
|
||
rating: 4.9,
|
||
reviewCount: "190",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-condiments-arrangement_23-2148747702.jpg",
|
||
},
|
||
]}
|
||
title="Our Signature Delights"
|
||
description="Prepared with love and fresh ingredients, these are the dishes our customers can't get enough of. Taste the magic."
|
||
buttons={[
|
||
{
|
||
text: "See Full Menu",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Priya Sharma",
|
||
role: "Local Guide",
|
||
company: "Satna Foodie",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13345.jpg",
|
||
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Rahul Verma",
|
||
role: "Celebration Planner",
|
||
company: "Eventz by Rahul",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-taking-selfie_23-2147562062.jpg",
|
||
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Sneha Singh",
|
||
role: "College Student",
|
||
company: "Satna University",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26365.jpg",
|
||
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Ankit Gupta",
|
||
role: "Entrepreneur",
|
||
company: "Tech Innovations",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Divya Rao",
|
||
role: "Travel Blogger",
|
||
company: "Wanderlust Diaries",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Karan Malhotra",
|
||
role: "Restaurant Critic",
|
||
company: "Local Eats Review",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006666.jpg",
|
||
|
||
},
|
||
]}
|
||
title="What Our Happy Customers Say"
|
||
description="Don't just take our word for it. Hear from those who've experienced the magic of Veerji's."
|
||
tag="⭐ 4.6 Rating | 850+ Reviews"
|
||
/>
|
||
</div>
|
||
|
||
<div id="urgency" data-section="urgency">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={true}
|
||
title="Tonight’s Live Music Starts at 7 PM 🎶"
|
||
tag="Don't Miss Out!"
|
||
metrics={[
|
||
{
|
||
id: "seats-booked",
|
||
value: "70%",
|
||
description: "Seats Already Booked!",
|
||
},
|
||
{
|
||
id: "hours-left",
|
||
value: "2 Hrs",
|
||
description: "Until Showtime",
|
||
},
|
||
{
|
||
id: "bookings-last-hour",
|
||
value: "15+",
|
||
description: "Bookings in Last Hour",
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "cold-coffee",
|
||
brand: "Most Ordered",
|
||
name: "Creamy Cold Coffee",
|
||
price: "₹150",
|
||
rating: 4.8,
|
||
reviewCount: "210",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-table_23-2151899263.jpg",
|
||
},
|
||
{
|
||
id: "fresh-cakes",
|
||
brand: "Customer Favorite",
|
||
name: "Fresh Cakes",
|
||
price: "₹250",
|
||
rating: 4.7,
|
||
reviewCount: "180",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-cake-plate_23-2148251600.jpg",
|
||
},
|
||
{
|
||
id: "vegetable-kothe",
|
||
brand: "Hot & Spicy",
|
||
name: "Vegetable Kothe",
|
||
price: "₹200",
|
||
rating: 4.6,
|
||
reviewCount: "155",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-salad-with-seasonings-grey-salad-food-health-diet_140725-123748.jpg",
|
||
},
|
||
{
|
||
id: "paneer-tikka",
|
||
brand: "Chef's Special",
|
||
name: "Paneer Tikka",
|
||
price: "₹320",
|
||
rating: 4.9,
|
||
reviewCount: "190",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-condiments-arrangement_23-2148747702.jpg",
|
||
},
|
||
]}
|
||
title="Our Signature Delights"
|
||
description="Prepared with love and fresh ingredients, these are the dishes our customers can't get enough of. Taste the magic."
|
||
buttons={[
|
||
{
|
||
text: "See Full Menu",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Visit Us"
|
||
title="Location & Contact"
|
||
description="We'd love to see you! Find us at our convenient location or reach out directly for bookings and inquiries. Your next unforgettable experience is just a click away."
|
||
imageSrc="http://img.b2bpic.net/free-photo/old-new-methods-travel_23-2148232445.jpg"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="left"
|
||
inputPlaceholder="Your Message"
|
||
buttonText="Send Message"
|
||
termsText="R.S Tower, Railway Colony, Satna"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#home",
|
||
},
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Testimonials",
|
||
href: "#testimonials",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Book a Table",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Order Online",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Get Directions",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Call Now",
|
||
href: "tel:+91-XXXXXXXXXX",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Accessibility",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="VEERJI’S CAFE & RESTAURANT"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|