"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Flame, MapPin, Clock, Star, Zap, Truck, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Wild Burger"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Order Now", href: "https://www.ubereats.com" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="The Wildest Burgers in Nantes."
          description="Smash burgers. Naan burgers. Riz Box. Fresh. Fast. Wild."
          tag="4.8★ Open until 02:00"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Order Now", href: "https://www.ubereats.com" },
            { text: "View Menu", href: "#menu" },
          ]}
          dashboard={{
            title: "Wild Burger Nantes",            logoIcon: Flame,
            imageSrc: "http://img.b2bpic.net/free-photo/burger-black-bun-with-fried-egg-potatoes_114579-3435.jpg",            sidebarItems: [
              { icon: MapPin, active: true },
              { icon: Clock },
              { icon: Star },
            ],
            buttons: [
              { text: "Order Direct", href: "#order" },
              { text: "Call: +33 2 12 34 56 78", href: "tel:+33212345678" },
            ],
            stats: [
              { title: "Rating", values: ["4.8", "4.8", "4.8"], description: "Google Reviews" },
              { title: "Open Until", values: ["02:00", "02:00", "02:00"], description: "Tonight" },
              { title: "Location", values: ["Nantes", "Nantes", "Nantes"], description: "8 Allée Maison Rouge" },
            ],
            chartTitle: "Staking Rewards",            chartData: [
              { value: 50 },
              { value: 30 },
              { value: 70 },
              { value: 40 },
              { value: 90 },
            ],
            listTitle: "Why Customers Love Us",            listItems: [
              { icon: Zap, title: "Fresh Grilled Daily", status: "150g Premium Steak" },
              { icon: Flame, title: "Homemade Sauces", status: "Signature Recipes" },
              { icon: Truck, title: "Fast Service", status: "10 min avg" },
            ],
            searchPlaceholder: "Search menu..."}}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Signature Menu"
          description="Our best sellers. Bold flavors. Maximum satisfaction."
          tag="Featured"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            { id: "1", name: "Double Cheese", price: "€12.50", imageSrc: "http://img.b2bpic.net/free-photo/mouth-watering-double-cheeseburger-with-melted-cheese_84443-73646.jpg", imageAlt: "Double Cheese" },
            { id: "2", name: "Le Fumé", price: "€13.00", imageSrc: "http://img.b2bpic.net/free-psd/delicious-burger-food-menu-web-banner-template_120329-1758.jpg", imageAlt: "Le Fumé" },
            { id: "3", name: "Le Végé", price: "€11.50", imageSrc: "http://img.b2bpic.net/free-photo/tofu-burger-with-vegetables-plate_1220-7121.jpg", imageAlt: "Le Végé" },
            { id: "4", name: "Le Pané", price: "€13.50", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-mayonnaise-sauce-it_188544-15976.jpg", imageAlt: "Le Pané" },
            { id: "5", name: "Chèvre Miel", price: "€12.00", imageSrc: "http://img.b2bpic.net/free-photo/fancy-cuisine-with-yummy-hamburger_23-2148374860.jpg", imageAlt: "Chèvre Miel" },
            { id: "6", name: "Riz Box Crousty", price: "€11.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-takeaway-food_23-2149025804.jpg", imageAlt: "Riz Box Crousty" },
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardMedia
          title="Why Choose Wild Burger"
          description="We don't just make burgers. We make experience."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          features={[
            { id: "1", title: "150g Fresh Grilled Steak", description: "Premium quality meat grilled fresh to order. No shortcuts.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/mouth-watering-double-cheeseburger-with-melted-cheese_84443-73646.jpg", imageAlt: "Fresh Grilled Steak" },
            { id: "2", title: "Homemade Sauces", description: "Every sauce crafted in-house. Bold, unique, unmistakable.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-psd/delicious-burger-food-menu-web-banner-template_120329-1758.jpg", imageAlt: "Homemade Sauces" },
            { id: "3", title: "Fast Service", description: "Your order ready in 10 minutes. No waiting around.", tag: "Quick", imageSrc: "http://img.b2bpic.net/free-photo/tofu-burger-with-vegetables-plate_1220-7121.jpg", imageAlt: "Fast Service" },
            { id: "4", title: "Open Late in Nantes", description: "Until 02:00. Perfect for late-night cravings after the clubs.", tag: "Late Night", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-mayonnaise-sauce-it_188544-15976.jpg", imageAlt: "Open Late" },
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSix
          title="Loved by Nantes Locals"
          description="Real reviews from real customers. Wild Burger is a Nantes institution."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            { id: "1", name: "Sarah Martinez", handle: "@sarahm_nantes", testimonial: "Hands down the best burger I've ever had in Nantes. The Double Cheese is insane!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Martinez" },
            { id: "2", name: "Luc Dubois", handle: "@lucmade_", testimonial: "Fast, fresh, and absolutely wild. Open late on weekends is a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Luc Dubois" },
            { id: "3", name: "Marie Sophie", handle: "@sophielovesood", testimonial: "The Chèvre Miel is perfection. Been ordering from here for 6 months straight.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marie Sophie" },
            { id: "4", name: "Antoine Laurent", handle: "@antoinelaurent", testimonial: "Finally, a burger spot that respects quality. Every bite counts. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Antoine Laurent" },
            { id: "5", name: "Emma Rousseau", handle: "@emmaeatswell", testimonial: "The homemade sauces are next level. This is what street food should be.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Emma Rousseau" },
            { id: "6", name: "Tom Bernard", handle: "@tombernard91", testimonial: "Grabbing a burger here before hitting the clubs. Best pre-night decision ever.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Tom Bernard" },
          ]}
        />
      </div>

      <div id="order" data-section="order">
        <ContactText
          text="Hungry? Order in 2 clicks. Open until 02:00 tonight."
          animationType="background-highlight"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Order Direct", href: "https://www.ubereats.com" },
            { text: "Call Now", href: "tel:+33212345678" },
          ]}
        />
      </div>

      <div id="location" data-section="location">
        <SplitAbout
          title="Find Us"
          description="Located in the heart of Nantes. Easy to find, hard to forget."
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          imagePosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/burger-black-bun-with-fried-egg-potatoes_114579-3435.jpg"
          imageAlt="Wild Burger Location"
          bulletPoints={[
            { title: "8 Allée de la Maison Rouge", description: "44000 Nantes, France", icon: MapPin },
            { title: "Open Daily", description: "11:00 - 02:00 (Fri-Sat until 03:00)", icon: Clock },
            { title: "Call Ahead", description: "+33 2 12 34 56 78", icon: Phone },
            { title: "Serving Nantes", description: "Delivery & Pickup available", icon: Truck },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/burger-black-bun-with-fried-egg-potatoes_114579-3435.jpg"
          imageAlt="Wild Burger Nantes"
          logoText="Wild Burger"
          copyrightText="© 2025 Wild Burger. Unleash Your Appetite."
          columns={[
            {
              title: "Order",              items: [
                { label: "Uber Eats", href: "https://www.ubereats.com" },
                { label: "Direct Order", href: "#order" },
                { label: "Menu", href: "#menu" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Call: +33 2 12 34 56 78", href: "tel:+33212345678" },
                { label: "Location", href: "#location" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact Us", href: "#contact" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
