Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TudiPizza"
|
||||
/>
|
||||
@@ -51,35 +45,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="TudiPizza: Handcrafted perfection"
|
||||
description="Taste the true spirit of Italy, delivered straight to your door. Fresh dough, local ingredients, and artisanal passion in every slice."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-cutting-board-with-tomatoes-pizza-cutter-top-view-gray-stucco-picnic-cloth-background_176474-4607.jpg?_wi=1",
|
||||
imageAlt: "fresh artisan pizza wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-cutting-board-with-tomatoes-pizza-cutter-top-view-gray-stucco-picnic-cloth-background_176474-4607.jpg", imageAlt: "fresh artisan pizza wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-pizza-with-bacon-arugula-leaves-near-sliced-yellow-bell-pepper-garlic-bulb-tomato-wooden-spoon_23-2148076092.jpg",
|
||||
imageAlt: "fresh artisan pizza wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-pizza-with-bacon-arugula-leaves-near-sliced-yellow-bell-pepper-garlic-bulb-tomato-wooden-spoon_23-2148076092.jpg", imageAlt: "fresh artisan pizza wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-stucco-background_23-2148601610.jpg",
|
||||
imageAlt: "fresh artisan pizza wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-stucco-background_23-2148601610.jpg", imageAlt: "fresh artisan pizza wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-cake-table_23-2150154672.jpg",
|
||||
imageAlt: "fresh artisan pizza wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-cake-table_23-2150154672.jpg", imageAlt: "fresh artisan pizza wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286879.jpg",
|
||||
imageAlt: "fresh artisan pizza wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286879.jpg", imageAlt: "fresh artisan pizza wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900921.jpg",
|
||||
imageAlt: "fresh artisan pizza wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900921.jpg", imageAlt: "fresh artisan pizza wooden table"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,64 +70,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story: Quality in Every Crust",
|
||||
},
|
||||
type: "text", content: "Our Story: Quality in Every Crust"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27033.jpg",
|
||||
alt: "professional chef baking pizza oven",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27033.jpg", alt: "professional chef baking pizza oven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "We source only fresh, organic vegetables and local meats for our toppings.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garnish-bruschetta-fresh-ingredient-cooking-brown-table_23-2148195043.jpg",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
},
|
||||
title: "Farm to Table", description: "We source only fresh, organic vegetables and local meats for our toppings.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garnish-bruschetta-fresh-ingredient-cooking-brown-table_23-2148195043.jpg", imageAlt: "fresh organic ingredients pizza topping"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dough-ingredients-pizza_23-2148570371.jpg",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-cutting-board-with-tomatoes-pizza-cutter-top-view-gray-stucco-picnic-cloth-background_176474-4607.jpg?_wi=2",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dough-ingredients-pizza_23-2148570371.jpg", imageAlt: "fresh organic ingredients pizza topping"},
|
||||
},
|
||||
{
|
||||
title: "Lightning Fast",
|
||||
description: "Our specialized delivery fleet ensures your pizza arrives steaming hot.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-yellow-polo-yellow-cap-white-jeans-backpack-holding-box-blue_140725-14719.jpg",
|
||||
imageAlt: "fast delivery pizza box motorcycle",
|
||||
},
|
||||
title: "Lightning Fast", description: "Our specialized delivery fleet ensures your pizza arrives steaming hot.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-yellow-polo-yellow-cap-white-jeans-backpack-holding-box-blue_140725-14719.jpg", imageAlt: "fast delivery pizza box motorcycle"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-holding-delivery-coffee-food-yellow-wall_179666-35547.jpg",
|
||||
imageAlt: "fast delivery pizza box motorcycle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27033.jpg",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-holding-delivery-coffee-food-yellow-wall_179666-35547.jpg", imageAlt: "fast delivery pizza box motorcycle"},
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "A secret blend of herbs and dough, refined over generations of pizza making.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-making-greek-vegetable-casserole-with-rice-tomatoes-feta-cheese_127032-3107.jpg",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
},
|
||||
title: "Traditional Recipes", description: "A secret blend of herbs and dough, refined over generations of pizza making.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-making-greek-vegetable-casserole-with-rice-tomatoes-feta-cheese_127032-3107.jpg", imageAlt: "fresh organic ingredients pizza topping"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables_1303-4811.jpg",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-pizza-with-ingredients-blue-wooden-table_23-2148076025.jpg?_wi=1",
|
||||
imageAlt: "fresh organic ingredients pizza topping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables_1303-4811.jpg", imageAlt: "fresh organic ingredients pizza topping"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -163,53 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita",
|
||||
price: "$12.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-pizza-with-ingredients-blue-wooden-table_23-2148076025.jpg?_wi=2",
|
||||
imageAlt: "margherita pizza tomato basil",
|
||||
},
|
||||
id: "p1", name: "Margherita", price: "$12.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-pizza-with-ingredients-blue-wooden-table_23-2148076025.jpg", imageAlt: "margherita pizza tomato basil"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pepperoni",
|
||||
price: "$14.50",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-2179.jpg",
|
||||
imageAlt: "pepperoni pizza cheese melted",
|
||||
},
|
||||
id: "p2", name: "Pepperoni", price: "$14.50", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-2179.jpg", imageAlt: "pepperoni pizza cheese melted"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Four Cheese",
|
||||
price: "$15.00",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-cheese_23-2148765338.jpg",
|
||||
imageAlt: "four cheese pizza gourmet",
|
||||
},
|
||||
id: "p3", name: "Four Cheese", price: "$15.00", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-cheese_23-2148765338.jpg", imageAlt: "four cheese pizza gourmet"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "BBQ Chicken",
|
||||
price: "$16.50",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-chicken-with-mayo-rice-garnish-tray_141793-4937.jpg",
|
||||
imageAlt: "bbq chicken pizza slice",
|
||||
},
|
||||
id: "p4", name: "BBQ Chicken", price: "$16.50", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-chicken-with-mayo-rice-garnish-tray_141793-4937.jpg", imageAlt: "bbq chicken pizza slice"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mushroom Truffle",
|
||||
price: "$18.00",
|
||||
variant: "Deluxe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-plate_23-2149298054.jpg",
|
||||
imageAlt: "mushroom truffle pizza slice",
|
||||
},
|
||||
id: "p5", name: "Mushroom Truffle", price: "$18.00", variant: "Deluxe", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-plate_23-2149298054.jpg", imageAlt: "mushroom truffle pizza slice"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hawaiian",
|
||||
price: "$13.50",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-fruits-candies-black_140725-104677.jpg",
|
||||
imageAlt: "hawaiian pizza sweet savory",
|
||||
},
|
||||
id: "p6", name: "Hawaiian", price: "$13.50", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-fruits-candies-black_140725-104677.jpg", imageAlt: "hawaiian pizza sweet savory"},
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="Crafted with passion, baked with love."
|
||||
@@ -223,64 +140,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna P.",
|
||||
role: "Foodie",
|
||||
company: "Local Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg",
|
||||
imageAlt: "happy customer eating pizza restaurant",
|
||||
},
|
||||
id: "1", name: "Anna P.", role: "Foodie", company: "Local Blog", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19913.jpg", imageAlt: "happy customer eating pizza restaurant"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus R.",
|
||||
role: "Teacher",
|
||||
company: "City High",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-pizza_23-2151231286.jpg",
|
||||
imageAlt: "relaxed diner restaurant table",
|
||||
},
|
||||
id: "2", name: "Marcus R.", role: "Teacher", company: "City High", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-pizza_23-2151231286.jpg", imageAlt: "relaxed diner restaurant table"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah & Dave",
|
||||
role: "Regulars",
|
||||
company: "Neighborhood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203554.jpg",
|
||||
imageAlt: "group friends sharing pizza table",
|
||||
},
|
||||
id: "3", name: "Sarah & Dave", role: "Regulars", company: "Neighborhood", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203554.jpg", imageAlt: "group friends sharing pizza table"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julianne M.",
|
||||
role: "Architect",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367138.jpg",
|
||||
imageAlt: "happy diner restaurant interior",
|
||||
},
|
||||
id: "4", name: "Julianne M.", role: "Architect", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367138.jpg", imageAlt: "happy diner restaurant interior"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Leo C.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-pizza-outdoors_23-2149872431.jpg",
|
||||
imageAlt: "happy customer eating pizza restaurant",
|
||||
},
|
||||
id: "5", name: "Leo C.", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-pizza-outdoors_23-2149872431.jpg", imageAlt: "happy customer eating pizza restaurant"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Pizzas Baked",
|
||||
},
|
||||
value: "10k+", label: "Pizzas Baked"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Rating"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Local Ingredients",
|
||||
},
|
||||
value: "50+", label: "Local Ingredients"},
|
||||
]}
|
||||
title="What Our Fans Say"
|
||||
description="See why locals love our authentic slices."
|
||||
@@ -294,20 +175,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200+",
|
||||
description: "Pizzas served daily",
|
||||
},
|
||||
id: "m1", value: "200+", description: "Pizzas served daily"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5 years",
|
||||
description: "Of culinary excellence",
|
||||
},
|
||||
id: "m2", value: "5 years", description: "Of culinary excellence"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Authentic Italian flour",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Authentic Italian flour"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "Yes, we have delicious gluten-free crusts available.",
|
||||
},
|
||||
id: "f1", title: "Do you offer gluten-free options?", content: "Yes, we have delicious gluten-free crusts available."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How far do you deliver?",
|
||||
content: "We deliver within a 10-mile radius of our downtown store.",
|
||||
},
|
||||
id: "f2", title: "How far do you deliver?", content: "We deliver within a 10-mile radius of our downtown store."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "Whenever possible, we source locally and organically.",
|
||||
},
|
||||
id: "f3", title: "Are your ingredients organic?", content: "Whenever possible, we source locally and organically."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -343,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to eat?"
|
||||
description="Sign up for our newsletter for special deals and secret menu releases."
|
||||
@@ -359,33 +221,21 @@ export default function LandingPage() {
|
||||
logoText="TudiPizza"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Pizzas",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Pizzas", href: "#menu"},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sides", href: "#"},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#",
|
||||
},
|
||||
label: "Drinks", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user