Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e1a7a2895f | |||
| 3f791377a7 |
228
src/app/page.tsx
228
src/app/page.tsx
@@ -38,8 +38,7 @@ export default function ItalianRestaurantPage() {
|
|||||||
{ name: "Reviews", id: "testimonials" }
|
{ name: "Reviews", id: "testimonials" }
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Book a Table",
|
text: "Book a Table", href: "contact"
|
||||||
href: "contact"
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -72,29 +71,23 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Featured Dishes"
|
title="JOSPER GRILL"
|
||||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
description="Experience the smoky, intense flavors of our Josper grill selections."
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "jg1", name: "Grilled Steak", price: "$35", imageSrc: "https://img.b2bpic.net/premium-photo/delicious-grilled-steak-with-herbs_121543-398.jpg", imageAlt: "Grilled Steak"
|
||||||
name: "Tagliatelle al Ragù",
|
|
||||||
price: "$28",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",
|
|
||||||
imageAlt: "Tagliatelle al Ragù with meat sauce"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "jg2", name: "Pork Ribs", price: "$30", imageSrc: "https://img.b2bpic.net/free-photo/delicious-barbecued-ribs-on-wooden-board-with-sauce_121543-294.jpg", imageAlt: "Pork Ribs"
|
||||||
name: "Risotto ai Funghi",
|
|
||||||
price: "$26",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",
|
|
||||||
imageAlt: "Creamy mushroom risotto"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "jg3", name: "Lamb Chops", price: "$38", imageSrc: "https://img.b2bpic.net/premium-photo/grilled-lamb-chops-with-rosemary_121543-402.jpg", imageAlt: "Lamb Chops"
|
||||||
name: "Tiramisu Tradizionale",
|
},
|
||||||
price: "$12",
|
{
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",
|
id: "jg4", name: "Grilled Chicken", price: "$28", imageSrc: "https://img.b2bpic.net/free-photo/grilled-chicken-with-fresh-vegetables_121543-156.jpg", imageAlt: "Grilled Chicken"
|
||||||
imageAlt: "Classic tiramisu dessert"
|
},
|
||||||
|
{
|
||||||
|
id: "jg5", name: "Vegetable Skewers", price: "$22", imageSrc: "https://img.b2bpic.net/free-photo/grilled-vegetable-skewers-with-bell-peppers-onions-zucchini_121543-132.jpg", imageAlt: "Vegetable Skewers"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
@@ -102,6 +95,138 @@ export default function ItalianRestaurantPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
|
<ProductCardOne
|
||||||
|
title="WOK & SOUPS"
|
||||||
|
description="Warm your soul with our comforting soups and vibrant wok dishes."
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "ws1", name: "Tom Yum Soup", price: "$15", imageSrc: "https://img.b2bpic.net/free-photo/spicy-tom-yum-soup-with-shrimp-mushrooms_121543-162.jpg", imageAlt: "Tom Yum Soup"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws2", name: "Ramen", price: "$18", imageSrc: "https://img.b2bpic.net/free-photo/delicious-ramen-bowl-with-egg-pork-belly_121543-165.jpg", imageAlt: "Ramen"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws3", name: "Pad Thai", price: "$20", imageSrc: "https://img.b2bpic.net/free-photo/authentic-pad-thai-noodles-with-shrimp-peanuts_121543-168.jpg", imageAlt: "Pad Thai"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws4", name: "Fried Rice", price: "$16", imageSrc: "https://img.b2bpic.net/free-photo/classic-fried-rice-with-vegetables-chicken_121543-171.jpg", imageAlt: "Fried Rice"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws5", name: "Spring Rolls", price: "$10", imageSrc: "https://img.b2bpic.net/free-photo/crispy-vegetable-spring-rolls-with-dipping-sauce_121543-174.jpg", imageAlt: "Spring Rolls"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws6", name: "Wonton Soup", price: "$14", imageSrc: "https://img.b2bpic.net/free-photo/delicious-wonton-soup-with-dumplings-greens_121543-177.jpg", imageAlt: "Wonton Soup"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws7", name: "Udon Noodles", price: "$17", imageSrc: "https://img.b2bpic.net/free-photo/japanese-udon-noodles-with-tempura_121543-180.jpg", imageAlt: "Udon Noodles"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws8", name: "Szechuan Chicken", price: "$22", imageSrc: "https://img.b2bpic.net/free-photo/spicy-szechuan-chicken-with-peppers_121543-183.jpg", imageAlt: "Szechuan Chicken"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws9", name: "Veggie Stir-fry", price: "$19", imageSrc: "https://img.b2bpic.net/free-photo/colorful-vegetable-stir-fry_121543-186.jpg", imageAlt: "Veggie Stir-fry"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ws10", name: "Miso Soup", price: "$12", imageSrc: "https://img.b2bpic.net/free-photo/classic-miso-soup-with-tofu-seaweed_121543-189.jpg", imageAlt: "Miso Soup"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
<ProductCardOne
|
||||||
|
title="SUSHI"
|
||||||
|
description="Freshly prepared sushi and sashimi, a true art form from Japan."
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "s1", name: "Nigiri Platter", price: "$25", imageSrc: "https://img.b2bpic.net/free-photo/assorted-nigiri-sushi_121543-192.jpg", imageAlt: "Nigiri Platter"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s2", name: "Sashimi Selection", price: "$30", imageSrc: "https://img.b2bpic.net/free-photo/fresh-sashimi-platter_121543-195.jpg", imageAlt: "Sashimi Selection"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s3", name: "California Roll", price: "$16", imageSrc: "https://img.b2bpic.net/free-photo/classic-california-roll_121543-198.jpg", imageAlt: "California Roll"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s4", name: "Spicy Tuna Roll", price: "$18", imageSrc: "https://img.b2bpic.net/free-photo/spicy-tuna-sushi-roll_121543-201.jpg", imageAlt: "Spicy Tuna Roll"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s5", name: "Dragon Roll", price: "$22", imageSrc: "https://img.b2bpic.net/free-photo/elaborate-dragon-sushi-roll_121543-204.jpg", imageAlt: "Dragon Roll"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s6", name: "Cosmo Set ⭐ TOP PICK", price: "$40", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-sushi-platter-with-variety_121543-207.jpg", imageAlt: "Cosmo Set"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s7", name: "Philadelphia Roll", price: "$17", imageSrc: "https://img.b2bpic.net/free-photo/philadelphia-cream-cheese-sushi-roll_121543-210.jpg", imageAlt: "Philadelphia Roll"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s8", name: "Rainbow Roll", price: "$20", imageSrc: "https://img.b2bpic.net/free-photo/colorful-rainbow-sushi-roll_121543-213.jpg", imageAlt: "Rainbow Roll"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
<ProductCardOne
|
||||||
|
title="FAST FOOD"
|
||||||
|
description="Quick, delicious, and satisfying options for when you're on the go. Some people literally wake up just to eat this."
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "ff1", name: "Classic Burger", price: "$14", imageSrc: "https://img.b2bpic.net/free-photo/classic-beef-burger-with-fries_121543-216.jpg", imageAlt: "Classic Burger"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff2", name: "Cheeseburger", price: "$15", imageSrc: "https://img.b2bpic.net/free-photo/cheeseburger-with-melted-cheese-onions_121543-219.jpg", imageAlt: "Cheeseburger"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff3", name: "Döner 🔥 BESTSELLER", price: "$12", imageSrc: "https://img.b2bpic.net/free-photo/delicious-doner-kebab-wrap_121543-222.jpg", imageAlt: "Döner"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff4", name: "Chicken Sandwich", price: "$13", imageSrc: "https://img.b2bpic.net/free-photo/fried-chicken-sandwich-with-lettuce_121543-225.jpg", imageAlt: "Chicken Sandwich"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff5", name: "French Fries", price: "$7", imageSrc: "https://img.b2bpic.net/free-photo/crispy-french-fries_121543-228.jpg", imageAlt: "French Fries"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff6", name: "Onion Rings", price: "$8", imageSrc: "https://img.b2bpic.net/free-photo/golden-fried-onion-rings_121543-231.jpg", imageAlt: "Onion Rings"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff7", name: "Hot Dog", price: "$10", imageSrc: "https://img.b2bpic.net/free-photo/classic-hot-dog-with-mustard_121543-234.jpg", imageAlt: "Hot Dog"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff8", name: "Pizza Slice", price: "$9", imageSrc: "https://img.b2bpic.net/free-photo/pepperoni-pizza-slice_121543-237.jpg", imageAlt: "Pizza Slice"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff9", name: "Falafel Wrap", price: "$11", imageSrc: "https://img.b2bpic.net/free-photo/fresh-falafel-wrap-with-vegetables_121543-240.jpg", imageAlt: "Falafel Wrap"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff10", name: "Fish and Chips", price: "$16", imageSrc: "https://img.b2bpic.net/free-photo/crispy-fish-and-chips_121543-243.jpg", imageAlt: "Fish and Chips"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff11", name: "Tacos (2pcs)", price: "$12", imageSrc: "https://img.b2bpic.net/free-photo/authentic-mexican-tacos_121543-246.jpg", imageAlt: "Tacos"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "ff12", name: "Chicken Nuggets", price: "$9", imageSrc: "https://img.b2bpic.net/free-photo/golden-chicken-nuggets-with-sauce_121543-249.jpg", imageAlt: "Chicken Nuggets"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="location-cta" data-section="location-cta">
|
||||||
|
<ContactText
|
||||||
|
text="Visit cosmoFOOD"
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Call Us", href: "tel:+1234567890" },
|
||||||
|
{ text: "Find Us", href: "https://maps.google.com/" }
|
||||||
|
]}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="impact" data-section="impact">
|
<div id="impact" data-section="impact">
|
||||||
@@ -110,14 +235,10 @@ export default function ItalianRestaurantPage() {
|
|||||||
tag="By The Numbers"
|
tag="By The Numbers"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "25+", description: "Years of excellence in authentic Italian cuisine and hospitality"
|
||||||
value: "25+",
|
|
||||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "50,000+", description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
||||||
value: "50,000+",
|
|
||||||
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
@@ -131,40 +252,16 @@ export default function ItalianRestaurantPage() {
|
|||||||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "An Unforgettable Evening", quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.", name: "Maria Rossi", role: "Food Critic", imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg", imageAlt: "Maria Rossi"
|
||||||
title: "An Unforgettable Evening",
|
|
||||||
quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.",
|
|
||||||
name: "Maria Rossi",
|
|
||||||
role: "Food Critic",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
|
|
||||||
imageAlt: "Maria Rossi"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Authentic Italian Magic", quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!", name: "Giovanni Ferrari", role: "Restaurant Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg", imageAlt: "Giovanni Ferrari"
|
||||||
title: "Authentic Italian Magic",
|
|
||||||
quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!",
|
|
||||||
name: "Giovanni Ferrari",
|
|
||||||
role: "Restaurant Enthusiast",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg",
|
|
||||||
imageAlt: "Giovanni Ferrari"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Perfect for Special Occasions", quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.", name: "Elena Marchetti", role: "Couple", imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg", imageAlt: "Elena Marchetti"
|
||||||
title: "Perfect for Special Occasions",
|
|
||||||
quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.",
|
|
||||||
name: "Elena Marchetti",
|
|
||||||
role: "Couple",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",
|
|
||||||
imageAlt: "Elena Marchetti"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Worth Every Visit", quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.", name: "Antonio Bianchi", role: "Regular Guest", imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg", imageAlt: "Antonio Bianchi"
|
||||||
title: "Worth Every Visit",
|
|
||||||
quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.",
|
|
||||||
name: "Antonio Bianchi",
|
|
||||||
role: "Regular Guest",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg",
|
|
||||||
imageAlt: "Antonio Bianchi"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -181,18 +278,12 @@ export default function ItalianRestaurantPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Frozen pre-made ingredients",
|
"Frozen pre-made ingredients", "Inconsistent flavors", "Rushed service", "Limited wine selection"
|
||||||
"Inconsistent flavors",
|
|
||||||
"Rushed service",
|
|
||||||
"Limited wine selection"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Fresh ingredients sourced daily from Italy",
|
"Fresh ingredients sourced daily from Italy", "Consistent excellence in every dish", "Attentive, unhurried service", "Curated selection of Italian wines"
|
||||||
"Consistent excellence in every dish",
|
|
||||||
"Attentive, unhurried service",
|
|
||||||
"Curated selection of Italian wines"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -210,11 +301,22 @@ export default function ItalianRestaurantPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="final-cta" data-section="final-cta">
|
||||||
|
<ContactText
|
||||||
|
text="Once you try it — you'll come back."
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
buttons={[
|
||||||
|
{ text: "🔥 Order Now", href: "#menu" }
|
||||||
|
]}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Bella Italia"
|
logoText="Bella Italia"
|
||||||
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
leftLink={{ text: "WhatsApp", href: "https://wa.me/1234567890" }}
|
||||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
rightLink={{ text: "Telegram", href: "https://t.me/yourusername" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5f5f5;
|
--background: #0B0B0F;
|
||||||
--card: #ffffff;
|
--card: #1a1a1a;
|
||||||
--foreground: #1c1c1c;
|
--foreground: #ffffff;
|
||||||
--primary-cta: #1c1c1c;
|
--primary-cta: #FF4DA6;
|
||||||
--primary-cta-text: #f5f5f5;
|
--primary-cta-text: #f5f5f5;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #7B3FE4;
|
||||||
--secondary-cta-text: #1c1c1c;
|
--secondary-cta-text: #1c1c1c;
|
||||||
--accent: #e63946;
|
--accent: #FF4DA6;
|
||||||
--background-accent: #e8bea8;
|
--background-accent: #7B3FE4;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user