Update src/app/page.tsx
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tutto Pizza"
|
||||
/>
|
||||
@@ -55,66 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Italian Pizza, Crafted by Tommaso"
|
||||
description="Experience the true taste of Italy in the heart of our cozy trattoria. Using traditional methods and fresh, local ingredients, we bring Napoli to you."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pizza-with-ham-mushroom_1203-8914.jpg?_wi=1"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Book Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pizza-with-ham-mushroom_1203-8914.jpg"
|
||||
imageAlt="Authentic wood-fired pizza"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-1002.jpg",
|
||||
alt: "Authentic pizza master 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/seafood-pizza-with-shrimp-mussel-calamari-squid-cheese_141793-2273.jpg",
|
||||
alt: "Authentic pizza master 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/slice-pizza-hand-closeup-selective-focus-lunch-time-tratoria-delicious-pizza-with-sundried-tomatoes-with-mozzarella-cheese-cut-into-slices-lunch-pizzeria_166373-3656.jpg",
|
||||
alt: "Authentic pizza master 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pizza-with-ham-mushroom_1203-8919.jpg",
|
||||
alt: "Authentic pizza master 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-rustic-wooden-table-generated-by-ai_188544-24094.jpg",
|
||||
alt: "Authentic pizza master 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-1002.jpg", alt: "Authentic pizza master 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/seafood-pizza-with-shrimp-mussel-calamari-squid-cheese_141793-2273.jpg", alt: "Authentic pizza master 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/slice-pizza-hand-closeup-selective-focus-lunch-time-tratoria-delicious-pizza-with-sundried-tomatoes-with-mozzarella-cheese-cut-into-slices-lunch-pizzeria_166373-3656.jpg", alt: "Authentic pizza master 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pizza-with-ham-mushroom_1203-8919.jpg", alt: "Authentic pizza master 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-rustic-wooden-table-generated-by-ai_188544-24094.jpg", alt: "Authentic pizza master 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "WOOD-FIRED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AUTHENTIC NAPOLETAN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HAND-STRETCHED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LOCAL PRODUCE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TRADITIONAL",
|
||||
},
|
||||
{ type: "text", text: "WOOD-FIRED" },
|
||||
{ type: "text", text: "AUTHENTIC NAPOLETAN" },
|
||||
{ type: "text", text: "HAND-STRETCHED" },
|
||||
{ type: "text", text: "LOCAL PRODUCE" },
|
||||
{ type: "text", text: "TRADITIONAL" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,20 +73,11 @@ export default function LandingPage() {
|
||||
title="A Tradition of Passion"
|
||||
description="Tommaso's love for pizza started in his family's kitchen in Napoli. Today, he carries that heritage to your table, ensuring every pizza reflects the authentic spirit of his ancestors."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh Dough",
|
||||
description: "Hand-stretched every morning for perfection.",
|
||||
},
|
||||
{
|
||||
title: "Local Ingredients",
|
||||
description: "Supporting local farmers for premium toppings.",
|
||||
},
|
||||
{
|
||||
title: "Wood-Fired Oven",
|
||||
description: "Traditional method for the best smoky crust.",
|
||||
},
|
||||
{ title: "Fresh Dough", description: "Hand-stretched every morning for perfection." },
|
||||
{ title: "Local Ingredients", description: "Supporting local farmers for premium toppings." },
|
||||
{ title: "Wood-Fired Oven", description: "Traditional method for the best smoky crust." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-dough-pizza-with-ingredients-kitchen-counter_23-2147975149.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/raw-dough-pizza-with-ingredients-kitchen-counter_23-2147975149.jpg"
|
||||
imageAlt="Tommaso's kitchen heritage"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,42 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheesy-pizza-with-olives-sausages-red-tomatoes-grey-background-fast-food-italian-dough-meal_140725-22601.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Prosciutto e Rucola",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-meat-mushroom-pizza-wooden-table-with-fork-knife_23-2147922433.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tartufo Bianco",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-dessert_23-2149452235.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Diavola",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-pizza_23-2148921327.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pesto Genovese",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Quattro Formaggi",
|
||||
price: "$21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-caesar_140725-12439.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Margherita", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheesy-pizza-with-olives-sausages-red-tomatoes-grey-background-fast-food-italian-dough-meal_140725-22601.jpg" },
|
||||
{ id: "p2", name: "Prosciutto e Rucola", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/homemade-meat-mushroom-pizza-wooden-table-with-fork-knife_23-2147922433.jpg" },
|
||||
{ id: "p3", name: "Tartufo Bianco", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-dessert_23-2149452235.jpg" },
|
||||
{ id: "p4", name: "Diavola", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-pizza_23-2148921327.jpg" },
|
||||
{ id: "p5", name: "Pesto Genovese", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg" },
|
||||
{ id: "p6", name: "Quattro Formaggi", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-caesar_140725-12439.jpg" },
|
||||
]}
|
||||
title="Our Signature Pies"
|
||||
description="A curated selection of authentic Napoletan pizzas, prepared with heart and served piping hot."
|
||||
@@ -200,30 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Heritage Recipes",
|
||||
description: "Recipes passed down through three generations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: History,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rolled-dough-with-tomato-sauce_23-2148357184.jpg",
|
||||
imageAlt: "Rolled dough with tomato sauce",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Technique",
|
||||
description: "Slow-fermented dough for light crusts.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Pizza,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-ham-mushroom_1203-8914.jpg?_wi=2",
|
||||
imageAlt: "Rolled dough with tomato sauce",
|
||||
},
|
||||
{
|
||||
title: "Warm Atmosphere",
|
||||
description: "The perfect place to gather with loved ones.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-dough-pizza-with-ingredients-kitchen-counter_23-2147975149.jpg?_wi=2",
|
||||
imageAlt: "Rolled dough with tomato sauce",
|
||||
},
|
||||
{ title: "Heritage Recipes", description: "Recipes passed down through three generations.", bentoComponent: "reveal-icon", icon: History },
|
||||
{ title: "Artisanal Technique", description: "Slow-fermented dough for light crusts.", bentoComponent: "reveal-icon", icon: Pizza },
|
||||
{ title: "Warm Atmosphere", description: "The perfect place to gather with loved ones.", bentoComponent: "reveal-icon", icon: Heart },
|
||||
]}
|
||||
title="Why Choose Tutto Pizza?"
|
||||
description="Quality, heritage, and the perfect atmosphere."
|
||||
@@ -234,33 +121,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Giulia Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-outside-smiling_23-2147805662.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco Bianchi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-friends-eating-pasta-italian-restaurant_1303-24356.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luca Verdi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Conti",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-her-male-colleagues-eating-pizza-drinking-beer-break-office_637285-2692.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Giulia Rossi", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-outside-smiling_23-2147805662.jpg" },
|
||||
{ id: "t2", name: "Marco Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg" },
|
||||
{ id: "t3", name: "Elena Smith", imageSrc: "http://img.b2bpic.net/free-photo/two-girls-friends-eating-pasta-italian-restaurant_1303-24356.jpg" },
|
||||
{ id: "t4", name: "Luca Verdi", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg" },
|
||||
{ id: "t5", name: "Sofia Conti", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-her-male-colleagues-eating-pizza-drinking-beer-break-office_637285-2692.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Our Community"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -271,27 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Crafting the perfect pizza.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-pizza-with-herbs-sun-dried-tomatoes-gray-table_93675-135263.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K+",
|
||||
title: "Pizzas Baked",
|
||||
description: "Delicious pies served.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5/5",
|
||||
title: "Guest Rating",
|
||||
description: "Consistently excellent reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15", title: "Years Experience", description: "Crafting the perfect pizza.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-pizza-with-herbs-sun-dried-tomatoes-gray-table_93675-135263.jpg" },
|
||||
{ id: "m2", value: "20K+", title: "Pizzas Baked", description: "Delicious pies served.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg" },
|
||||
{ id: "m3", value: "5/5", title: "Guest Rating", description: "Consistently excellent reviews.", imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg" },
|
||||
]}
|
||||
title="The Numbers Behind Our Flavor"
|
||||
description="Years of experience and happy guests."
|
||||
@@ -303,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, through our primary partner apps.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your dough vegan?",
|
||||
content: "Our dough is 100% vegan.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Reservations are highly recommended on weekends.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer delivery?", content: "Yes, through our primary partner apps." },
|
||||
{ id: "q2", title: "Is your dough vegan?", content: "Our dough is 100% vegan." },
|
||||
{ id: "q3", title: "Do you accept reservations?", content: "Reservations are highly recommended on weekends." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -328,16 +166,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at Via Roma 12, or call for reservations. We're open daily from 6 PM to 11 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -346,36 +177,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235781.jpg"
|
||||
logoText="Tutto Pizza"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user