bender/120286e7-8bcf-4f2a-84b4-e050b5abbcb0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-29 20:00:52 +00:00
parent afd41df497
commit 51dc3d1f1e
1 changed files with 42 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Artisan Pizza"
/>
@@ -55,65 +43,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Mastery in Every Slice"
description="Experience the pinnacle of artisanal pizza, crafted with heritage techniques and hand-selected premium ingredients."
buttons={[
{
text: "Explore Menu",
href: "#products",
},
]}
buttons={[{ text: "Explore Menu", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-concept_23-2148643465.jpg"
imageAlt="Artisan pizza"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/view-italian-food-composition_23-2148601629.jpg",
alt: "Above view italian food composition",
},
{
src: "http://img.b2bpic.net/free-photo/delicious-pizza-plate_23-2148570378.jpg",
alt: "Delicious pizza on plate",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-tomatoes-dark-surface-pizza-italy-meal-dough-food_140725-101777.jpg",
alt: "Top view delicious mushroom pizza",
},
{
src: "http://img.b2bpic.net/free-photo/slices-italian-pizza-with-utensils-ingredients-black-kitchen-worktop_23-2148076119.jpg",
alt: "Slices italian pizza with utensils",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-wooden-table_23-2148305639.jpg",
alt: "High angle of delicious pizza",
},
{ src: "http://img.b2bpic.net/free-photo/view-italian-food-composition_23-2148601629.jpg", alt: "Above view italian food composition" },
{ src: "http://img.b2bpic.net/free-photo/delicious-pizza-plate_23-2148570378.jpg", alt: "Delicious pizza on plate" },
{ src: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-tomatoes-dark-surface-pizza-italy-meal-dough-food_140725-101777.jpg", alt: "Top view delicious mushroom pizza" },
{ src: "http://img.b2bpic.net/free-photo/slices-italian-pizza-with-utensils-ingredients-black-kitchen-worktop_23-2148076119.jpg", alt: "Slices italian pizza with utensils" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-wooden-table_23-2148305639.jpg", alt: "High angle of delicious pizza" },
]}
marqueeItems={[
{
type: "text",
text: "Handcrafted Dough",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wood-fired-oven-delicious-pizza_23-2150235808.jpg",
alt: "Wood fired oven",
},
{
type: "text",
text: "Local Ingredients",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg",
alt: "Baking pizza",
},
{
type: "text",
text: "72-Hour Fermentation",
},
{ type: "text", text: "Handcrafted Dough" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/wood-fired-oven-delicious-pizza_23-2150235808.jpg", alt: "Wood fired oven" },
{ type: "text", text: "Local Ingredients" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg", alt: "Baking pizza" },
{ type: "text", text: "72-Hour Fermentation" },
]}
/>
</div>
@@ -123,9 +72,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Crafted with Passion"
description={[
"Our dough is proofed for 72 hours, using locally sourced organic grains and San Marzano tomatoes.",
"We believe that true flavor is born from patience, heat, and the finest ingredients nature provides.",
]}
"Our dough is proofed for 72 hours, using locally sourced organic grains and San Marzano tomatoes.", "We believe that true flavor is born from patience, heat, and the finest ingredients nature provides."]}
/>
</div>
@@ -135,27 +82,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "72-Hour Fermentation",
subtitle: "Deep, complex flavor",
category: "Technique",
value: "Patience",
},
{
id: "f2",
title: "Stone Wood-Fire",
subtitle: "Perfect charred crust",
category: "Craft",
value: "Heat",
},
{
id: "f3",
title: "Sourced Ingredients",
subtitle: "Locally grown produce",
category: "Nature",
value: "Origin",
},
{ id: "f1", title: "72-Hour Fermentation", subtitle: "Deep, complex flavor", category: "Technique", value: "Patience" },
{ id: "f2", title: "Stone Wood-Fire", subtitle: "Perfect charred crust", category: "Craft", value: "Heat" },
{ id: "f3", title: "Sourced Ingredients", subtitle: "Locally grown produce", category: "Nature", value: "Origin" },
]}
title="Our Signature Process"
description="From farm to oven, every step is deliberate and precise."
@@ -169,42 +98,12 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Margherita Classica",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-garlic-dark-blue-desk-ripe-color-food-salad-pepper-spicy_140725-99374.jpg",
},
{
id: "p2",
name: "Truffle Forest",
price: "$24",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg",
},
{
id: "p3",
name: "Spicy Pepperoni",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-2162.jpg",
},
{
id: "p4",
name: "Quattro Formaggi",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-arrangement_23-2148601619.jpg",
},
{
id: "p5",
name: "Garden Harvest",
price: "$19",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-vegetables-arrangement_23-2148574222.jpg",
},
{
id: "p6",
name: "Prosciutto Royale",
price: "$26",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-pizza-with-sliced-sausages-melted-cheese-board-lights_181624-45909.jpg",
},
{ id: "p1", name: "Margherita Classica", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-garlic-dark-blue-desk-ripe-color-food-salad-pepper-spicy_140725-99374.jpg" },
{ id: "p2", name: "Truffle Forest", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg" },
{ id: "p3", name: "Spicy Pepperoni", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-2162.jpg" },
{ id: "p4", name: "Quattro Formaggi", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-arrangement_23-2148601619.jpg" },
{ id: "p5", name: "Garden Harvest", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-vegetables-arrangement_23-2148574222.jpg" },
{ id: "p6", name: "Prosciutto Royale", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-pizza-with-sliced-sausages-melted-cheese-board-lights_181624-45909.jpg" },
]}
title="Artisan Collection"
description="Handcrafted masterpieces for the refined palate."
@@ -217,24 +116,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Pizzas Handcrafted",
value: "15,000+",
icon: Award,
},
{
id: "m2",
title: "Local Farmers",
value: "12",
icon: Leaf,
},
{
id: "m3",
title: "Dough Fermented",
value: "72h",
icon: Clock,
},
{ id: "m1", title: "Pizzas Handcrafted", value: "15,000+", icon: Award },
{ id: "m2", title: "Local Farmers", value: "12", icon: Leaf },
{ id: "m3", title: "Dough Fermented", value: "72h", icon: Clock },
]}
title="By The Numbers"
description="Passion quantified by our culinary journey."
@@ -243,44 +127,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Marco V.",
role: "Food Critic",
testimonial: "The best crust I've ever had.",
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21844.jpg",
},
{
id: "t2",
name: "Sophia L.",
role: "Foodie",
testimonial: "Absolutely worth the wait.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-poke-park_1268-22068.jpg",
},
{
id: "t3",
name: "David R.",
role: "Chef",
testimonial: "Craftsmanship is impeccable.",
imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-cute-lovely-chef-pink-apron-recording-video-social-media-holding-cucumbers_140725-166714.jpg",
},
{
id: "t4",
name: "Elena M.",
role: "Local",
testimonial: "Fresh and consistently perfect.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16045.jpg",
},
{
id: "t5",
name: "Julian B.",
role: "Blogger",
testimonial: "The new gold standard.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
},
{ id: "t1", name: "Marco V.", role: "Food Critic", testimonial: "The best crust I've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21844.jpg" },
{ id: "t2", name: "Sophia L.", role: "Foodie", testimonial: "Absolutely worth the wait.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-poke-park_1268-22068.jpg" },
{ id: "t3", name: "David R.", role: "Chef", testimonial: "Craftsmanship is impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-cute-lovely-chef-pink-apron-recording-video-social-media-holding-cucumbers_140725-166714.jpg" },
{ id: "t4", name: "Elena M.", role: "Local", testimonial: "Fresh and consistently perfect.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16045.jpg" },
{ id: "t5", name: "Julian B.", role: "Blogger", testimonial: "The new gold standard.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg" },
]}
title="Flavor Enthusiasts"
description="What our guests say about the experience."
@@ -292,21 +147,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What makes your dough special?",
content: "Our dough uses a 72-hour cold fermentation process.",
},
{
id: "q2",
title: "Do you offer vegan options?",
content: "Yes, we have a selection of vegan-friendly pizzas.",
},
{
id: "q3",
title: "Can I reserve a table?",
content: "Reservations are available for groups of 6 or more.",
},
{ id: "q1", title: "What makes your dough special?", content: "Our dough uses a 72-hour cold fermentation process." },
{ id: "q2", title: "Do you offer vegan options?", content: "Yes, we have a selection of vegan-friendly pizzas." },
{ id: "q3", title: "Can I reserve a table?", content: "Reservations are available for groups of 6 or more." },
]}
imageSrc="http://img.b2bpic.net/free-photo/tasty-pizza-with-cheese_1303-9615.jpg"
mediaAnimation="slide-up"
@@ -319,18 +162,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Visit Us"
title="Ready for a Slice?"
description="Find us in the heart of the city and join the pizza revolution."
buttons={[
{
text: "Get Directions",
href: "#",
},
]}
buttons={[{ text: "Get Directions", href: "#" }]}
/>
</div>
@@ -339,16 +175,8 @@ export default function LandingPage() {
logoText="Artisan Pizza"
copyrightText="© 2025 Artisan Pizza Co."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
]}
/>
</div>