Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -30,28 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizza Artisanal"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Online", href: "#menu"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,79 +46,20 @@ export default function LandingPage() {
|
||||
title="Artisanal Pizza, Baked with Heart"
|
||||
description="Discover the true taste of Italy right in your neighborhood. Hand-tossed, wood-fired, and delivered fresh to your door."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
handle: "@marco",
|
||||
testimonial: "The best authentic crust I have had outside of Naples!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134263.jpg?_wi=1",
|
||||
imageAlt: "artisanal pizza restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Elena Smith",
|
||||
handle: "@elena",
|
||||
testimonial: "The atmosphere is cozy and the pepperoni is delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-bread_53876-13990.jpg?_wi=1",
|
||||
imageAlt: "artisanal pizza restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Tom Chen",
|
||||
handle: "@tom",
|
||||
testimonial: "Super fast delivery and always arrives piping hot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-dough-ingredients_23-2147772064.jpg?_wi=1",
|
||||
imageAlt: "artisanal pizza restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Giulia V.",
|
||||
handle: "@giulia",
|
||||
testimonial: "Authentic flavors, perfect crust, truly a gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg?_wi=1",
|
||||
imageAlt: "artisanal pizza restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david",
|
||||
testimonial: "Never disappoints, consistently high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-portrait-handsome-african-american-pizza-delivery-man-phone-with-customer-isolated-grey-studio-background-copy-space_1258-102276.jpg?_wi=1",
|
||||
imageAlt: "artisanal pizza restaurant interior",
|
||||
},
|
||||
{ name: "Marco Rossi", handle: "@marco", testimonial: "The best authentic crust I have had outside of Naples!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134263.jpg", imageAlt: "artisanal pizza restaurant interior" },
|
||||
{ name: "Elena Smith", handle: "@elena", testimonial: "The atmosphere is cozy and the pepperoni is delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-bread_53876-13990.jpg", imageAlt: "artisanal pizza restaurant interior" },
|
||||
{ name: "Tom Chen", handle: "@tom", testimonial: "Super fast delivery and always arrives piping hot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-dough-ingredients_23-2147772064.jpg", imageAlt: "artisanal pizza restaurant interior" },
|
||||
{ name: "Giulia V.", handle: "@giulia", testimonial: "Authentic flavors, perfect crust, truly a gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg", imageAlt: "artisanal pizza restaurant interior" },
|
||||
{ name: "David W.", handle: "@david", testimonial: "Never disappoints, consistently high quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-portrait-handsome-african-american-pizza-delivery-man-phone-with-customer-isolated-grey-studio-background-copy-space_1258-102276.jpg", imageAlt: "artisanal pizza restaurant interior" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134263.jpg?_wi=2"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order Now", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134263.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-cropped-view-cheerful-black-woman-with-afro-hairstyle-eats-delicious-italian-pizza-from-boyfriends-hands_273609-18723.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-eating-pizza-drink-lemonade-restaurant_627829-5425.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-sitting-table-work-with-laptop-cafe-eat-pizza-drink-pink-milkshake-cocktail_627829-1043.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150280218.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-cropped-view-cheerful-black-woman-with-afro-hairstyle-eats-delicious-italian-pizza-from-boyfriends-hands_273609-18723.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-eating-pizza-drink-lemonade-restaurant_627829-5425.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-sitting-table-work-with-laptop-cafe-eat-pizza-drink-pink-milkshake-cocktail_627829-1043.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150280218.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,20 +70,11 @@ export default function LandingPage() {
|
||||
title="Tradition in Every Slice"
|
||||
description="Our dough is fermented for 48 hours and topped with the freshest local ingredients. We believe in the power of simple, high-quality ingredients cooked over open fire."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Baking",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Slow Fermentation",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
{ value: "12+", title: "Years Baking" },
|
||||
{ value: "24h", title: "Slow Fermentation" },
|
||||
{ value: "100%", title: "Fresh Ingredients" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hands-preparing-bread_53876-13990.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hands-preparing-bread_53876-13990.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -168,21 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm-to-Table",
|
||||
description: "We source all our vegetables and meats from local farms daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-dough-ingredients_23-2147772064.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Authentic Methods",
|
||||
description: "Wood-fired ovens at 900 degrees for that perfect crispy crust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Lightning Delivery",
|
||||
description: "Our fleet ensures your pizza arrives hot within 30 minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-portrait-handsome-african-american-pizza-delivery-man-phone-with-customer-isolated-grey-studio-background-copy-space_1258-102276.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Farm-to-Table", description: "We source all our vegetables and meats from local farms daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-dough-ingredients_23-2147772064.jpg" },
|
||||
{ title: "Authentic Methods", description: "Wood-fired ovens at 900 degrees for that perfect crispy crust.", imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg" },
|
||||
{ title: "Lightning Delivery", description: "Our fleet ensures your pizza arrives hot within 30 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-portrait-handsome-african-american-pizza-delivery-man-phone-with-customer-isolated-grey-studio-background-copy-space_1258-102276.jpg" }
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Experience excellence in pizza making."
|
||||
@@ -193,50 +99,15 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Margherita",
|
||||
price: "$12.00",
|
||||
variant: "Small",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-vegan-margherita-pizza-food-photography_53876-63239.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spicy Pepperoni",
|
||||
price: "$14.00",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-pink-background_23-2148601605.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garden Veggie",
|
||||
price: "$13.50",
|
||||
variant: "Medium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spread-tomato-sauce-pizza-dough_23-2148357186.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Four Cheese Delight",
|
||||
price: "$15.00",
|
||||
variant: "Medium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873906.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "BBQ Chicken",
|
||||
price: "$14.50",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-with-red-pepper-ingredients_23-2148765346.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Truffle Mushroom",
|
||||
price: "$16.00",
|
||||
variant: "Small",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-food-delicious-pizza-with-mushroom-basil_23-2147922424.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Margherita", price: "$12.00", variant: "Small", imageSrc: "http://img.b2bpic.net/free-photo/homemade-vegan-margherita-pizza-food-photography_53876-63239.jpg" },
|
||||
{ id: "2", name: "Spicy Pepperoni", price: "$14.00", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-pink-background_23-2148601605.jpg" },
|
||||
{ id: "3", name: "Garden Veggie", price: "$13.50", variant: "Medium", imageSrc: "http://img.b2bpic.net/free-photo/spread-tomato-sauce-pizza-dough_23-2148357186.jpg" },
|
||||
{ id: "4", name: "Four Cheese Delight", price: "$15.00", variant: "Medium", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873906.jpg" },
|
||||
{ id: "5", name: "BBQ Chicken", price: "$14.50", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-with-red-pepper-ingredients_23-2148765346.jpg" },
|
||||
{ id: "6", name: "Truffle Mushroom", price: "$16.00", variant: "Small", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-delicious-pizza-with-mushroom-basil_23-2147922424.jpg" }
|
||||
]}
|
||||
title="Our Pizza Menu"
|
||||
description="Hand-crafted creations for every palate."
|
||||
@@ -250,26 +121,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-satisfied-teenage-girl-with-dark-healthy-skin-enjoys-delicious-meal-holds-piece-pizza_273609-18724.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-pizza-slice_23-2147894312.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338292.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-eating-pizza_52683-111552.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-with-hunger-pizza_23-2147640661.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-satisfied-teenage-girl-with-dark-healthy-skin-enjoys-delicious-meal-holds-piece-pizza_273609-18724.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-pizza-slice_23-2147894312.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338292.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-eating-pizza_52683-111552.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-with-hunger-pizza_23-2147640661.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -281,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer gluten-free crust?",
|
||||
content: "Yes, we offer a certified gluten-free crust option for all pizzas.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your delivery range?",
|
||||
content: "We deliver within a 5-mile radius of our main restaurant.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve a table for parties?",
|
||||
content: "Absolutely! Contact us via phone for any party larger than 6 people.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer gluten-free crust?", content: "Yes, we offer a certified gluten-free crust option for all pizzas." },
|
||||
{ id: "f2", title: "What is your delivery range?", content: "We deliver within a 5-mile radius of our main restaurant." },
|
||||
{ id: "f3", title: "Can I reserve a table for parties?", content: "Absolutely! Contact us via phone for any party larger than 6 people." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here is what our customers usually ask."
|
||||
@@ -306,9 +150,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="Located in the heart of downtown. Come taste our wood-fired perfection."
|
||||
@@ -321,17 +163,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pizza Artisanal"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user