Update src/app/page.tsx

This commit is contained in:
2026-05-10 17:46:03 +00:00
parent 5c3ac970b7
commit 25364fc944

View File

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