bender/aec631f1-ef0b-43ad-a5f8-fe47f3eb31fc
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-05-23 12:32:00 +00:00
parent b2af02d2db
commit c7963a00b3
1 changed files with 56 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/app/page.tsx
View File

@@ -20,27 +20,26 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Menu",
id: "menu",
},
{
name: "Tracker",
id: "tracker",
},
{
name: "Rewards",
id: "rewards",
},
{
name: "About",
id: "about",
},
{ name: "Hero", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Features", id: "features" },
{ name: "Metrics", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="PizzaMaster"
/>
@@ -48,63 +47,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Your pizza, your way, in 30 minutes"
description="Customize every topping, track your order live, and earn rewards with every bite. Fresh pizza delivered hot or your money back."
buttons={[
{
text: "Start Your Order",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg?_wi=1"
buttons={[{ text: "Start Your Order", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg",
alt: "Happy customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
alt: "Happy customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-24626.jpg",
alt: "Happy customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-137772.jpg",
alt: "Happy customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-smiling-happy-walking-city_839833-20233.jpg",
alt: "Happy customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg", alt: "Happy customer 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg", alt: "Happy customer 2" },
{ src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-24626.jpg", alt: "Happy customer 3" },
{ src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-137772.jpg", alt: "Happy customer 4" },
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-smiling-happy-walking-city_839833-20233.jpg", alt: "Happy customer 5" }
]}
avatarText="Join 10,000+ happy pizza lovers"
marqueeItems={[
{
type: "text",
text: "Fresh Ingredients",
},
{
type: "text",
text: "30-Minute Delivery",
},
{
type: "text",
text: "Customizable Toppings",
},
{
type: "text",
text: "Loyalty Rewards",
},
{
type: "text",
text: "Live Order Tracking",
},
{ type: "text", text: "Fresh Ingredients" },
{ type: "text", text: "30-Minute Delivery" },
{ type: "text", text: "Customizable Toppings" },
{ type: "text", text: "Loyalty Rewards" },
{ type: "text", text: "Live Order Tracking" }
]}
/>
</div>
@@ -114,8 +76,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="The PizzaMaster Experience"
description={[
"We believe every pizza should be crafted exactly to your preference. Using artisanal ingredients and our signature 30-minute delivery promise, we redefine convenience.",
"Join our loyalty program to earn points on every slice, and track your delivery in real-time through our interactive portal.",
"We believe every pizza should be crafted exactly to your preference. Using artisanal ingredients and our signature 30-minute delivery promise, we redefine convenience.", "Join our loyalty program to earn points on every slice, and track your delivery in real-time through our interactive portal."
]}
/>
</div>
@@ -127,42 +88,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Margherita",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3982.jpg",
},
{
id: "p2",
name: "BBQ Chicken",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-some-tomatoes-table_140725-3127.jpg",
},
{
id: "p3",
name: "Vegetable Supreme",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-putting-tomatoes-baked-pizza-dough-with-smoked-salmon-slices_23-2148785699.jpg",
},
{
id: "p4",
name: "Spicy Pepperoni",
price: "$16.99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286879.jpg",
},
{
id: "p5",
name: "Hawaiian Classic",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-halves-pineapple-with-cloth_23-2148494714.jpg",
},
{
id: "p6",
name: "Four Cheese",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg",
},
{ id: "p1", name: "Margherita", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3982.jpg" },
{ id: "p2", name: "BBQ Chicken", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-some-tomatoes-table_140725-3127.jpg" },
{ id: "p3", name: "Vegetable Supreme", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-putting-tomatoes-baked-pizza-dough-with-smoked-salmon-slices_23-2148785699.jpg" },
{ id: "p4", name: "Spicy Pepperoni", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286879.jpg" },
{ id: "p5", name: "Hawaiian Classic", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-halves-pineapple-with-cloth_23-2148494714.jpg" },
{ id: "p6", name: "Four Cheese", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg" }
]}
title="Our Signature Menu"
description="Explore our chef-curated pizzas, fully customizable to your taste."
@@ -176,25 +107,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Realtime Tracking",
description: "Know exactly when your pizza hits the oven and when it arrives at your door.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-delicious-photos_23-2149333838.jpg",
},
title: "Realtime Tracking", description: "Know exactly when your pizza hits the oven and when it arrives at your door.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-delicious-photos_23-2149333838.jpg"},
items: [
{
icon: MapPin,
text: "GPS live location",
},
{
icon: Clock,
text: "Exact countdown",
},
{ icon: MapPin, text: "GPS live location" },
{ icon: Clock, text: "Exact countdown" }
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg?_wi=2",
imageAlt: "customer checking pizza tracking app",
},
reverse: false
}
]}
title="Ordering Simplified"
description="We make it seamless to get your favorite meal."
@@ -207,33 +127,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "30",
title: "Minutes Average Delivery",
items: [
"Fast delivery",
"Hot assurance",
],
},
{
id: "m2",
value: "1M+",
title: "Pizzas Delivered",
items: [
"Serving families",
"Corporate events",
],
},
{
id: "m3",
value: "5.0",
title: "Customer Rating",
items: [
"Verified reviews",
"Top quality",
],
},
{ id: "m1", value: "30", title: "Minutes Average Delivery", items: ["Fast delivery", "Hot assurance"] },
{ id: "m2", value: "1M+", title: "Pizzas Delivered", items: ["Serving families", "Corporate events"] },
{ id: "m3", value: "5.0", title: "Customer Rating", items: ["Verified reviews", "Top quality"] }
]}
title="Quality by the Numbers"
description="Our commitment to excellence ensures every order meets our high standards."
@@ -247,26 +143,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Jenkins"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/vertical-portrait-charming-unshaved-dark-skinned-guy-holding-tasty-sandwich-while-walking-with-backpack-park-attending-food-festival-laughing-out-loud-expressing-good-mood_176420-19852.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
alt: "Family",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-young-smiling-woman-outdoors_624325-694.jpg",
alt: "Professional",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/after-long-time-they-still-have-fun-together_329181-7765.jpg",
alt: "Senior",
},
{ src: "http://img.b2bpic.net/free-photo/vertical-portrait-charming-unshaved-dark-skinned-guy-holding-tasty-sandwich-while-walking-with-backpack-park-attending-food-festival-laughing-out-loud-expressing-good-mood_176420-19852.jpg", alt: "Sarah" },
{ src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Family" },
{ src: "http://img.b2bpic.net/free-photo/pretty-young-smiling-woman-outdoors_624325-694.jpg", alt: "Professional" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/after-long-time-they-still-have-fun-together_329181-7765.jpg", alt: "Senior" }
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -278,21 +159,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you deliver to my area?",
content: "We deliver to all major metropolitan zones within a 5-mile radius of our kitchens.",
},
{
id: "f2",
title: "How does the rewards program work?",
content: "Earn 1 point for every $1 spent and redeem for free items on future orders.",
},
{
id: "f3",
title: "Can I modify my order?",
content: "You can modify your order in real-time until it enters the baking stage.",
},
{ id: "f1", title: "Do you deliver to my area?", content: "We deliver to all major metropolitan zones within a 5-mile radius of our kitchens." },
{ id: "f2", title: "How does the rewards program work?", content: "Earn 1 point for every $1 spent and redeem for free items on future orders." },
{ id: "f3", title: "Can I modify my order?", content: "You can modify your order in real-time until it enters the baking stage." }
]}
imageSrc="http://img.b2bpic.net/free-photo/communication-using-smartphone-lifestyle-concept_53876-30214.jpg"
title="Frequently Asked Questions"
@@ -304,48 +173,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Support"
title="Need Help?"
description="Our team is available 24/7 to assist with your order."
buttons={[
{
text: "Contact Support",
href: "mailto:support@pizzamaster.com",
},
]}
buttons={[{ text: "Contact Support", href: "mailto:support@pizzamaster.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
items: [
{
label: "Support",
href: "#contact",
},
{
label: "Rewards",
href: "#rewards",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ items: [{ label: "Support", href: "#contact" }, { label: "Rewards", href: "#rewards" }] }
]}
logoText="PizzaMaster"
/>