231 lines
12 KiB
TypeScript
231 lines
12 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Clock, Users, MapPin, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="McDonald's Quincy"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Order Now", id: "ordering" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Promotions", id: "promotions" }
|
|
]}
|
|
button={{
|
|
text: "Order Online", href: "https://www.mcdonalds.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="McDonald's"
|
|
description="Serving Quincy, IL with quality meals, friendly service, and family moments since 1955. Your neighborhood McDonald's is here for breakfast, lunch, dinner, and everything in between."
|
|
buttons={[
|
|
{
|
|
text: "Order Now", href: "https://www.mcdonalds.com/us/en-us/restaurant-locator.html"
|
|
},
|
|
{
|
|
text: "View Menu", href: "#menu"
|
|
}
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7497.jpg?_wi=1", imageAlt: "Fresh McDonald's burger"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-happy-friends-talking-while-eating-cafe_651396-1066.jpg?_wi=1", imageAlt: "McDonald's Quincy restaurant interior"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-burgers-coca-cola-french-fries-wooden-board_140725-6989.jpg?_wi=1", imageAlt: "McDonald's classic meal combo"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Your Local McDonald's in Quincy, IL - Serving the Community with Quality and Care"
|
|
metrics={[
|
|
{ icon: Clock, label: "Hours of Service", value: "5am-11pm" },
|
|
{ icon: Users, label: "Families Served", value: "50k+" },
|
|
{ icon: MapPin, label: "Location", value: "Quincy, IL" },
|
|
{ icon: Star, label: "Customer Rating", value: "4.7/5" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Featured Menu Items"
|
|
description="Explore our most popular and delicious menu items, freshly prepared daily for you and your family."
|
|
tag="Menu"
|
|
products={[
|
|
{
|
|
id: "1", name: "Big Mac", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-vector/black-background-with-funny-burger-character_23-2147628060.jpg", imageAlt: "Big Mac classic burger"
|
|
},
|
|
{
|
|
id: "2", name: "Chicken Nuggets (10pc)", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-with-french-fries-top-view_140725-1448.jpg", imageAlt: "Golden chicken nuggets"
|
|
},
|
|
{
|
|
id: "3", name: "Large Fries & Drink Combo", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-burgers-coca-cola-french-fries-wooden-board_140725-6989.jpg?_wi=2", imageAlt: "McDonald's combo meal"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="ordering" data-section="ordering">
|
|
<FeatureCardSix
|
|
title="Easy Ways to Order"
|
|
description="Choose how you'd like to enjoy McDonald's - online, mobile app, drive-thru, or in-store."
|
|
tag="Convenient"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Mobile App Ordering", description: "Download the McDonald's app and order ahead. Skip the line with mobile order pickup or delivery.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7497.jpg?_wi=2", imageAlt: "Mobile app ordering interface"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Drive-Thru Service", description: "Fast, convenient, and contactless. Drive up and get your order quickly without leaving your car.", imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-happy-friends-talking-while-eating-cafe_651396-1066.jpg?_wi=2", imageAlt: "McDonald's drive-thru window"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Delivery & Dine-In", description: "Order online for delivery or enjoy a meal in our comfortable dining area with family and friends.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-burgers-coca-cola-french-fries-wooden-board_140725-6989.jpg?_wi=3", imageAlt: "McDonald's dining experience"
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="promotions" data-section="promotions">
|
|
<MetricCardSeven
|
|
title="Weekly Promotions"
|
|
description="Check out our latest deals and specials exclusive to our Quincy location."
|
|
tag="Deals"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "$1", title: "Any Size Coffee", items: ["All day offer", "Hot or iced"]
|
|
},
|
|
{
|
|
id: "2", value: "Free", title: "Delivery Over $15", items: ["Valid through next month", "Download app to order"]
|
|
},
|
|
{
|
|
id: "3", value: "$5", title: "Lunch Combo Deals", items: ["Burger, fries, drink", "Available daily"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Customer Reviews"
|
|
description="See what families in Quincy love about their local McDonald's."
|
|
tag="Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Local Parent", testimonial: "McDonald's in Quincy is perfect for quick family meals. The staff is always friendly and the food is consistently great. We visit at least twice a week!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Quincy Resident", testimonial: "Love the mobile app ordering - I can grab my breakfast without waiting in line. The drive-thru team here is super efficient.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Community Member", testimonial: "Best McDonald's experience! Clean restaurant, hot food, and customer service that genuinely cares. Worth the visit every time.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Quincy Business Owner", testimonial: "Our team orders from here regularly for lunch meetings. Reliable, delicious, and the catering options are excellent for our needs.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our menu, catering services, or restaurant? We'd love to hear from you. Fill out the form or give us a call."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false },
|
|
{ name: "subject", type: "text", placeholder: "Subject", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your inquiry...", rows: 5, required: true }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-from-side-happy-friends-talking-while-eating-cafe_651396-1066.jpg?_wi=3"
|
|
imageAlt="McDonald's Quincy location"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "McDonald's", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Careers", href: "https://www.mcdonalds.com/us/en-us/careers.html" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (217) 223-3000", href: "tel:(217)223-3000" },
|
|
{ label: "Address: 123 Main St, Quincy, IL 62301", href: "https://maps.google.com/?q=McDonalds+Quincy+Illinois" },
|
|
{ label: "Hours: 5am-11pm Daily", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "https://www.mcdonalds.com/us/en-us/privacy.html" },
|
|
{ label: "Terms of Service", href: "https://www.mcdonalds.com/us/en-us/terms.html" },
|
|
{ label: "Accessibility", href: "https://www.mcdonalds.com/us/en-us/accessibility.html" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 McDonald's Quincy, IL. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|