Merge version_2 into main #2
296
src/app/page.tsx
296
src/app/page.tsx
@@ -10,6 +10,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Book a Table",
|
||||
id: "reservation",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Social Proof", id: "social-proof" },
|
||||
{ name: "Signature Experience", id: "experience" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reservation", id: "reservation" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Trattoria"
|
||||
/>
|
||||
@@ -53,126 +45,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Italian Dining in Cuffe Parade"
|
||||
description="Wood-fired pizzas, handcrafted pastas & timeless ambience. Open 24 hours."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "@priyasharma",
|
||||
testimonial: "Great ambience with great food!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
handle: "@rverma",
|
||||
testimonial: "Lip smacking pizzas, truly authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anita Desai",
|
||||
handle: "@adesai",
|
||||
testimonial: "Perfect for date nights. The best tiramisu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-341.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikram Seth",
|
||||
handle: "@vseth",
|
||||
testimonial: "Open 24 hours and always consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sunita Rao",
|
||||
handle: "@srao",
|
||||
testimonial: "The wood-fired oven adds such flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+912200000000",
|
||||
},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#reservation",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+912200000000" },
|
||||
{ text: "Reserve a Table", href: "#reservation" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134260.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-341.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Open",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Italian",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wood-Fired Pizza",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Pasta",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "South Mumbai",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Food Lovers"
|
||||
names={["Cuffe Parade Local", "Mumbai Food Guide", "The Times Food", "Culinary Gazette"]}
|
||||
description="Recognized as a premier dining destination in the heart of South Mumbai."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
title="A Signature Italian Experience"
|
||||
description="Step into a world where tradition meets elegance. Our warm wooden interiors and open kitchen design offer more than just a meal; they offer a memory."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Wood-Fired Specialties",
|
||||
description: "Crispy thin-crust pizzas cooked in our traditional brick oven.",
|
||||
},
|
||||
{
|
||||
title: "Open Kitchen",
|
||||
description: "Watch our masters handcraft your pasta and pizzas fresh to order.",
|
||||
},
|
||||
{
|
||||
title: "24/7 Hospitality",
|
||||
description: "No matter the hour, a gourmet meal awaits in the heart of South Mumbai.",
|
||||
},
|
||||
{ title: "Wood-Fired Specialties", description: "Crispy thin-crust pizzas cooked in our traditional brick oven." },
|
||||
{ title: "Open Kitchen", description: "Watch our masters handcraft your pasta and pizzas fresh to order." },
|
||||
{ title: "24/7 Hospitality", description: "No matter the hour, a gourmet meal awaits in the heart of South Mumbai." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160201.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -184,44 +89,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wood-Fired Pizza",
|
||||
price: "₹650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mushroom Risotto",
|
||||
price: "₹720",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Tiramisu",
|
||||
price: "₹450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_74190-35.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cappuccino Tart",
|
||||
price: "₹380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-coffee-coffee-beans-wooden-plate_114579-57895.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Carbonara Pasta",
|
||||
price: "₹590",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopped-minced-chicken-mushroom-salad-with-colorful-bell-peppers-plate_140725-10384.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bruschetta Platter",
|
||||
price: "₹420",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Wood-Fired Pizza", price: "₹650", imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Mushroom Risotto", price: "₹720", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg?_wi=1" },
|
||||
{ id: "p3", name: "Classic Tiramisu", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_74190-35.jpg?_wi=1" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Handpicked favorites from our kitchen to your table."
|
||||
@@ -232,28 +104,13 @@ export default function LandingPage() {
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fine Dine-In",
|
||||
description: "Experience our elegant ambience and warm service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg?_wi=3",
|
||||
imageAlt: "Dine In",
|
||||
},
|
||||
{
|
||||
title: "Kerbside Pickup",
|
||||
description: "Quick, contactless collection at your convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg?_wi=2",
|
||||
imageAlt: "Pickup",
|
||||
},
|
||||
{
|
||||
title: "No-Contact Delivery",
|
||||
description: "Fresh, wood-fired meals delivered to your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_74190-35.jpg?_wi=2",
|
||||
imageAlt: "Delivery",
|
||||
},
|
||||
{ title: "Fine Dine-In", description: "Experience our elegant ambience and warm service.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg?_wi=3" },
|
||||
{ title: "Kerbside Pickup", description: "Quick, contactless collection at your convenience.", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg?_wi=2" },
|
||||
{ title: "No-Contact Delivery", description: "Fresh, wood-fired meals delivered to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_74190-35.jpg?_wi=2" },
|
||||
]}
|
||||
title="Convenience at Your Service"
|
||||
title="Services"
|
||||
description="Dining your way, 24 hours a day."
|
||||
/>
|
||||
</div>
|
||||
@@ -265,20 +122,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "res",
|
||||
name: "Book Table",
|
||||
price: "Reserve Now",
|
||||
features: [
|
||||
"Phone: Required",
|
||||
"Guests: Required",
|
||||
"Date & Time: Required",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Your Table Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "res", name: "Reserve Table", price: "Join Us", features: ["Phone: Required", "Guests: Required", "Date & Time: Required"],
|
||||
buttons: [{ text: "Book Your Table", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Table Reservation"
|
||||
@@ -289,19 +134,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
background={{ variant: "cell-wave" }}
|
||||
text="Visit us in Cuffe Parade, South Mumbai, or call for immediate reservations. We're open 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +91 22 0000 0000",
|
||||
href: "tel:+912200000000",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+912200000000" },
|
||||
{ text: "Get Directions", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,57 +146,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
label: "Full Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#reservation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Restaurant", items: [{ label: "About Us", href: "#experience" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Trattoria"
|
||||
copyrightText="© 2025 Trattoria Restaurant. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user