bender/8f9aa286-83fc-4c11-9c97-9bfde82e89c2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 20:57:42 +00:00
parent 885d1a8fff
commit bb93ad156a
1 changed files with 65 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Vulcano Milano"
bottomLeftText="Milano, Italy"
@@ -71,65 +57,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Wood-Fired Pizza & Premium Grilled Meat"
description="Experience authentic Italian craftsmanship in the heart of Milan. From traditional pizzas to expertly aged meats, every dish reflects our passion for quality."
buttons={[
{
text: "Reserve Your Table",
href: "#contact",
},
text: "Reserve Your Table", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg"
imageAlt="Wood-fired pizza and premium grilled meat at Vulcano Milano"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/image-black-woman-sits-sideways-with-glad-expression_273609-28609.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/image-black-woman-sits-sideways-with-glad-expression_273609-28609.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg",
alt: "Satisfied diner",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg", alt: "Satisfied diner"},
{
src: "http://img.b2bpic.net/free-vector/decorative-background-new-year-2017_23-2147579929.jpg",
alt: "Restaurant patron",
},
src: "http://img.b2bpic.net/free-vector/decorative-background-new-year-2017_23-2147579929.jpg", alt: "Restaurant patron"},
{
src: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg",
alt: "Smiling guest",
},
src: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg", alt: "Smiling guest"},
{
src: "http://img.b2bpic.net/free-photo/smiling-male-baker-holding-rolling-pin-bakery_23-2147883485.jpg",
alt: "Chef portrait",
},
src: "http://img.b2bpic.net/free-photo/smiling-male-baker-holding-rolling-pin-bakery_23-2147883485.jpg", alt: "Chef portrait"},
]}
avatarText="Join our 10,000+ satisfied guests"
marqueeItems={[
{
type: "text",
text: "Authentic Italian Flavors",
type: "text", text: "Authentic Italian Flavors"},
{
type: "text-icon", text: "Handcrafted Pizzas", icon: Pizza,
},
{
type: "text-icon",
text: "Handcrafted Pizzas",
icon: Pizza,
type: "text", text: "Exquisite Grilled Meats"},
{
type: "text-icon", text: "Fine Dining Experience", icon: Star,
},
{
type: "text",
text: "Exquisite Grilled Meats",
},
{
type: "text-icon",
text: "Fine Dining Experience",
icon: Star,
},
{
type: "text",
text: "Warm Milanese Hospitality",
},
type: "text", text: "Warm Milanese Hospitality"},
]}
/>
</div>
@@ -138,12 +101,9 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Authentic Italian Dining in the Heart of Milan"
description="At Vulcano Milano, we pride ourselves on crafting an unforgettable culinary journey. Our chefs combine traditional Italian techniques with the finest local ingredients to create exquisite wood-fired pizzas and succulent grilled meats. Discover a warm, inviting ambiance perfect for any occasion, from intimate dinners to lively gatherings."
buttons={[
{
text: "Discover Our Story",
href: "#about",
},
text: "Discover Our Story", href: "#about"},
]}
/>
</div>
@@ -155,41 +115,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Wood-Fired Perfection",
author: "Authentic Craftsmanship",
description: "Our pizzas are cooked to perfection in a traditional wood-fired oven, delivering a crispy crust and rich, smoky flavors that transport you straight to Naples.",
tags: [
"Pizza",
"Traditional",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-slice-pizza_23-2149232896.jpg",
imageAlt: "Wood-fired pizza",
},
id: "f1", title: "Wood-Fired Perfection", author: "Authentic Craftsmanship", description: "Our pizzas are cooked to perfection in a traditional wood-fired oven, delivering a crispy crust and rich, smoky flavors that transport you straight to Naples.", tags: [
"Pizza", "Traditional"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-slice-pizza_23-2149232896.jpg", imageAlt: "Wood-fired pizza"},
{
id: "f2",
title: "Premium Grilled Meats",
author: "Exquisite Selection",
description: "Savor our selection of expertly aged and grilled meats, prepared with precision to ensure tender, juicy perfection with every bite.",
tags: [
"Grill",
"Premium",
],
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg",
imageAlt: "Premium grilled meat",
},
id: "f2", title: "Premium Grilled Meats", author: "Exquisite Selection", description: "Savor our selection of expertly aged and grilled meats, prepared with precision to ensure tender, juicy perfection with every bite.", tags: [
"Grill", "Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg", imageAlt: "Premium grilled meat"},
{
id: "f3",
title: "Finest Local Ingredients",
author: "Farm to Table",
description: "We source the freshest local produce and highest quality Italian ingredients, ensuring every dish is a celebration of authentic flavors and seasonal goodness.",
tags: [
"Local",
"Fresh",
],
imageSrc: "http://img.b2bpic.net/free-photo/some-juicy-tomatoes-with-glass-bottle-oil_114579-37261.jpg",
imageAlt: "Fresh Italian ingredients",
},
id: "f3", title: "Finest Local Ingredients", author: "Farm to Table", description: "We source the freshest local produce and highest quality Italian ingredients, ensuring every dish is a celebration of authentic flavors and seasonal goodness.", tags: [
"Local", "Fresh"],
imageSrc: "http://img.b2bpic.net/free-photo/some-juicy-tomatoes-with-glass-bottle-oil_114579-37261.jpg", imageAlt: "Fresh Italian ingredients"},
]}
title="Our Culinary Highlights"
description="Savor the essence of Italian tradition and innovation with our signature dishes."
@@ -204,47 +140,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Pizza Margherita",
price: "€14",
imageSrc: "http://img.b2bpic.net/free-photo/hand-spreading-tomato-sauce-pizza-dough_23-2148357185.jpg",
imageAlt: "Classic Pizza Margherita",
},
id: "p1", name: "Pizza Margherita", price: "€14", imageSrc: "http://img.b2bpic.net/free-photo/hand-spreading-tomato-sauce-pizza-dough_23-2148357185.jpg", imageAlt: "Classic Pizza Margherita"},
{
id: "p2",
name: "Pizza Diavola",
price: "€16",
imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890014.jpg",
imageAlt: "Spicy Pizza Diavola",
},
id: "p2", name: "Pizza Diavola", price: "€16", imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890014.jpg", imageAlt: "Spicy Pizza Diavola"},
{
id: "p3",
name: "Pizza Funghi",
price: "€15",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-homemade-mushroom-pizza-bread-sticks-with-ingredients-white-plank_23-2148076206.jpg",
imageAlt: "Mushroom Pizza",
},
id: "p3", name: "Pizza Funghi", price: "€15", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-homemade-mushroom-pizza-bread-sticks-with-ingredients-white-plank_23-2148076206.jpg", imageAlt: "Mushroom Pizza"},
{
id: "p4",
name: "Grilled Ribeye Steak",
price: "€32",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-steak-wood_23-2151966851.jpg",
imageAlt: "Grilled Ribeye Steak",
},
id: "p4", name: "Grilled Ribeye Steak", price: "€32", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-steak-wood_23-2151966851.jpg", imageAlt: "Grilled Ribeye Steak"},
{
id: "p5",
name: "Grilled Lamb Chops",
price: "€28",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-chop-steak_74190-496.jpg",
imageAlt: "Grilled Lamb Chops",
},
id: "p5", name: "Grilled Lamb Chops", price: "€28", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-chop-steak_74190-496.jpg", imageAlt: "Grilled Lamb Chops"},
{
id: "p6",
name: "Slow-Cooked Pork Belly",
price: "€24",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-with-fresh-salad_1258-291.jpg",
imageAlt: "Slow-Cooked Pork Belly",
},
id: "p6", name: "Slow-Cooked Pork Belly", price: "€24", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-with-fresh-salad_1258-291.jpg", imageAlt: "Slow-Cooked Pork Belly"},
]}
title="Explore Our Masterpieces"
description="From classic Margheritas to perfectly seared steaks, our menu offers a symphony of flavors."
@@ -259,25 +165,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10+",
title: "Years of Excellence",
description: "Proudly serving Milan with authentic Italian cuisine since 2014.",
icon: Award,
id: "m1", value: "10+", title: "Years of Excellence", description: "Proudly serving Milan with authentic Italian cuisine since 2014.", icon: Award,
},
{
id: "m2",
value: "5-Star",
title: "Customer Reviews",
description: "Consistently rated as one of Milan's top dining destinations.",
icon: Star,
id: "m2", value: "5-Star", title: "Customer Reviews", description: "Consistently rated as one of Milan's top dining destinations.", icon: Star,
},
{
id: "m3",
value: "100%",
title: "Authentic Ingredients",
description: "Commitment to using only the freshest and finest Italian produce.",
icon: Leaf,
id: "m3", value: "100%", title: "Authentic Ingredients", description: "Commitment to using only the freshest and finest Italian produce.", icon: Leaf,
},
]}
title="Our Commitment to Excellence"
@@ -293,26 +187,11 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "tm1",
name: "Chef Alessandro",
role: "Head Chef",
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-torching-dessert_23-2149720781.jpg",
imageAlt: "Head Chef Alessandro",
},
id: "tm1", name: "Chef Alessandro", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-torching-dessert_23-2149720781.jpg", imageAlt: "Head Chef Alessandro"},
{
id: "tm2",
name: "Chef Sofia",
role: "Pizza Master",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134248.jpg",
imageAlt: "Pizza Master Chef Sofia",
},
id: "tm2", name: "Chef Sofia", role: "Pizza Master", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134248.jpg", imageAlt: "Pizza Master Chef Sofia"},
{
id: "tm3",
name: "Chef Marco",
role: "Grill Expert",
imageSrc: "http://img.b2bpic.net/free-photo/chef-cuts-fried-lamb-ribs_140725-8116.jpg",
imageAlt: "Grill Expert Chef Marco",
},
id: "tm3", name: "Chef Marco", role: "Grill Expert", imageSrc: "http://img.b2bpic.net/free-photo/chef-cuts-fried-lamb-ribs_140725-8116.jpg", imageAlt: "Grill Expert Chef Marco"},
]}
title="Meet Our Culinary Maestros"
description="Our passionate team, dedicated to bringing the authentic taste of Italy to your table."
@@ -324,44 +203,19 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Isabella Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7941.jpg",
imageAlt: "Isabella Rossi",
description: "Vulcano Milano is a true gem! The pizza was absolutely incredible, and the atmosphere was so elegant and inviting. We had a wonderful evening and will definitely be back soon.",
rating: 5,
id: "t1", name: "Isabella Rossi", imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7941.jpg", imageAlt: "Isabella Rossi"
},
{
id: "t2",
name: "Giovanni Bianchi",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg",
imageAlt: "Giovanni Bianchi",
description: "The grilled steak here is simply perfection. Cooked exactly as requested, incredibly tender and flavorful. Service was attentive and truly made our anniversary special. Highly recommend!",
rating: 5,
id: "t2", name: "Giovanni Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg", imageAlt: "Giovanni Bianchi"
},
{
id: "t3",
name: "Chiara Ferrari",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-lovely-caucasian-female-with-dark-hair-silver-jacket-black-jeans-shoes-poses-camera_132075-8995.jpg",
imageAlt: "Chiara Ferrari",
description: "Every dish we tried was a masterpiece. From the fresh pasta to the delectable desserts, Vulcano Milano delivers an authentic Italian dining experience. A must-visit in Milan!",
rating: 5,
id: "t3", name: "Chiara Ferrari", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-lovely-caucasian-female-with-dark-hair-silver-jacket-black-jeans-shoes-poses-camera_132075-8995.jpg", imageAlt: "Chiara Ferrari"
},
{
id: "t4",
name: "Luca Marino",
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891220.jpg",
imageAlt: "Luca Marino",
description: "What a fantastic discovery! The wood-fired pizzas are out of this world, and the wine selection perfectly complements the menu. Great for a casual dinner or a special occasion.",
rating: 4,
id: "t4", name: "Luca Marino", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891220.jpg", imageAlt: "Luca Marino"
},
{
id: "t5",
name: "Valentina Gallo",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-trying-hear-his-hands-light-pink-background_140725-40600.jpg",
imageAlt: "Valentina Gallo",
description: "I've been to many Italian restaurants, but Vulcano Milano stands out. The quality of ingredients shines through, and the staff are incredibly friendly. A truly memorable meal.",
rating: 5,
id: "t5", name: "Valentina Gallo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-trying-hear-his-hands-light-pink-background_140725-40600.jpg", imageAlt: "Valentina Gallo"
},
]}
cardTitle="An Unforgettable Experience!"
@@ -375,20 +229,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "Do you offer vegetarian or vegan options?",
content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes, including specialty pizzas and grilled vegetable platters. Please inform your server of any dietary preferences.",
},
id: "faq1", title: "Do you offer vegetarian or vegan options?", content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes, including specialty pizzas and grilled vegetable platters. Please inform your server of any dietary preferences."},
{
id: "faq2",
title: "Is it necessary to make a reservation?",
content: "While walk-ins are welcome, we highly recommend making a reservation, especially for dinner and weekend sittings, to ensure you get a table at your preferred time. You can book easily through our website.",
},
id: "faq2", title: "Is it necessary to make a reservation?", content: "While walk-ins are welcome, we highly recommend making a reservation, especially for dinner and weekend sittings, to ensure you get a table at your preferred time. You can book easily through our website."},
{
id: "faq3",
title: "Do you cater for private events or large groups?",
content: "Absolutely! Vulcano Milano is an ideal venue for private events, corporate lunches, and large group dinners. Please contact us directly to discuss your specific needs and our special group menus.",
},
id: "faq3", title: "Do you cater for private events or large groups?", content: "Absolutely! Vulcano Milano is an ideal venue for private events, corporate lunches, and large group dinners. Please contact us directly to discuss your specific needs and our special group menus."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common queries about Vulcano Milano. If you have further questions, don't hesitate to reach out."
@@ -401,16 +246,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Book Your Experience"
title="Reserve Your Table at Vulcano Milano"
description="Join us for an unforgettable dining experience. Book your table effortlessly through our online system or contact us directly."
buttons={[
{
text: "Make a Reservation",
href: "#",
},
text: "Make a Reservation", href: "#"},
]}
/>
</div>
@@ -419,54 +261,33 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
],
},
{
title: "Discover",
items: [
title: "Discover", items: [
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Reservations",
href: "#contact",
},
label: "Reservations", href: "#contact"},
{
label: "Location",
href: "#",
},
label: "Location", href: "#"},
{
label: "Email Us",
href: "mailto:info@vulcanomilano.com",
},
label: "Email Us", href: "mailto:info@vulcanomilano.com"},
],
},
]}