Merge version_3 into main #4
319
src/app/page.tsx
319
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user