Merge version_1 into main #2
@@ -28,33 +28,19 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "/menu"},
|
||||||
id: "/menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Deals",
|
name: "Deals", id: "/deals"},
|
||||||
id: "/deals",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Rewards",
|
name: "Rewards", id: "/rewards"},
|
||||||
id: "/rewards",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Locations",
|
name: "Locations", id: "/locations"},
|
||||||
id: "/locations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "App",
|
name: "App", id: "/app"},
|
||||||
id: "/app",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "/about"},
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="McDonald's"
|
brandName="McDonald's"
|
||||||
/>
|
/>
|
||||||
@@ -63,70 +49,41 @@ export default function LandingPage() {
|
|||||||
<div id="app-hero" data-section="app-hero">
|
<div id="app-hero" data-section="app-hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Your Favorites, Made Easier."
|
title="Your Favorites, Made Easier."
|
||||||
description="Download the MyMcDonald's App for exclusive deals, fast ordering, and rewards. Everything you love, in one place."
|
description="Download the MyMcDonald's App for exclusive deals, fast ordering, and rewards. Everything you love, in one place."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg", alt: "User with phone"},
|
||||||
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",
|
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"},
|
||||||
alt: "Woman using app",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling-yellow-background_23-2148356539.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling-yellow-background_23-2148356539.jpg", alt: "Child playing on tablet"},
|
||||||
alt: "Child playing on tablet",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/ginger-woman-clean-urban-environment_23-2149011396.jpg",
|
src: "http://img.b2bpic.net/free-photo/ginger-woman-clean-urban-environment_23-2149011396.jpg", alt: "Man using phone"},
|
||||||
alt: "Man using phone",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", alt: "Medium shot man eating salmon bowl"},
|
||||||
alt: "Medium shot man eating salmon bowl",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Millions love our app!"
|
avatarText="Millions love our app!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Download on the App Store",
|
text: "Download on the App Store", href: "https://apps.apple.com/us/app/mcdonalds/id1044486113"},
|
||||||
href: "https://apps.apple.com/us/app/mcdonalds/id1044486113",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get it on Google Play",
|
text: "Get it on Google Play", href: "https://play.google.com/store/apps/details?id=com.mcdonalds.app"},
|
||||||
href: "https://play.google.com/store/apps/details?id=com.mcdonalds.app",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
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={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Order Ahead", icon: Smartphone,
|
||||||
text: "Order Ahead",
|
|
||||||
icon: Smartphone,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg", alt: "Close-up delicious cheeseburger "},
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg",
|
|
||||||
alt: "Close-up delicious cheeseburger ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Earn Free Food"},
|
||||||
text: "Earn Free Food",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
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."},
|
||||||
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",
|
type: "text-icon", text: "Personalized Offers", icon: Gift,
|
||||||
text: "Personalized Offers",
|
|
||||||
icon: Gift,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -139,26 +96,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "app-feature-1",
|
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"},
|
||||||
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",
|
id: "app-feature-2", title: "Exclusive Deals", subtitle: "Access personalized offers and deals available only to app users.", category: "Savings", value: "Unlock More"},
|
||||||
title: "Exclusive Deals",
|
|
||||||
subtitle: "Access personalized offers and deals available only to app users.",
|
|
||||||
category: "Savings",
|
|
||||||
value: "Unlock More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "app-feature-3",
|
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: "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"
|
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."
|
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"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"TechCrunch",
|
"TechCrunch", "Forbes", "App Store Editors", "Google Play Editors", "CNET", "The Verge", "Pocket-lint"]}
|
||||||
"Forbes",
|
|
||||||
"App Store Editors",
|
|
||||||
"Google Play Editors",
|
|
||||||
"CNET",
|
|
||||||
"The Verge",
|
|
||||||
"Pocket-lint",
|
|
||||||
]}
|
|
||||||
title="Loved by Millions"
|
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!"
|
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">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<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"
|
imageAlt="Happy family eating McDonald's food"
|
||||||
logoSrc="http://img.b2bpic.net/free-photo/view-3d-delicious-looking-burger_23-2150914669.jpg"
|
logoSrc="http://img.b2bpic.net/free-photo/view-3d-delicious-looking-burger_23-2150914669.jpg"
|
||||||
logoAlt="McDonald's Golden Arches Logo"
|
logoAlt="McDonald's Golden Arches Logo"
|
||||||
logoText="McDonald's"
|
logoText="McDonald's"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Menu",
|
title: "Menu", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "All Products",
|
label: "All Products", href: "/menu"},
|
||||||
href: "/menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Deals",
|
label: "Deals", href: "/deals"},
|
||||||
href: "/deals",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Nutrition",
|
label: "Nutrition", href: "/menu#nutrition"},
|
||||||
href: "/menu#nutrition",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "About Us",
|
title: "About Us", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Our Story",
|
label: "Our Story", href: "/about#our-story"},
|
||||||
href: "/about#our-story",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "/about#careers"},
|
||||||
href: "/about#careers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Sustainability",
|
label: "Sustainability", href: "/about"},
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Get The App",
|
title: "Get The App", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "MyMcDonald's Rewards",
|
label: "MyMcDonald's Rewards", href: "/rewards"},
|
||||||
href: "/rewards",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Download Now",
|
label: "Download Now", href: "/app"},
|
||||||
href: "/app",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Find a Restaurant",
|
label: "Find a Restaurant", href: "/locations"},
|
||||||
href: "/locations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Customer Service",
|
label: "Customer Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Feedback",
|
label: "Feedback", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user