Update src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Sparkles, Users, Smartphone, Lightbulb } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Promotions",
|
||||
id: "#promotions",
|
||||
},
|
||||
name: "Promotions", id: "#promotions"},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "#locations",
|
||||
},
|
||||
name: "Locations", id: "#locations"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Order Now",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Order Now", id: "#contact"},
|
||||
]}
|
||||
brandName="McDonald's"
|
||||
/>
|
||||
@@ -65,39 +54,23 @@ export default function LandingPage() {
|
||||
description="Your Favorite Meals, Faster. Experience the Taste of Happiness!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
{
|
||||
text: "Find Locations",
|
||||
href: "#locations",
|
||||
},
|
||||
text: "Find Locations", href: "#locations"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-french-fries_141793-16653.jpg",
|
||||
imageAlt: "Big Mac Combo Meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-french-fries_141793-16653.jpg", imageAlt: "Big Mac Combo Meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-circular-frame-with-delicious-fast-food_23-2148308815.jpg",
|
||||
imageAlt: "Crispy French Fries",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-circular-frame-with-delicious-fast-food_23-2148308815.jpg", imageAlt: "Crispy French Fries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-burger-meal_23-2151433335.jpg",
|
||||
imageAlt: "Refreshing McFlurry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-burger-meal_23-2151433335.jpg", imageAlt: "Refreshing McFlurry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-milkshakes-with-straws-strawberries_23-2148371181.jpg",
|
||||
imageAlt: "Classic Cheeseburger",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-milkshakes-with-straws-strawberries_23-2148371181.jpg", imageAlt: "Classic Cheeseburger"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-coffee-cup-with-saucer-desk_23-2148209242.jpg",
|
||||
imageAlt: "Delicious Chicken McNuggets",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-coffee-cup-with-saucer-desk_23-2148209242.jpg", imageAlt: "Delicious Chicken McNuggets"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049651.jpg",
|
||||
imageAlt: "Mouth-watering Quarter Pounder",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049651.jpg", imageAlt: "Mouth-watering Quarter Pounder"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -112,47 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "big-mac",
|
||||
name: "Big Mac",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger_1203-3513.jpg",
|
||||
imageAlt: "Big Mac",
|
||||
},
|
||||
id: "big-mac", name: "Big Mac", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/hamburger_1203-3513.jpg", imageAlt: "Big Mac"},
|
||||
{
|
||||
id: "fries",
|
||||
name: "World Famous Fries",
|
||||
price: "$2.79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-fried-potatoes-tasty-french-fries-inside-plate-dark-surface-food-meal-dinner-dish-ingredients-potato_140725-52672.jpg",
|
||||
imageAlt: "French Fries",
|
||||
},
|
||||
id: "fries", name: "World Famous Fries", price: "$2.79", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-fried-potatoes-tasty-french-fries-inside-plate-dark-surface-food-meal-dinner-dish-ingredients-potato_140725-52672.jpg", imageAlt: "French Fries"},
|
||||
{
|
||||
id: "mcnuggets",
|
||||
name: "Chicken McNuggets",
|
||||
price: "$4.89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-sauces-nuggets_114579-19756.jpg",
|
||||
imageAlt: "Chicken McNuggets",
|
||||
},
|
||||
id: "mcnuggets", name: "Chicken McNuggets", price: "$4.89", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-sauces-nuggets_114579-19756.jpg", imageAlt: "Chicken McNuggets"},
|
||||
{
|
||||
id: "quarter-pounder",
|
||||
name: "Quarter Pounder with Cheese",
|
||||
price: "$6.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637346.jpg",
|
||||
imageAlt: "Quarter Pounder with Cheese",
|
||||
},
|
||||
id: "quarter-pounder", name: "Quarter Pounder with Cheese", price: "$6.49", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637346.jpg", imageAlt: "Quarter Pounder with Cheese"},
|
||||
{
|
||||
id: "mcflurry",
|
||||
name: "McFlurry with OREO",
|
||||
price: "$3.29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-vanilla-milky-shake-with-pretzels-white-saucer_114579-10044.jpg",
|
||||
imageAlt: "McFlurry",
|
||||
},
|
||||
id: "mcflurry", name: "McFlurry with OREO", price: "$3.29", imageSrc: "http://img.b2bpic.net/free-photo/creamy-vanilla-milky-shake-with-pretzels-white-saucer_114579-10044.jpg", imageAlt: "McFlurry"},
|
||||
{
|
||||
id: "fillet-o-fish",
|
||||
name: "Filet-O-Fish",
|
||||
price: "$4.59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-pork-hamburger_1339-7666.jpg",
|
||||
imageAlt: "Filet-O-Fish",
|
||||
},
|
||||
id: "fillet-o-fish", name: "Filet-O-Fish", price: "$4.59", imageSrc: "http://img.b2bpic.net/free-photo/cheese-pork-hamburger_1339-7666.jpg", imageAlt: "Filet-O-Fish"},
|
||||
]}
|
||||
title="Our Delicious Menu Favorites"
|
||||
description="Taste the iconic flavors you love, crafted for your satisfaction, fresh every time."
|
||||
@@ -165,32 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "$5 Meal Deals",
|
||||
description: "Enjoy a delicious meal for less with our rotating $5 deals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fast-food-still-life_23-2149281346.jpg",
|
||||
imageAlt: "Meal Deal Promotion",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "$5 Meal Deals", description: "Enjoy a delicious meal for less with our rotating $5 deals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fast-food-still-life_23-2149281346.jpg", imageAlt: "Meal Deal Promotion", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Family Bundles",
|
||||
description: "Perfect for sharing! Get more for your family with our special bundles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-enjoying-burgers-restaurant_23-2152021201.jpg",
|
||||
imageAlt: "Family Meal Promotion",
|
||||
buttonIcon: "Users",
|
||||
title: "Family Bundles", description: "Perfect for sharing! Get more for your family with our special bundles.", imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-enjoying-burgers-restaurant_23-2152021201.jpg", imageAlt: "Family Meal Promotion", buttonIcon: Users,
|
||||
},
|
||||
{
|
||||
title: "App Exclusives",
|
||||
description: "Download the McDonald's app for access to unique offers and rewards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-brown-delivery-coffee-cups-taking-photo-them-pink-wall_140725-45587.jpg",
|
||||
imageAlt: "McDonald's App Promotion",
|
||||
buttonIcon: "Smartphone",
|
||||
title: "App Exclusives", description: "Download the McDonald's app for access to unique offers and rewards.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-brown-delivery-coffee-cups-taking-photo-them-pink-wall_140725-45587.jpg", imageAlt: "McDonald's App Promotion", buttonIcon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "New Item Alerts",
|
||||
description: "Be the first to know about our exciting new menu additions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-empty-little-delivery-food-package-trying-hear-light-pink-wall-service-delivery-uniform_140725-43065.jpg",
|
||||
imageAlt: "New Menu Item",
|
||||
buttonIcon: "Lightbulb",
|
||||
title: "New Item Alerts", description: "Be the first to know about our exciting new menu additions.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-empty-little-delivery-food-package-trying-hear-light-pink-wall-service-delivery-uniform_140725-43065.jpg", imageAlt: "New Menu Item", buttonIcon: Lightbulb,
|
||||
},
|
||||
]}
|
||||
title="Unlock Exclusive Deals & Offers"
|
||||
@@ -203,14 +130,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Families",
|
||||
"Friends",
|
||||
"Students",
|
||||
"Commuters",
|
||||
"Travelers",
|
||||
"Foodies",
|
||||
"Locals",
|
||||
]}
|
||||
"Families", "Friends", "Students", "Commuters", "Travelers", "Foodies", "Locals"]}
|
||||
title="Millions of Happy Customers Served Daily"
|
||||
description="Join the global family enjoying delicious moments at McDonald's – a trusted favorite for generations."
|
||||
speed={40}
|
||||
@@ -224,34 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "locations-count",
|
||||
value: "68M+",
|
||||
title: "Customers Served Daily",
|
||||
items: [
|
||||
"Global Presence",
|
||||
"Easy Access",
|
||||
"Always Open",
|
||||
],
|
||||
id: "locations-count", value: "68M+", title: "Customers Served Daily", items: [
|
||||
"Global Presence", "Easy Access", "Always Open"],
|
||||
},
|
||||
{
|
||||
id: "business-hours",
|
||||
value: "24/7",
|
||||
title: "Drive-Thru & Dine-In",
|
||||
items: [
|
||||
"Early Morning",
|
||||
"Late Night",
|
||||
"Flexible Hours",
|
||||
],
|
||||
id: "business-hours", value: "24/7", title: "Drive-Thru & Dine-In", items: [
|
||||
"Early Morning", "Late Night", "Flexible Hours"],
|
||||
},
|
||||
{
|
||||
id: "order-speed",
|
||||
value: "90 Sec",
|
||||
title: "Average Order Time",
|
||||
items: [
|
||||
"Quick Service",
|
||||
"Freshly Made",
|
||||
"Efficient Process",
|
||||
],
|
||||
id: "order-speed", value: "90 Sec", title: "Average Order Time", items: [
|
||||
"Quick Service", "Freshly Made", "Efficient Process"],
|
||||
},
|
||||
]}
|
||||
title="Convenience at Your Fingertips"
|
||||
@@ -267,25 +169,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-speaking-phone-park-alley_23-2147779749.jpg",
|
||||
alt: "Customer Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-speaking-phone-park-alley_23-2147779749.jpg", alt: "Customer Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
|
||||
alt: "Customer Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "Customer Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-person-enjoying-meal_23-2151525811.jpg",
|
||||
alt: "Customer Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-person-enjoying-meal_23-2151525811.jpg", alt: "Customer Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-vital-old-man-living-room_329181-14668.jpg",
|
||||
alt: "Customer David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-vital-old-man-living-room_329181-14668.jpg", alt: "Customer David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freedom-concept-with-woman-holding-cloth-nature_23-2148170215.jpg",
|
||||
alt: "Customer Maria Garcia",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/freedom-concept-with-woman-holding-cloth-nature_23-2148170215.jpg", alt: "Customer Maria Garcia"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -296,8 +188,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Ready to Order?"
|
||||
description="Download our app for easy mobile ordering, exclusive deals, and McCafé® rewards. Or find your nearest restaurant for a quick bite!"
|
||||
@@ -314,79 +205,47 @@ export default function LandingPage() {
|
||||
logoText="McDonald's"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Burgers",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Burgers", href: "#menu"},
|
||||
{
|
||||
label: "Fries & Sides",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Fries & Sides", href: "#menu"},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Drinks", href: "#menu"},
|
||||
{
|
||||
label: "Desserts",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Desserts", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Values",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Values", href: "#about"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Community", href: "#social-proof"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Feedback",
|
||||
href: "#",
|
||||
},
|
||||
label: "Feedback", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user