Update src/app/page.tsx
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user