"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Star, Heart, Twitter, Facebook, Instagram } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="radialGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="QuickBite"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "products" },
            { name: "How It Works", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Order Now",            href: "#pricing"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Food Delivered in 10 Minutes"
          description="Your favorite meals, snacks, and beverages delivered to your doorstep in just 10 minutes. Quick, reliable, and delicious."
          tag="Lightning Fast"
          tagIcon={Zap}
          buttons={[
            { text: "Download App", href: "#pricing" },
            { text: "Browse Menu", href: "#products" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://img.b2bpic.net/free-photo/man-preparing-takeaway-food-delivery_23-2149025796.jpg",              imageAlt: "Food delivery service"
            },
            {
              id: "carousel-2",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg",              imageAlt: "Delicious burger meal"
            },
            {
              id: "carousel-3",              imageSrc: "https://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894072.jpg",              imageAlt: "Fresh pizza delivery"
            },
            {
              id: "carousel-4",              imageSrc: "https://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419410.jpg",              imageAlt: "Asian sushi selection"
            },
            {
              id: "carousel-5",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-holding-pizza-boxes-holding-out-food-container-isolated-yellow-wall_141793-83667.jpg",              imageAlt: "Healthy salad option"
            },
            {
              id: "carousel-6",              imageSrc: "https://img.b2bpic.net/free-photo/man-preparing-takeaway-food-delivery_23-2149025799.jpg",              imageAlt: "Sweet dessert treats"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardTwo
          title="Fresh & Tasty Menu"
          description="Curated selection of restaurant-quality food prepared and delivered fresh to your door"
          tag="Popular Items"
          tagIcon={Star}
          products={[
            {
              id: "1",              brand: "QuickBite Premium",              name: "Gourmet Burger Combo",              price: "$12.99",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg",              imageAlt: "Gourmet burger combo"
            },
            {
              id: "2",              brand: "QuickBite Premium",              name: "Authentic Wood-Fired Pizza",              price: "$14.99",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894072.jpg",              imageAlt: "Wood-fired pizza"
            },
            {
              id: "3",              brand: "QuickBite Premium",              name: "Signature Sushi Platter",              price: "$16.99",              rating: 5,
              reviewCount: "1.5k",              imageSrc: "https://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419410.jpg",              imageAlt: "Sushi platter"
            },
            {
              id: "4",              brand: "QuickBite Fresh",              name: "Organic Garden Salad",              price: "$9.99",              rating: 5,
              reviewCount: "892",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-holding-pizza-boxes-holding-out-food-container-isolated-yellow-wall_141793-83667.jpg",              imageAlt: "Fresh garden salad"
            },
            {
              id: "5",              brand: "QuickBite Treats",              name: "Chocolate Lava Cake",              price: "$6.99",              rating: 5,
              reviewCount: "3.1k",              imageSrc: "https://img.b2bpic.net/free-photo/man-preparing-takeaway-food-delivery_23-2149025799.jpg",              imageAlt: "Chocolate lava cake"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardMedia
          title="How QuickBite Works"
          description="Get restaurant-quality food in just 3 simple steps"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Browse & Order",              description: "Explore hundreds of restaurants and menu items. Place your order with just a few taps.",              tag: "Step 1",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg",              imageAlt: "Browse menu interface"
            },
            {
              id: "2",              title: "Real-Time Tracking",              description: "Track your delivery in real-time. Know exactly when your food arrives at your doorstep.",              tag: "Step 2",              imageSrc: "https://img.b2bpic.net/free-vector/logistic-service-isometric-infographic-with-nine-steps-from-online-order-goods-receiving-sorting-storage-transportation-delivery_1284-28289.jpg",              imageAlt: "Delivery tracking system"
            },
            {
              id: "3",              title: "Enjoy Fresh Food",              description: "Receive your meal hot and fresh in 10 minutes. Guaranteed quality with every order.",              tag: "Step 3",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-man-woman-outdoors-with-takeaway-food_23-2149025871.jpg",              imageAlt: "Enjoy fresh delivered food"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Thousands"
          description="See what our satisfied customers are saying about QuickBite"
          tag="Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Marketing Manager",              testimonial: "The fastest delivery service I've ever used! 10 minutes and my food arrived piping hot. Absolutely worth it for busy weekdays.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Software Engineer",              testimonial: "QuickBite has become my go-to for lunch. Reliable, quick, and the food quality is exceptional. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Jessica Thompson",              role: "Student",              testimonial: "Finally a delivery service that actually delivers fast! Perfect for late-night study sessions and quick meals between classes.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",              imageAlt: "Jessica Thompson"
            },
            {
              id: "4",              name: "David Park",              role: "Fitness Instructor",              testimonial: "Great healthy options available and delivered quickly. I use QuickBite for my post-workout meals all the time.",              imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Simple, Transparent Pricing"
          description="Choose the plan that works best for your lifestyle"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "basic",              title: "Quick Bite",              price: "Free",              period: "Per Order",              features: [
                "10-minute delivery",                "Standard restaurants",                "Order tracking",                "24/7 customer support"
              ],
              button: {
                text: "Get Started",                href: "#contact"
              },
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-holding-pizza-boxes-holding-out-food-container-isolated-yellow-wall_141793-83667.jpg",              imageAlt: "Quick Bite plan"
            },
            {
              id: "pro",              title: "QuickBite Plus",              price: "$4.99",              period: "/month",              features: [
                "Free delivery on all orders",                "Priority service (8 min)",                "Exclusive restaurant access",                "Loyalty points 2x",                "Premium support"
              ],
              button: {
                text: "Subscribe Now",                href: "#contact"
              },
              imageSrc: "https://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894072.jpg",              imageAlt: "QuickBite Plus plan"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about QuickBite delivery service"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-vector/logistic-service-isometric-infographic-with-nine-steps-from-online-order-goods-receiving-sorting-storage-transportation-delivery_1284-28289.jpg"
          imageAlt="Delivery process illustration"
          faqs={[
            {
              id: "1",              title: "How does QuickBite deliver food in 10 minutes?",              content: "We partner with restaurants located in delivery zones optimized for speed. Our intelligent routing system and dedicated delivery partners ensure minimal wait times and maximum freshness."
            },
            {
              id: "2",              title: "Is my food guaranteed to be fresh?",              content: "Absolutely! We pack all orders in insulated containers to maintain temperature. If your order doesn't meet our quality standards, we offer a full refund or replacement."
            },
            {
              id: "3",              title: "What areas do you deliver to?",              content: "We currently operate in major urban centers with coverage expanding weekly. Check the app to see if your address is in our delivery zone."
            },
            {
              id: "4",              title: "Can I schedule orders in advance?",              content: "Yes! You can schedule orders up to 7 days in advance. Perfect for planning ahead for meals or special occasions."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, digital wallets, and cash on delivery in select locations."
            },
            {
              id: "6",              title: "How do I track my order?",              content: "Real-time tracking is available in the app from the moment your order is confirmed. You'll receive push notifications at each milestone."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Get Exclusive Offers & Updates"
          description="Subscribe to our newsletter for daily deals, new restaurant partnerships, and exclusive discounts on your favorite meals."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/front-view-man-woman-outdoors-with-takeaway-food_23-2149025871.jpg"
          imageAlt="Food celebration"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We'll send you offers and updates from QuickBite. Unsubscribe anytime."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="QuickBite"
          copyrightText="© 2025 QuickBite. Your 10-Minute Food Delivery Solution."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com/quickbite",              ariaLabel: "Follow QuickBite on Twitter"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/quickbite",              ariaLabel: "Follow QuickBite on Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/quickbite",              ariaLabel: "Follow QuickBite on Instagram"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}