bender/c7bda57f-2461-4323-9454-95284f77575a
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-10 17:46:03 +00:00
parent 5c3ac970b7
commit 25364fc944
1 changed files with 40 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Car, Globe, Smartphone, Smile, Truck } from "lucide-react"; import { Award, Globe, Smartphone, Car, Truck, Smile } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Menu", { name: "Menu", id: "#menu" },
id: "#menu", { name: "App", id: "#app" },
}, { name: "About", id: "#about" },
{
name: "App",
id: "#app",
},
{
name: "Rewards",
id: "#rewards",
},
{
name: "About",
id: "#about",
},
]} ]}
brandName="McDonald's" brandName="McDonald's"
/> />
@@ -56,15 +44,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="A New Era of McDonald's" title="A New Era of McDonald's"
description="Experience fast food reimagined. Quality, elegance, and convenience combined into a single, seamless digital encounter." description="Experience fast food reimagined. Quality, elegance, and convenience combined into a single, seamless digital encounter."
buttons={[ buttons={[
{ {
text: "Order Now", text: "Order Now", href: "#menu"},
href: "#menu",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293075.jpg" imageSrc="http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293075.jpg"
imageAlt="elegant gold burger presentation dark background" imageAlt="elegant gold burger presentation dark background"
@@ -79,17 +64,11 @@ export default function LandingPage() {
description="Since 1954, we have redefined quick service. Today, we bring you an elevated experience, merging classic favorites with a modern, luxury touch." description="Since 1954, we have redefined quick service. Today, we bring you an elevated experience, merging classic favorites with a modern, luxury touch."
bulletPoints={[ bulletPoints={[
{ {
title: "Artisan Quality", title: "Artisan Quality", description: "Ingredients sourced for excellence."},
description: "Ingredients sourced for excellence.",
},
{ {
title: "Modern Speed", title: "Modern Speed", description: "Quick service designed for your lifestyle."},
description: "Quick service designed for your lifestyle.",
},
{ {
title: "Elevated Dining", title: "Elevated Dining", description: "Atmosphere that feels like home."},
description: "Atmosphere that feels like home.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg" imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg"
imageAlt="luxury food prep golden hour" imageAlt="luxury food prep golden hour"
@@ -100,22 +79,17 @@ export default function LandingPage() {
<FeatureHoverPattern <FeatureHoverPattern
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
features={[ features={[
{ {
icon: Smartphone, icon: Smartphone,
title: "Mobile Order & Pay", title: "Mobile Order & Pay", description: "Your favorites ready at your fingertips."},
description: "Your favorites ready at your fingertips.",
},
{ {
icon: Car, icon: Car,
title: "Exclusive Drive-Thru", title: "Exclusive Drive-Thru", description: "Swift collection with gold-tier service."},
description: "Swift collection with gold-tier service.",
},
{ {
icon: Truck, icon: Truck,
title: "McDelivery Elite", title: "McDelivery Elite", description: "Gourmet delivery directly to your door."},
description: "Gourmet delivery directly to your door.",
},
]} ]}
title="Refined Convenience" title="Refined Convenience"
description="Enjoy seamless services tailored for a modern, high-end experience." description="Enjoy seamless services tailored for a modern, high-end experience."
@@ -130,41 +104,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Signature Quarter Pounder", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293069.jpg"},
name: "Signature Quarter Pounder",
price: "$9.99",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293069.jpg",
},
{ {
id: "2", id: "2", name: "Golden Artisan Fries", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-cassava-chips_23-2149091062.jpg"},
name: "Golden Artisan Fries",
price: "$3.99",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-cassava-chips_23-2149091062.jpg",
},
{ {
id: "3", id: "3", name: "McCafé Reserve Brew", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762313.jpg"},
name: "McCafé Reserve Brew",
price: "$4.99",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762313.jpg",
},
{ {
id: "4", id: "4", name: "Artisan Croissant", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-honey-cake-medovik_114579-2312.jpg"},
name: "Artisan Croissant",
price: "$5.99",
imageSrc: "http://img.b2bpic.net/free-photo/square-slice-honey-cake-medovik_114579-2312.jpg",
},
{ {
id: "5", id: "5", name: "Signature Cocoa Treat", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/slice-cocoa-tiramisu-with-vanilla-ice-cream_114579-2163.jpg"},
name: "Signature Cocoa Treat",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/slice-cocoa-tiramisu-with-vanilla-ice-cream_114579-2163.jpg",
},
{ {
id: "6", id: "6", name: "Market Greens Salad", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-gourmet-food-concept_23-2148510816.jpg"},
name: "Market Greens Salad",
price: "$8.99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-gourmet-food-concept_23-2148510816.jpg",
},
]} ]}
title="Curated Selection" title="Curated Selection"
description="Discover our signature items, crafted to delight the palate." description="Discover our signature items, crafted to delight the palate."
@@ -179,25 +129,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "70+", title: "Years of Excellence", description: "Since 1954.", icon: Award,
value: "70+",
title: "Years of Excellence",
description: "Since 1954.",
icon: Award,
}, },
{ {
id: "m2", id: "m2", value: "14k+", title: "Global Locations", description: "Serving you everywhere.", icon: Globe,
value: "14k+",
title: "Global Locations",
description: "Serving you everywhere.",
icon: Globe,
}, },
{ {
id: "m3", id: "m3", value: "1M+", title: "Daily Guests", description: "Satisfied every day.", icon: Smile,
value: "1M+",
title: "Daily Guests",
description: "Satisfied every day.",
icon: Smile,
}, },
]} ]}
title="A Proven Tradition" title="A Proven Tradition"
@@ -210,30 +148,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-bistro-medium-shot_23-2149366463.jpg"},
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-bistro-medium-shot_23-2149366463.jpg",
},
{ {
id: "t2", id: "t2", name: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-female-talking-phone_23-2148415797.jpg"},
name: "James Chen",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-talking-phone_23-2148415797.jpg",
},
{ {
id: "t3", id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-thoughtfully-looking-away-by-window-modern-self-service-laundry-night_574295-2573.jpg"},
name: "Elena Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-thoughtfully-looking-away-by-window-modern-self-service-laundry-night_574295-2573.jpg",
},
{ {
id: "t4", id: "t4", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/three-senior-friends-talking-restaurant-while-cheering-with-drinks_23-2149316755.jpg"},
name: "Marcus Thorne",
imageSrc: "http://img.b2bpic.net/free-photo/three-senior-friends-talking-restaurant-while-cheering-with-drinks_23-2149316755.jpg",
},
{ {
id: "t5", id: "t5", name: "Chloe Bennett", imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211470.jpg"},
name: "Chloe Bennett",
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211470.jpg",
},
]} ]}
cardTitle="Guest Impressions" cardTitle="Guest Impressions"
cardTag="Testimonials" cardTag="Testimonials"
@@ -246,20 +169,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Is McDelivery available near me?", content: "You can check availability through the app by switching to the delivery tab and entering your address."},
title: "Is McDelivery available near me?",
content: "You can check availability through the app by switching to the delivery tab and entering your address.",
},
{ {
id: "f2", id: "f2", title: "How does curbside pickup work?", content: "Use the McDonald's app to order and select curbside; we'll bring it directly to your vehicle."},
title: "How does curbside pickup work?",
content: "Use the McDonald's app to order and select curbside; we'll bring it directly to your vehicle.",
},
{ {
id: "f3", id: "f3", title: "Can I earn rewards?", content: "Yes, join MyMcDonald's Rewards in the app to earn points on every order."},
title: "Can I earn rewards?",
content: "Yes, join MyMcDonald's Rewards in the app to earn points on every order.",
},
]} ]}
sideTitle="Questions Answered" sideTitle="Questions Answered"
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
@@ -270,8 +184,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Stay Connected" tag="Stay Connected"
title="Join the Elite List" title="Join the Elite List"
description="Sign up for exclusive offers and updates delivered directly to your inbox." description="Sign up for exclusive offers and updates delivered directly to your inbox."
@@ -285,38 +198,25 @@ export default function LandingPage() {
logoText="McDonald's" logoText="McDonald's"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Delivery", label: "Delivery", href: "#"},
href: "#",
},
{ {
label: "App", label: "App", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Careers", title: "Careers", items: [
items: [
{ {
label: "Work at McDonald's", label: "Work at McDonald's", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}