Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Our Story", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Meloncello"
|
||||
/>
|
||||
@@ -52,32 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Authentic Wood-Fired Pizza in Every Slice"
|
||||
description="At Meloncello, we believe that simple, high-quality ingredients transformed by fire create the perfect meal. Join us for an unforgettable Italian experience."
|
||||
tag="Since 1998"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946415.jpg?_wi=1",
|
||||
imageAlt: "artisanal pizza restaurant interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946415.jpg", imageAlt: "artisanal pizza restaurant interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-grey-wooden-surface_176420-6809.jpg?_wi=1",
|
||||
imageAlt: "gourmet pizza closeup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134247.jpg",
|
||||
imageAlt: "Side view chef baking delicious pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-prepared-margarita-pizza-oven-with-flame-it_613910-3398.jpg",
|
||||
imageAlt: "Italian chef is putting prepared margarita pizza to the oven with flame in it.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235781.jpg",
|
||||
imageAlt: "High angle baking delicious pizza",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-grey-wooden-surface_176420-6809.jpg", imageAlt: "gourmet pizza closeup"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -92,19 +69,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Handcrafted",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Handcrafted", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Family Recipe",
|
||||
value: "25yr",
|
||||
},
|
||||
label: "Family Recipe", value: "25yr"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Local Sourced",
|
||||
value: "90%",
|
||||
},
|
||||
label: "Local Sourced", value: "90%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -112,42 +83,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu-highlights" data-section="menu-highlights">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Flour",
|
||||
author: "Meloncello Kitchen",
|
||||
description: "We source high-grade stone-ground flour daily.",
|
||||
tags: [
|
||||
"Premium",
|
||||
"Local",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Fresh Flour", author: "Meloncello Kitchen", description: "We source high-grade stone-ground flour daily.", tags: [
|
||||
"Premium", "Local"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wood Fired",
|
||||
author: "Meloncello Kitchen",
|
||||
description: "Authentic oak-fired ovens for crisp crusts.",
|
||||
tags: [
|
||||
"Authentic",
|
||||
"Fire",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-big-pizza_72229-258.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Wood Fired", author: "Meloncello Kitchen", description: "Authentic oak-fired ovens for crisp crusts.", tags: [
|
||||
"Authentic", "Fire"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-big-pizza_72229-258.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Our Community",
|
||||
author: "Meloncello Kitchen",
|
||||
description: "Sharing meals and joy in our home.",
|
||||
tags: [
|
||||
"Local",
|
||||
"Friendly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-nuts-rose-wine_140725-6880.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Our Community", author: "Meloncello Kitchen", description: "Sharing meals and joy in our home.", tags: [
|
||||
"Local", "Friendly"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-nuts-rose-wine_140725-6880.jpg"},
|
||||
]}
|
||||
title="Why We're Different"
|
||||
description="Quality starts from the foundation of our dough and goes straight to our community values."
|
||||
@@ -162,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852213.jpg",
|
||||
},
|
||||
id: "p1", name: "Margherita", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852213.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pepperoni",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg",
|
||||
},
|
||||
id: "p2", name: "Pepperoni", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vegetarian",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-red-tomatoes-olives-all-sliced-inside-with-oil-flour-grey-desk-pizza-dough-italian_140725-22890.jpg",
|
||||
},
|
||||
id: "p3", name: "Vegetarian", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-red-tomatoes-olives-all-sliced-inside-with-oil-flour-grey-desk-pizza-dough-italian_140725-22890.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Prosciutto",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-meat-pizza-wooden-board-with-leafy-vegetables_23-2147922407.jpg",
|
||||
},
|
||||
id: "p4", name: "Prosciutto", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-meat-pizza-wooden-board-with-leafy-vegetables_23-2147922407.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Four Cheese",
|
||||
price: "$17",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-apple_74190-5478.jpg",
|
||||
},
|
||||
id: "p5", name: "Four Cheese", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/pie-apple_74190-5478.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Truffle",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-basil-leaf-cherry-tomato-italian-pizza-with-tablecloth-wooden-table_23-2148076204.jpg",
|
||||
},
|
||||
id: "p6", name: "Truffle", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-basil-leaf-cherry-tomato-italian-pizza-with-tablecloth-wooden-table_23-2148076204.jpg"},
|
||||
]}
|
||||
title="Our Signature Pizzas"
|
||||
description="Explore our hand-crafted menu, featuring locally sourced ingredients and time-honored techniques."
|
||||
@@ -210,51 +137,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
price: "$25",
|
||||
name: "Solo Night",
|
||||
buttons: [
|
||||
id: "plan1", price: "$25", name: "Solo Night", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"1 Gourmet Pizza",
|
||||
"Drink Included",
|
||||
],
|
||||
"1 Gourmet Pizza", "Drink Included"],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
price: "$45",
|
||||
name: "Date Night",
|
||||
buttons: [
|
||||
id: "plan2", price: "$45", name: "Date Night", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"2 Pizzas",
|
||||
"Appetizer",
|
||||
"2 Drinks",
|
||||
],
|
||||
"2 Pizzas", "Appetizer", "2 Drinks"],
|
||||
},
|
||||
{
|
||||
id: "plan3",
|
||||
price: "$80",
|
||||
name: "Family Feast",
|
||||
buttons: [
|
||||
id: "plan3", price: "$80", name: "Family Feast", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"4 Pizzas",
|
||||
"3 Sides",
|
||||
"4 Drinks",
|
||||
],
|
||||
"4 Pizzas", "3 Sides", "4 Drinks"],
|
||||
},
|
||||
]}
|
||||
title="Dining Packages"
|
||||
@@ -268,60 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
date: "Oct 2024",
|
||||
title: "Regular Diner",
|
||||
quote: "Best pizza in town by far!",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/refined-lady-with-waving-hair-making-selfie-dinner-indoor-shot-blissful-caucasian-girl-eating-pizza_197531-9678.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946415.jpg?_wi=2",
|
||||
imageAlt: "happy customer pizza restaurant",
|
||||
},
|
||||
id: "t1", name: "Alice M.", date: "Oct 2024", title: "Regular Diner", quote: "Best pizza in town by far!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/refined-lady-with-waving-hair-making-selfie-dinner-indoor-shot-blissful-caucasian-girl-eating-pizza_197531-9678.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946415.jpg", imageAlt: "happy customer pizza restaurant"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
date: "Sept 2024",
|
||||
title: "Foodie",
|
||||
quote: "Authentic, thin crust and amazing staff.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-pizza-while-being-home-alone_23-2149527946.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-grey-wooden-surface_176420-6809.jpg?_wi=2",
|
||||
imageAlt: "happy customer pizza restaurant",
|
||||
},
|
||||
id: "t2", name: "John D.", date: "Sept 2024", title: "Foodie", quote: "Authentic, thin crust and amazing staff.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-pizza-while-being-home-alone_23-2149527946.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-grey-wooden-surface_176420-6809.jpg", imageAlt: "happy customer pizza restaurant"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
date: "Aug 2024",
|
||||
title: "Pizza Expert",
|
||||
quote: "The wood oven makes all the difference.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg?_wi=2",
|
||||
imageAlt: "happy customer pizza restaurant",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", date: "Aug 2024", title: "Pizza Expert", quote: "The wood oven makes all the difference.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg", imageAlt: "happy customer pizza restaurant"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin L.",
|
||||
date: "July 2024",
|
||||
title: "Local",
|
||||
quote: "Consistent quality and great vibe.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-eating-tasty-pizza_1098-1083.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-big-pizza_72229-258.jpg?_wi=2",
|
||||
imageAlt: "happy customer pizza restaurant",
|
||||
},
|
||||
id: "t4", name: "Kevin L.", date: "July 2024", title: "Local", quote: "Consistent quality and great vibe.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-eating-tasty-pizza_1098-1083.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cooking-big-pizza_72229-258.jpg", imageAlt: "happy customer pizza restaurant"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily R.",
|
||||
date: "June 2024",
|
||||
title: "Chef",
|
||||
quote: "Simply delicious authentic Italian.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6527.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-nuts-rose-wine_140725-6880.jpg?_wi=2",
|
||||
imageAlt: "happy customer pizza restaurant",
|
||||
},
|
||||
id: "t5", name: "Emily R.", date: "June 2024", title: "Chef", quote: "Simply delicious authentic Italian.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6527.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-nuts-rose-wine_140725-6880.jpg", imageAlt: "happy customer pizza restaurant"},
|
||||
]}
|
||||
title="Words From Our Community"
|
||||
description="Hear what our loyal patrons think about their experience at Meloncello."
|
||||
@@ -334,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we partner with major delivery apps in the local area.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery apps in the local area."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you take reservations?",
|
||||
content: "We are a walk-in friendly restaurant.",
|
||||
},
|
||||
id: "q2", title: "Do you take reservations?", content: "We are a walk-in friendly restaurant."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there vegan options?",
|
||||
content: "Yes, we have custom plant-based crusts and cheeses.",
|
||||
},
|
||||
id: "q3", title: "Are there vegan options?", content: "Yes, we have custom plant-based crusts and cheeses."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="We're here to make your experience perfect."
|
||||
@@ -359,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Visit Us Today"
|
||||
description="Stop by our restaurant on 123 Pizza Lane or book your party online."
|
||||
@@ -373,29 +222,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Meloncello",
|
||||
items: [
|
||||
title: "Meloncello", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Pizzas",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Pizzas", href: "#menu"},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Deals", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user