3 Commits

Author SHA1 Message Date
938195cb2e Merge version_2 into main
Merge version_2 into main
2026-03-26 06:01:07 +00:00
e1a7a2895f Update src/app/styles/variables.css 2026-03-26 06:01:04 +00:00
3f791377a7 Update src/app/page.tsx 2026-03-26 06:01:03 +00:00
2 changed files with 172 additions and 70 deletions

View File

@@ -38,8 +38,7 @@ export default function ItalianRestaurantPage() {
{ name: "Reviews", id: "testimonials" }
]}
button={{
text: "Book a Table",
href: "contact"
text: "Book a Table", href: "contact"
}}
/>
</div>
@@ -72,29 +71,23 @@ export default function ItalianRestaurantPage() {
<div id="menu" data-section="menu">
<ProductCardOne
title="Featured Dishes"
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
title="JOSPER GRILL"
description="Experience the smoky, intense flavors of our Josper grill selections."
products={[
{
id: "1",
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: "jg1", name: "Grilled Steak", price: "$35", imageSrc: "https://img.b2bpic.net/premium-photo/delicious-grilled-steak-with-herbs_121543-398.jpg", imageAlt: "Grilled Steak"
},
{
id: "2",
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: "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"
},
{
id: "3",
name: "Tiramisu Tradizionale",
price: "$12",
imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",
imageAlt: "Classic tiramisu dessert"
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"
},
{
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"
},
{
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"
@@ -102,6 +95,138 @@ export default function ItalianRestaurantPage() {
textboxLayout="default"
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 id="impact" data-section="impact">
@@ -110,14 +235,10 @@ export default function ItalianRestaurantPage() {
tag="By The Numbers"
metrics={[
{
id: "1",
value: "25+",
description: "Years of excellence in authentic Italian cuisine and hospitality"
id: "1", value: "25+", description: "Years of excellence in authentic Italian cuisine and hospitality"
},
{
id: "2",
value: "50,000+",
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
id: "2", value: "50,000+", description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
}
]}
metricsAnimation="slide-up"
@@ -131,40 +252,16 @@ export default function ItalianRestaurantPage() {
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
testimonials={[
{
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"
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"
},
{
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"
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"
},
{
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"
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"
},
{
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"
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"
}
]}
textboxLayout="default"
@@ -181,18 +278,12 @@ export default function ItalianRestaurantPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Frozen pre-made ingredients",
"Inconsistent flavors",
"Rushed service",
"Limited wine selection"
"Frozen pre-made ingredients", "Inconsistent flavors", "Rushed service", "Limited wine selection"
]
}}
positiveCard={{
items: [
"Fresh ingredients sourced daily from Italy",
"Consistent excellence in every dish",
"Attentive, unhurried service",
"Curated selection of Italian wines"
"Fresh ingredients sourced daily from Italy", "Consistent excellence in every dish", "Attentive, unhurried service", "Curated selection of Italian wines"
]
}}
/>
@@ -210,11 +301,22 @@ export default function ItalianRestaurantPage() {
/>
</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">
<FooterLogoReveal
logoText="Bella Italia"
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
leftLink={{ text: "WhatsApp", href: "https://wa.me/1234567890" }}
rightLink={{ text: "Telegram", href: "https://t.me/yourusername" }}
/>
</div>
</ReactLenis>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #0B0B0F;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #FF4DA6;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #7B3FE4;
--secondary-cta-text: #1c1c1c;
--accent: #e63946;
--background-accent: #e8bea8;
--accent: #FF4DA6;
--background-accent: #7B3FE4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);