Merge version_1 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,30 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "offers",
|
||||
},
|
||||
name: "Offers", id: "offers"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "https://wa.me/91XXXXXXXXXX?text=I'd like to place an order for Roms Pizza!",
|
||||
}}
|
||||
text: "Order Now", href: "https://wa.me/91XXXXXXXXXX?text=I'd like to place an order for Roms Pizza!"}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-cartoon-male-chef-with-delicious-3d-pizza_23-2151017582.jpg"
|
||||
logoAlt="Roms Pizza Logo"
|
||||
brandName="Roms Pizza"
|
||||
@@ -65,46 +53,25 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Fresh, Hot & Delicious Pizza at Roms Pizza"
|
||||
description="Serving the best pizzas in Khatauli with fresh ingredients, fast service, and affordable prices. Order now and taste the difference!"
|
||||
tag="Taste of Italy"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://wa.me/91XXXXXXXXXX?text=I'd like to place an order for Roms Pizza!",
|
||||
},
|
||||
text: "Order Now", href: "https://wa.me/91XXXXXXXXXX?text=I'd like to place an order for Roms Pizza!"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg",
|
||||
imageAlt: "Freshly baked delicious pizza",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg", imageAlt: "Freshly baked delicious pizza"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg",
|
||||
imageAlt: "Someone taking a slice of pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-restaurant-table_7939-2622.jpg",
|
||||
imageAlt: "Pizza on a restaurant table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bundle-tomatoes-pizza-slices-marble_114579-44924.jpg",
|
||||
imageAlt: "Small bundle of tomatoes and pizza slices on marble ",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187953.jpg",
|
||||
imageAlt: "Still life of fast food dishes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg", imageAlt: "Someone taking a slice of pizza"},
|
||||
]}
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ reviews"
|
||||
/>
|
||||
@@ -117,23 +84,17 @@ export default function LandingPage() {
|
||||
description="At Roms Pizza, we believe in the art of pizza making. Using only the freshest local ingredients and traditional recipes, our passion for creating delicious, high-quality pizzas shines through in every bite. Experience the difference that dedication makes."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "10+", title: "Years Experience"},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Pizzas Served",
|
||||
},
|
||||
value: "5000+", title: "Pizzas Served"},
|
||||
{
|
||||
value: "Daily",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
value: "Daily", title: "Fresh Ingredients"},
|
||||
]}
|
||||
tag="Our Story"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-frame-vegetables-dough-pizza_23-2148570401.jpg"
|
||||
imageAlt="Chef preparing pizza dough"
|
||||
mediaAnimation="reveal-blur"
|
||||
metricsAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,24 +106,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source the finest local produce and premium quality ingredients daily for an authentic taste.",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "We source the finest local produce and premium quality ingredients daily for an authentic taste."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Delivery",
|
||||
description: "Hot and fresh pizzas delivered right to your doorstep in Khatauli, quickly and efficiently.",
|
||||
},
|
||||
title: "Fast Delivery", description: "Hot and fresh pizzas delivered right to your doorstep in Khatauli, quickly and efficiently."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Affordable Prices",
|
||||
description: "Enjoy gourmet pizzas without breaking the bank. Great taste, great value.",
|
||||
},
|
||||
title: "Affordable Prices", description: "Enjoy gourmet pizzas without breaking the bank. Great taste, great value."},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Easy WhatsApp Order",
|
||||
description: "Order your favorite pizza effortlessly through WhatsApp for ultimate convenience.",
|
||||
},
|
||||
title: "Easy WhatsApp Order", description: "Order your favorite pizza effortlessly through WhatsApp for ultimate convenience."},
|
||||
]}
|
||||
title="Why Choose Roms Pizza?"
|
||||
description="More than just pizza, it's an experience built on quality, convenience, and community."
|
||||
@@ -178,65 +131,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Roms Pizza",
|
||||
name: "Classic Pepperoni",
|
||||
price: "₹349",
|
||||
rating: 5,
|
||||
reviewCount: "250+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-hot-pepperoni-pizza-wooden-table_632805-19.jpg",
|
||||
imageAlt: "Classic Pepperoni Pizza",
|
||||
},
|
||||
id: "p1", brand: "Roms Pizza", name: "Classic Pepperoni", price: "₹349", rating: 5,
|
||||
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-hot-pepperoni-pizza-wooden-table_632805-19.jpg", imageAlt: "Classic Pepperoni Pizza"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Roms Pizza",
|
||||
name: "Margherita Delight",
|
||||
price: "₹299",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-street-food-lahmacun-with-lemon-fresh-parsley-melted-cheese-top_114579-4348.jpg",
|
||||
imageAlt: "Margherita Delight Pizza",
|
||||
},
|
||||
id: "p2", brand: "Roms Pizza", name: "Margherita Delight", price: "₹299", rating: 5,
|
||||
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/turkish-street-food-lahmacun-with-lemon-fresh-parsley-melted-cheese-top_114579-4348.jpg", imageAlt: "Margherita Delight Pizza"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Roms Pizza",
|
||||
name: "Garden Veggie Feast",
|
||||
price: "₹379",
|
||||
rating: 5,
|
||||
reviewCount: "180+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-spicy-mushroom-pizza-with-red-tomatoes-bell-peppers-olives-all-sliced-inside-with-oil-flour-grey_140725-20876.jpg",
|
||||
imageAlt: "Garden Veggie Feast Pizza",
|
||||
},
|
||||
id: "p3", brand: "Roms Pizza", name: "Garden Veggie Feast", price: "₹379", rating: 5,
|
||||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spicy-mushroom-pizza-with-red-tomatoes-bell-peppers-olives-all-sliced-inside-with-oil-flour-grey_140725-20876.jpg", imageAlt: "Garden Veggie Feast Pizza"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Roms Pizza",
|
||||
name: "Spicy Chicken Tikka",
|
||||
price: "₹429",
|
||||
rating: 5,
|
||||
reviewCount: "220+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-pizza-top-view_140725-9148.jpg",
|
||||
imageAlt: "Spicy Chicken Tikka Pizza",
|
||||
},
|
||||
id: "p4", brand: "Roms Pizza", name: "Spicy Chicken Tikka", price: "₹429", rating: 5,
|
||||
reviewCount: "220+", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-pizza-top-view_140725-9148.jpg", imageAlt: "Spicy Chicken Tikka Pizza"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Roms Pizza",
|
||||
name: "Paneer Makhani Fusion",
|
||||
price: "₹399",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852091.jpg",
|
||||
imageAlt: "Paneer Makhani Fusion Pizza",
|
||||
},
|
||||
id: "p5", brand: "Roms Pizza", name: "Paneer Makhani Fusion", price: "₹399", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852091.jpg", imageAlt: "Paneer Makhani Fusion Pizza"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Roms Pizza",
|
||||
name: "Roms Extravaganza",
|
||||
price: "₹499",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-vegetables_23-2148601650.jpg",
|
||||
imageAlt: "Roms Extravaganza Pizza",
|
||||
},
|
||||
id: "p6", brand: "Roms Pizza", name: "Roms Extravaganza", price: "₹499", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-vegetables_23-2148601650.jpg", imageAlt: "Roms Extravaganza Pizza"},
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
description="Explore a wide range of handcrafted pizzas, from classic favorites to local specialties."
|
||||
@@ -251,58 +162,31 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
plans={[
|
||||
{
|
||||
id: "deal-1",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "₹599",
|
||||
subtitle: "Any 2 Medium Pizzas",
|
||||
buttons: [
|
||||
id: "deal-1", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "₹599", subtitle: "Any 2 Medium Pizzas", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://wa.me/91XXXXXXXXXX?text=I'd like to order the Any 2 Medium Pizzas deal!",
|
||||
},
|
||||
text: "Order Now", href: "https://wa.me/91XXXXXXXXXX?text=I'd like to order the Any 2 Medium Pizzas deal!"},
|
||||
],
|
||||
features: [
|
||||
"Choose from select menu",
|
||||
"Valid for delivery & dine-in",
|
||||
"Includes 1 soft drink",
|
||||
],
|
||||
"Choose from select menu", "Valid for delivery & dine-in", "Includes 1 soft drink"],
|
||||
},
|
||||
{
|
||||
id: "deal-2",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Star,
|
||||
price: "₹999",
|
||||
subtitle: "Family Combo Pack",
|
||||
buttons: [
|
||||
id: "deal-2", badge: "Best Value", badgeIcon: Star,
|
||||
price: "₹999", subtitle: "Family Combo Pack", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://wa.me/91XXXXXXXXXX?text=I'd like to order the Family Combo Pack!",
|
||||
},
|
||||
text: "Order Now", href: "https://wa.me/91XXXXXXXXXX?text=I'd like to order the Family Combo Pack!"},
|
||||
],
|
||||
features: [
|
||||
"Any 2 Large Pizzas",
|
||||
"Garlic bread & dips",
|
||||
"2 soft drinks",
|
||||
],
|
||||
"Any 2 Large Pizzas", "Garlic bread & dips", "2 soft drinks"],
|
||||
},
|
||||
{
|
||||
id: "deal-3",
|
||||
badge: "New!",
|
||||
badgeIcon: Gift,
|
||||
price: "₹249",
|
||||
subtitle: "Single Pizza & Side",
|
||||
buttons: [
|
||||
id: "deal-3", badge: "New!", badgeIcon: Gift,
|
||||
price: "₹249", subtitle: "Single Pizza & Side", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://wa.me/91XXXXXXXXXX?text=I'd like to order the Single Pizza & Side deal!",
|
||||
},
|
||||
text: "Order Now", href: "https://wa.me/91XXXXXXXXXX?text=I'd like to order the Single Pizza & Side deal!"},
|
||||
],
|
||||
features: [
|
||||
"Any 1 Personal Pizza",
|
||||
"Choice of side (fries/drink)",
|
||||
"Perfect for a quick meal",
|
||||
],
|
||||
"Any 1 Personal Pizza", "Choice of side (fries/drink)", "Perfect for a quick meal"],
|
||||
},
|
||||
]}
|
||||
title="Irresistible Offers & Deals"
|
||||
@@ -318,28 +202,18 @@ export default function LandingPage() {
|
||||
author="Priya Sharma, Local Resident"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-beside-wooden-wall_23-2148574693.jpg",
|
||||
alt: "Priya Sharma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-beside-wooden-wall_23-2148574693.jpg", alt: "Priya Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg",
|
||||
alt: "Rahul Kumar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg", alt: "Rahul Kumar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg",
|
||||
alt: "Anjali Singh",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg", alt: "Anjali Singh"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
|
||||
alt: "Vijay Mehta",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg", alt: "Vijay Mehta"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg",
|
||||
alt: "Happy Customers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg", alt: "Happy Customers"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
avatarsAnimation="reveal-blur"
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -347,15 +221,14 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Order or Visit Us!"
|
||||
description="Have questions or ready to order? Reach out to us directly or visit our cozy pizzeria in Khatauli. We're here to serve you!"
|
||||
tagAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-bearded-man-holding-map-while-talking-cell-phone_23-2148203088.jpg"
|
||||
imageAlt="Map showing Roms Pizza location in Khatauli"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your inquiry"
|
||||
buttonText="Send Message (WhatsApp)"
|
||||
@@ -371,54 +244,33 @@ export default function LandingPage() {
|
||||
logoText="Roms Pizza"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Offers",
|
||||
href: "#offers",
|
||||
},
|
||||
label: "Offers", href: "#offers"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us: +91 XXXXXXXXXX",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
},
|
||||
label: "Call Us: +91 XXXXXXXXXX", href: "tel:+91XXXXXXXXXX"},
|
||||
{
|
||||
label: "WhatsApp Us",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
label: "WhatsApp Us", href: "https://wa.me/91XXXXXXXXXX"},
|
||||
{
|
||||
label: "Khatauli, Uttar Pradesh",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Khatauli, Uttar Pradesh", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user