Merge version_3 into main #4

Merged
bender merged 1 commits from version_3 into main 2026-05-01 16:18:15 +00:00

View File

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { DollarSign, Star, Utensils } from "lucide-react";
import { DollarSign, Star, Utensils, MessageCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,167 +28,178 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="The Local Katta"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
{/* Floating WhatsApp Button */}
<a
href="https://wa.me/918097920940"
target="_blank"
rel="noopener noreferrer"
className="fixed bottom-8 right-8 z-50 bg-green-500 p-4 rounded-full shadow-lg hover:scale-110 transition-transform duration-300"
aria-label="Order on WhatsApp"
>
<MessageCircle size={28} className="text-white" />
</a>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Welcome to The Local Katta"
description="Your cozy neighborhood cafe in Navi Mumbai, serving delicious pizzas, flavorful biryani, and artisanal beverages."
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-corridor-with-small-two-people-tables_140725-4928.jpg"
imageAlt="The Local Katta cozy ambiance"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Happy diner" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Satisfied customer" },
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Smiling regular" },
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Cafe guest" },
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269174.jpg", alt: "Dining pair" },
]}
marqueeItems={[
{ type: "text", text: "Freshly Brewed" },
{ type: "text", text: "Artisanal Pizzas" },
{ type: "text", text: "Cozy Ambience" },
{ type: "text", text: "Daily Specials" },
{ type: "text", text: "Happy Hours" },
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="The Local Katta"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Neighborhood Favorite"
description="With over 600+ Google reviews, we pride ourselves on delivering a perfect blend of flavors and hospitality. Join us for a comforting meal or a casual hangout."
imageSrc="http://img.b2bpic.net/free-photo/front-close-up-view-fresh-salad-with-sliced-vegetables-greens-inside-white-plate-white-floor_140725-14232.jpg"
imageAlt="Delicious food at The Local Katta"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Welcome to The Local Katta"
description="Your cozy neighborhood cafe in Navi Mumbai, serving delicious pizzas, flavorful biryani, and artisanal beverages."
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-corridor-with-small-two-people-tables_140725-4928.jpg"
imageAlt="The Local Katta cozy ambiance"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Happy diner" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Satisfied customer" },
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Smiling regular" },
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Cafe guest" },
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269174.jpg", alt: "Dining pair" },
]}
marqueeItems={[
{ type: "text", text: "Freshly Brewed" },
{ type: "text", text: "Artisanal Pizzas" },
{ type: "text", text: "Cozy Ambience" },
{ type: "text", text: "Daily Specials" },
{ type: "text", text: "Happy Hours" },
]}
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Gourmet Pizzas", description: "Fresh, loaded, and perfectly baked pizzas with rich toppings and cheese.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pizza-brown-wooden-table_58702-1339.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dough-near-pizza-ingredients_23-2147772061.jpg" }
},
{
title: "Artisanal Shakes", description: "Creamy, decadent milkshakes and refreshing mocktails for every mood.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-680.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cocoa-glass-table_23-2147985571.jpg" }
},
{
title: "Comfort Classics", description: "From sandwiches to pasta, we serve comfort food that warms your soul.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-delicious-bagels-with-fresh-sour-plums-french-macarons-cup-tea-light-pink-desk_140725-64153.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-honey-cake-slice-with-cranberries-inside-white-plate-with-tea-dark-background-cake-tea_140725-22818.jpg" }
}
]}
showStepNumbers={false}
title="Our Signature Flavors"
description="Indulge in our most loved dishes, prepared fresh to satisfy every craving."
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Neighborhood Favorite"
description="With over 600+ Google reviews, we pride ourselves on delivering a perfect blend of flavors and hospitality. Join us for a comforting meal or a casual hangout."
imageSrc="http://img.b2bpic.net/free-photo/front-close-up-view-fresh-salad-with-sliced-vegetables-greens-inside-white-plate-white-floor_140725-14232.jpg"
imageAlt="Delicious food at The Local Katta"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Margherita Pizza", price: "₹219", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
{ id: "p2", name: "Peri-Peri Fries", price: "₹189", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sweet-potato-fries-with-copy-space_23-2148678820.jpg" },
{ id: "p3", name: "White Sauce Pasta", price: "₹220", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-mussel-sauce-round-plate_176474-3413.jpg" },
{ id: "p4", name: "Chocolate Brownie", price: "₹179", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-piece-pie-homemade-pastries-sweet-cooking_114579-578.jpg" },
{ id: "p5", name: "Veggi Club Sandwich", price: "₹189", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-herbs_2829-8623.jpg" },
{ id: "p6", name: "Blue Lagoon Mojito", price: "₹159", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/orange-thyme-infused-water-recipe_53876-42488.jpg" },
]}
title="Menu Highlights"
description="Experience our variety of veg and non-veg delicacies."
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Gourmet Pizzas", description: "Fresh, loaded, and perfectly baked pizzas with rich toppings and cheese.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pizza-brown-wooden-table_58702-1339.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dough-near-pizza-ingredients_23-2147772061.jpg" }
},
{
title: "Artisanal Shakes", description: "Creamy, decadent milkshakes and refreshing mocktails for every mood.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-680.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cocoa-glass-table_23-2147985571.jpg" }
},
{
title: "Comfort Classics", description: "From sandwiches to pasta, we serve comfort food that warms your soul.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-delicious-bagels-with-fresh-sour-plums-french-macarons-cup-tea-light-pink-desk_140725-64153.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-honey-cake-slice-with-cranberries-inside-white-plate-with-tea-dark-background-cake-tea_140725-22818.jpg" }
}
]}
showStepNumbers={false}
title="Our Signature Flavors"
description="Indulge in our most loved dishes, prepared fresh to satisfy every craving."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "600+", title: "Google Reviews", description: "Consistently high rating of 4.7 stars.", icon: Star },
{ id: "m2", value: "₹200-400", title: "Average Cost", description: "Affordable dining for friends and families.", icon: DollarSign },
{ id: "m3", value: "Daily", title: "Fresh Preparation", description: "Ingredients sourced fresh every single day.", icon: Utensils },
]}
title="Why Guests Love Us"
description="Our numbers speak for the quality we provide daily."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Margherita Pizza", price: "₹219", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-frame-with-copy-space_23-2148574220.jpg" },
{ id: "p2", name: "Peri-Peri Fries", price: "₹189", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sweet-potato-fries-with-copy-space_23-2148678820.jpg" },
{ id: "p3", name: "White Sauce Pasta", price: "₹220", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-mussel-sauce-round-plate_176474-3413.jpg" },
{ id: "p4", name: "Chocolate Brownie", price: "₹179", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-piece-pie-homemade-pastries-sweet-cooking_114579-578.jpg" },
{ id: "p5", name: "Veggi Club Sandwich", price: "₹189", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-herbs_2829-8623.jpg" },
{ id: "p6", name: "Blue Lagoon Mojito", price: "₹159", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/orange-thyme-infused-water-recipe_53876-42488.jpg" },
]}
title="Menu Highlights"
description="Experience our variety of veg and non-veg delicacies."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
cardAnimation="slide-up"
testimonials={[
{ id: "1", name: "Ashwini Shinde", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" },
{ id: "2", name: "Geetai Pachangane", imageSrc: "http://img.b2bpic.net/free-photo/bartender-showing-prices-customer_23-2147795690.jpg" },
{ id: "3", name: "Tejal Desai", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg" },
{ id: "4", name: "Rahul Mehta", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16254.jpg" },
{ id: "5", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg" },
]}
cardTitle="What Diners Say"
cardTag="Guest Reviews"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "600+", title: "Google Reviews", description: "Consistently high rating of 4.7 stars.", icon: Star },
{ id: "m2", value: "₹200-400", title: "Average Cost", description: "Affordable dining for friends and families.", icon: DollarSign },
{ id: "m3", value: "Daily", title: "Fresh Preparation", description: "Ingredients sourced fresh every single day.", icon: Utensils },
]}
title="Why Guests Love Us"
description="Our numbers speak for the quality we provide daily."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Get in Touch"
title="Visit Us Today"
description="Located at Shop no 08, Sunderban CHS, Airoli, Navi Mumbai. Stop by for a quick, delicious snack in the heart of Airoli!"
buttons={[
{ text: "Call Now", href: "tel:08097920940" },
{ text: "View on Map", href: "#" },
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
cardAnimation="slide-up"
testimonials={[
{ id: "1", name: "Ashwini Shinde", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" },
{ id: "2", name: "Geetai Pachangane", imageSrc: "http://img.b2bpic.net/free-photo/bartender-showing-prices-customer_23-2147795690.jpg" },
{ id: "3", name: "Tejal Desai", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg" },
{ id: "4", name: "Rahul Mehta", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16254.jpg" },
{ id: "5", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg" },
]}
cardTitle="What Diners Say"
cardTag="Guest Reviews"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "The Local Katta", items: [
{ label: "Airoli, Navi Mumbai", href: "#" },
{ label: "080979 20940", href: "tel:08097920940" },
],
},
{
title: "Quick Links", items: [
{ label: "Menu", href: "#menu" },
{ label: "Reviews", href: "#reviews" },
{ label: "Directions", href: "#" },
],
},
]}
bottomLeftText="© 2024 The Local Katta. All rights reserved."
bottomRightText="Crafted with care."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Get in Touch"
title="Visit Us Today"
description="Located at Shop no 08, Sunderban CHS, Airoli, Navi Mumbai. Stop by for a quick, delicious snack in the heart of Airoli!"
buttons={[
{ text: "Call Now", href: "tel:08097920940" },
{ text: "Directions (Google Maps)", href: "https://maps.app.goo.gl/YourMapLinkHere" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "The Local Katta", items: [
{ label: "Airoli, Navi Mumbai", href: "#" },
{ label: "080979 20940", href: "tel:08097920940" },
],
},
{
title: "Quick Links", items: [
{ label: "Menu", href: "#menu" },
{ label: "Reviews", href: "#reviews" },
{ label: "Directions", href: "https://maps.app.goo.gl/YourMapLinkHere" },
],
},
]}
bottomLeftText="© 2024 The Local Katta. All rights reserved."
bottomRightText="Crafted with care."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}