Update src/app/page.tsx
This commit is contained in:
258
src/app/page.tsx
258
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pizzeria Sarra"
|
||||
/>
|
||||
@@ -59,15 +51,11 @@ export default function LandingPage() {
|
||||
description="Experience the authentic taste of Italy. Handcrafted pizzas baked to perfection in our wood-fired oven using only the freshest ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134247.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134247.jpg"
|
||||
imageAlt="Wood-fired artisan pizza"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,9 +67,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Authentic Flavors"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,49 +79,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Locally sourced vegetables, farm-fresh cheeses, and premium meats.",
|
||||
icon: CheckCircle,
|
||||
title: "Fresh Ingredients", description: "Locally sourced vegetables, farm-fresh cheeses, and premium meats.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cooking-delicious-pizza_23-2150306995.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cooking-delicious-pizza_23-2150306995.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tasty-traditional-pizza_23-2148921285.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tasty-traditional-pizza_23-2148921285.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134247.jpg?_wi=2",
|
||||
imageAlt: "fresh organic pizza ingredients",
|
||||
},
|
||||
{
|
||||
title: "Wood-Fired Oven",
|
||||
description: "Authentic stone-oven baking for that signature crust and smoky flavor.",
|
||||
icon: Flame,
|
||||
title: "Wood-Fired Oven", description: "Authentic stone-oven baking for that signature crust and smoky flavor.", icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134259.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134259.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-sliced-pizza-black-surface-with-spilled-wheat-flour_114579-89033.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-sliced-pizza-black-surface-with-spilled-wheat-flour_114579-89033.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-pizza-cutter-utensils_23-2148296889.jpg",
|
||||
imageAlt: "fresh organic pizza ingredients",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A perfect environment for family dinners and romantic dates.",
|
||||
icon: Coffee,
|
||||
title: "Cozy Atmosphere", description: "A perfect environment for family dinners and romantic dates.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6526.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6526.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-restaurant-table_23-2148305651.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-restaurant-table_23-2148305651.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-vegan-margherita-pizza-food-photography_53876-63237.jpg?_wi=1",
|
||||
imageAlt: "fresh organic pizza ingredients",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Pizzeria Sarra?"
|
||||
@@ -151,59 +119,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Margherita",
|
||||
price: "$14.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-vegan-margherita-pizza-food-photography_53876-63237.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Signature", name: "Margherita", price: "$14.00", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/homemade-vegan-margherita-pizza-food-photography_53876-63237.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Gourmet",
|
||||
name: "Diavola",
|
||||
price: "$16.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza-wood-tray_1388-288.jpg",
|
||||
},
|
||||
id: "2", brand: "Gourmet", name: "Diavola", price: "$16.00", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza-wood-tray_1388-288.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Specialty",
|
||||
name: "Prosciutto Rucola",
|
||||
price: "$18.00",
|
||||
rating: 4,
|
||||
reviewCount: "82",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-round-bread-cloth-wooden-background_23-2148432284.jpg",
|
||||
},
|
||||
id: "3", brand: "Specialty", name: "Prosciutto Rucola", price: "$18.00", rating: 4,
|
||||
reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-round-bread-cloth-wooden-background_23-2148432284.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Vegetarian",
|
||||
name: "Quattro Formaggi",
|
||||
price: "$17.00",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-ashes-with-charcoal_23-2149631291.jpg",
|
||||
},
|
||||
id: "4", brand: "Vegetarian", name: "Quattro Formaggi", price: "$17.00", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/still-life-ashes-with-charcoal_23-2149631291.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Classic",
|
||||
name: "Capricciosa",
|
||||
price: "$16.50",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-dough-with-tomatoes-word-written-flour_23-2148753791.jpg",
|
||||
},
|
||||
id: "5", brand: "Classic", name: "Capricciosa", price: "$16.50", rating: 4,
|
||||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-dough-with-tomatoes-word-written-flour_23-2148753791.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Gourmet",
|
||||
name: "Truffle Delight",
|
||||
price: "$20.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-with-sauce_23-2148601648.jpg",
|
||||
},
|
||||
id: "6", brand: "Gourmet", name: "Truffle Delight", price: "$20.00", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-with-sauce_23-2148601648.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our selection of handcrafted gourmet pizzas."
|
||||
@@ -216,55 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Rossi",
|
||||
date: "Oct 2023",
|
||||
title: "Amazing Pizza",
|
||||
quote: "The best Margherita I have ever tasted outside of Naples!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-gingerbread-blurred-background-with-bokeh_169016-24849.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg",
|
||||
},
|
||||
id: "1", name: "Anna Rossi", date: "Oct 2023", title: "Amazing Pizza", quote: "The best Margherita I have ever tasted outside of Naples!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-gingerbread-blurred-background-with-bokeh_169016-24849.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luca Bianchi",
|
||||
date: "Sep 2023",
|
||||
title: "Great Vibe",
|
||||
quote: "Perfect for a cozy date night with authentic atmosphere.",
|
||||
tag: "Diner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adorable-girl-with-long-hair-eating-vegetables-laughing-refined-lady-enjoying-favorite-salad_197531-17192.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-married-woman_23-2148060430.jpg",
|
||||
},
|
||||
id: "2", name: "Luca Bianchi", date: "Sep 2023", title: "Great Vibe", quote: "Perfect for a cozy date night with authentic atmosphere.", tag: "Diner", avatarSrc: "http://img.b2bpic.net/free-photo/adorable-girl-with-long-hair-eating-vegetables-laughing-refined-lady-enjoying-favorite-salad_197531-17192.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-married-woman_23-2148060430.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
date: "Aug 2023",
|
||||
title: "Excellent Quality",
|
||||
quote: "Fresh ingredients and super friendly service every time.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-restaurant_23-2147681107.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", date: "Aug 2023", title: "Excellent Quality", quote: "Fresh ingredients and super friendly service every time.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-restaurant_23-2147681107.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom Hanks",
|
||||
date: "July 2023",
|
||||
title: "Must Visit",
|
||||
quote: "The wood-fired flavor is unbeatable. Highly recommended!",
|
||||
tag: "Tourist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
},
|
||||
id: "4", name: "Tom Hanks", date: "July 2023", title: "Must Visit", quote: "The wood-fired flavor is unbeatable. Highly recommended!", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
date: "June 2023",
|
||||
title: "Top Notch",
|
||||
quote: "Authentic, fresh, and consistently delicious pizzas.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-couple-talking-while-having-meal-dining-table_637285-12645.jpg",
|
||||
},
|
||||
id: "5", name: "Elena V.", date: "June 2023", title: "Top Notch", quote: "Authentic, fresh, and consistently delicious pizzas.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-couple-talking-while-having-meal-dining-table_637285-12645.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Trusted by locals and visitors alike."
|
||||
@@ -278,31 +170,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Pizzas Baked",
|
||||
items: [
|
||||
"Hand-tossed dough",
|
||||
"Authentic recipes",
|
||||
],
|
||||
id: "m1", value: "15k+", title: "Pizzas Baked", items: [
|
||||
"Hand-tossed dough", "Authentic recipes"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Years of Tradition",
|
||||
items: [
|
||||
"Established 2012",
|
||||
"Family-run",
|
||||
],
|
||||
id: "m2", value: "12", title: "Years of Tradition", items: [
|
||||
"Established 2012", "Family-run"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Gourmet Toppings",
|
||||
items: [
|
||||
"Seasonal produce",
|
||||
"Imported cheeses",
|
||||
],
|
||||
id: "m3", value: "20+", title: "Gourmet Toppings", items: [
|
||||
"Seasonal produce", "Imported cheeses"],
|
||||
},
|
||||
]}
|
||||
title="Our Pizza Journey"
|
||||
@@ -316,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "Yes, we offer gluten-free crust options for all our pizzas.",
|
||||
},
|
||||
id: "q1", title: "Do you offer gluten-free options?", content: "Yes, we offer gluten-free crust options for all our pizzas."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I make a reservation online?",
|
||||
content: "Absolutely! Use our contact form to request a reservation.",
|
||||
},
|
||||
id: "q2", title: "Can I make a reservation online?", content: "Absolutely! Use our contact form to request a reservation."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer catering services?",
|
||||
content: "Yes, we cater for events and parties. Contact us for details.",
|
||||
},
|
||||
id: "q3", title: "Do you offer catering services?", content: "Yes, we cater for events and parties. Contact us for details."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our menu, reservations, and more."
|
||||
@@ -341,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reserve Today"
|
||||
title="Join Us for a Memorable Meal"
|
||||
description="Have questions or want to secure your table? Send us a message and we'll be in touch."
|
||||
@@ -356,46 +223,29 @@ export default function LandingPage() {
|
||||
logoText="Pizzeria Sarra"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "123 Pizzeria Lane",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Pizzeria Lane", href: "#"},
|
||||
{
|
||||
label: "info@pizzeriasarra.com",
|
||||
href: "mailto:info@pizzeriasarra.com",
|
||||
},
|
||||
label: "info@pizzeriasarra.com", href: "mailto:info@pizzeriasarra.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user