Merge version_1 into main #2
@@ -28,33 +28,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "/deals",
|
||||
},
|
||||
name: "Deals", id: "/deals"},
|
||||
{
|
||||
name: "Rewards",
|
||||
id: "/rewards",
|
||||
},
|
||||
name: "Rewards", id: "/rewards"},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "/locations",
|
||||
},
|
||||
name: "Locations", id: "/locations"},
|
||||
{
|
||||
name: "App",
|
||||
id: "/app",
|
||||
},
|
||||
name: "App", id: "/app"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
]}
|
||||
brandName="McDonald's"
|
||||
/>
|
||||
@@ -63,70 +49,41 @@ export default function LandingPage() {
|
||||
<div id="app-hero" data-section="app-hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Favorites, Made Easier."
|
||||
description="Download the MyMcDonald's App for exclusive deals, fast ordering, and rewards. Everything you love, in one place."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
|
||||
alt: "User with phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg", alt: "User with phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-lifestyle-indoor-portrait-pretty-blonde-woman-posing-restaurant-eating-tasty-cake-showing-something-by-her-finger-cute-girly-interior-cheerful-emotions_291049-2284.jpg",
|
||||
alt: "Woman using app",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-lifestyle-indoor-portrait-pretty-blonde-woman-posing-restaurant-eating-tasty-cake-showing-something-by-her-finger-cute-girly-interior-cheerful-emotions_291049-2284.jpg", alt: "Woman using app"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling-yellow-background_23-2148356539.jpg",
|
||||
alt: "Child playing on tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling-yellow-background_23-2148356539.jpg", alt: "Child playing on tablet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ginger-woman-clean-urban-environment_23-2149011396.jpg",
|
||||
alt: "Man using phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ginger-woman-clean-urban-environment_23-2149011396.jpg", alt: "Man using phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
|
||||
alt: "Medium shot man eating salmon bowl",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", alt: "Medium shot man eating salmon bowl"},
|
||||
]}
|
||||
avatarText="Millions love our app!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Download on the App Store",
|
||||
href: "https://apps.apple.com/us/app/mcdonalds/id1044486113",
|
||||
},
|
||||
text: "Download on the App Store", href: "https://apps.apple.com/us/app/mcdonalds/id1044486113"},
|
||||
{
|
||||
text: "Get it on Google Play",
|
||||
href: "https://play.google.com/store/apps/details?id=com.mcdonalds.app",
|
||||
},
|
||||
text: "Get it on Google Play", href: "https://play.google.com/store/apps/details?id=com.mcdonalds.app"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-handsome-man-isolated_273609-36341.jpg"
|
||||
imageAlt="McDonald's App interface"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Order Ahead",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Order Ahead", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg",
|
||||
alt: "Close-up delicious cheeseburger ",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg", alt: "Close-up delicious cheeseburger "},
|
||||
{
|
||||
type: "text",
|
||||
text: "Earn Free Food",
|
||||
},
|
||||
type: "text", text: "Earn Free Food"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg",
|
||||
alt: "Burger with meat and avocado sauce served on wooden table. Closeup.",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg", alt: "Burger with meat and avocado sauce served on wooden table. Closeup."},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Personalized Offers",
|
||||
icon: Gift,
|
||||
type: "text-icon", text: "Personalized Offers", icon: Gift,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,26 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "app-feature-1",
|
||||
title: "Mobile Ordering & Pay",
|
||||
subtitle: "Order your favorites ahead of time and pay securely through the app.",
|
||||
category: "Convenience",
|
||||
value: "Skip the Line",
|
||||
},
|
||||
id: "app-feature-1", title: "Mobile Ordering & Pay", subtitle: "Order your favorites ahead of time and pay securely through the app.", category: "Convenience", value: "Skip the Line"},
|
||||
{
|
||||
id: "app-feature-2",
|
||||
title: "Exclusive Deals",
|
||||
subtitle: "Access personalized offers and deals available only to app users.",
|
||||
category: "Savings",
|
||||
value: "Unlock More",
|
||||
},
|
||||
id: "app-feature-2", title: "Exclusive Deals", subtitle: "Access personalized offers and deals available only to app users.", category: "Savings", value: "Unlock More"},
|
||||
{
|
||||
id: "app-feature-3",
|
||||
title: "Earn & Redeem Rewards",
|
||||
subtitle: "Collect points on every order and redeem them for free McDonald's items.",
|
||||
category: "Loyalty",
|
||||
value: "Free Food",
|
||||
},
|
||||
id: "app-feature-3", title: "Earn & Redeem Rewards", subtitle: "Collect points on every order and redeem them for free McDonald's items.", category: "Loyalty", value: "Free Food"},
|
||||
]}
|
||||
title="App Features You'll Love"
|
||||
description="Experience convenience, savings, and personalized offers at your fingertips. The McDonald's App is designed to make your life easier."
|
||||
@@ -170,14 +112,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCrunch",
|
||||
"Forbes",
|
||||
"App Store Editors",
|
||||
"Google Play Editors",
|
||||
"CNET",
|
||||
"The Verge",
|
||||
"Pocket-lint",
|
||||
]}
|
||||
"TechCrunch", "Forbes", "App Store Editors", "Google Play Editors", "CNET", "The Verge", "Pocket-lint"]}
|
||||
title="Loved by Millions"
|
||||
description="Join a global community of app users enjoying exclusive benefits, faster service, and delicious rewards. See what the experts are saying!"
|
||||
/>
|
||||
@@ -185,74 +120,48 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adults-enjoying-food_23-2149303581.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adults-enjoying-food_23-2149303581.jpg"
|
||||
imageAlt="Happy family eating McDonald's food"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-3d-delicious-looking-burger_23-2150914669.jpg"
|
||||
logoAlt="McDonald's Golden Arches Logo"
|
||||
logoText="McDonald's"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "All Products", href: "/menu"},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "/deals",
|
||||
},
|
||||
label: "Deals", href: "/deals"},
|
||||
{
|
||||
label: "Nutrition",
|
||||
href: "/menu#nutrition",
|
||||
},
|
||||
label: "Nutrition", href: "/menu#nutrition"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about#our-story",
|
||||
},
|
||||
label: "Our Story", href: "/about#our-story"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/about#careers",
|
||||
},
|
||||
label: "Careers", href: "/about#careers"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Sustainability", href: "/about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Get The App",
|
||||
items: [
|
||||
title: "Get The App", items: [
|
||||
{
|
||||
label: "MyMcDonald's Rewards",
|
||||
href: "/rewards",
|
||||
},
|
||||
label: "MyMcDonald's Rewards", href: "/rewards"},
|
||||
{
|
||||
label: "Download Now",
|
||||
href: "/app",
|
||||
},
|
||||
label: "Download Now", href: "/app"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Find a Restaurant",
|
||||
href: "/locations",
|
||||
},
|
||||
label: "Find a Restaurant", href: "/locations"},
|
||||
{
|
||||
label: "Customer Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Customer Service", href: "#"},
|
||||
{
|
||||
label: "Feedback",
|
||||
href: "#",
|
||||
},
|
||||
label: "Feedback", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user