"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>
  );
}
