"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Flame, Users, Award, Star, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="The Artisan Burger Co."
          navItems={[
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve a Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="The Artisan Burger Co."
          description="Handcrafted gourmet burgers made with premium beef, house-made sauces, and fresh ingredients. Experience burger perfection in every bite."
          imageSrc="https://img.b2bpic.net/free-photo/tasty-grilled-beef-burger-cutting-board_7502-9885.jpg"
          imageAlt="Premium gourmet burger showcase"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="Hero section showcasing premium burgers"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story"
          description="Founded in 2015, The Artisan Burger Co. has been perfecting the craft of burger making. We source the finest ingredients, grind our own beef daily, and create custom sauces that set us apart. Every burger is prepared with meticulous attention to detail."
          tag="Since 2015"
          tagIcon={Flame}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
          imageAlt="Our restaurant interior"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Premium Beef",              description: "Locally sourced, hand-selected beef ground fresh daily"
            },
            {
              title: "House-Made Sauces",              description: "Custom recipes developed over years of culinary expertise"
            },
            {
              title: "Fresh Ingredients",              description: "Organic vegetables and artisan toppings sourced from local farms"
            },
            {
              title: "Masterful Technique",              description: "Expert preparation and grilling to achieve perfect flavor"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Signature Collection"
          description="Our most beloved burgers, crafted to perfection with premium ingredients and innovative flavor combinations."
          tag="Featured Burgers"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "The Classic Artisan",              price: "$16.99",              variant: "Prime Beef, Aged Cheddar, Caramelized Onions",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg",              imageAlt: "The Classic Artisan burger",              isFavorited: false
            },
            {
              id: "2",              name: "The Truffle Luxe",              price: "$21.99",              variant: "Wagyu Beef, Black Truffle Aioli, Crispy Shallots",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-hand-pouring-sesame-seeds-beef-burger-with-salad-bacon_23-2148784492.jpg",              imageAlt: "The Truffle Luxe burger",              isFavorited: false
            },
            {
              id: "3",              name: "The Smoke House",              price: "$18.99",              variant: "Hickory-Smoked Beef, Applewood Bacon, BBQ Sauce",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-burger-table_23-2148678799.jpg",              imageAlt: "The Smoke House burger",              isFavorited: false
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "products" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Achievement"
          description="Recognized for excellence in culinary craftsmanship and customer satisfaction."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Customers",              value: "50,000+"
            },
            {
              id: "2",              icon: Award,
              title: "Awards Won",              value: "12"
            },
            {
              id: "3",              icon: Star,
              title: "Rating",              value: "4.9/5"
            },
            {
              id: "4",              icon: TrendingUp,
              title: "Years Crafting",              value: "9+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Experience the testimonials from satisfied customers who've discovered burger perfection at The Artisan Burger Co."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Michael Rodriguez",              role: "Food Critic",              testimonial: "The finest gourmet burgers I've experienced. Every element is perfected—from the beef quality to the artisan buns. This is burger excellence.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Restaurant Owner",              testimonial: "Consistently outstanding food and service. The attention to detail is remarkable. Highly recommended for any occasion.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "James Patterson",              role: "Executive Chef",              testimonial: "A masterclass in burger craftsmanship. The technique and ingredient selection demonstrate true culinary passion.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",              imageAlt: "James Patterson"
            },
            {
              id: "4",              name: "Emily Washington",              role: "Lifestyle Journalist",              testimonial: "Worth every penny. The premium quality is evident in every bite. This is the burger destination in the city.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",              imageAlt: "Emily Washington"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience burger perfection? Reserve your table today and join us for an unforgettable dining experience."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "Call Us", href: "contact" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
          imageAlt="The Artisan Burger Co. storefront"
          logoText="The Artisan Burger Co."
          copyrightText="© 2025 The Artisan Burger Co. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "products" },
                { label: "Hours", href: "contact" },
                { label: "Location", href: "contact" },
                { label: "Catering", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "contact" },
                { label: "Blog", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "contact" },
                { label: "Social Media", href: "contact" },
                { label: "Newsletter", href: "contact" },
                { label: "Reservations", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}