"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Cart", href: "#" }}
        />
      </div>

      <div id="product-showcase" data-section="product-showcase">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Luxe Essentials",              name: "Premium Leather Messenger Bag",              price: "$485.00",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg",              imageAlt: "Premium Leather Messenger Bag - Main View",              isFavorited: false
            },
            {
              id: "2",              brand: "Luxe Essentials",              name: "Premium Leather Messenger Bag",              price: "$485.00",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",              imageAlt: "Premium Leather Messenger Bag - Detail View",              isFavorited: false
            },
            {
              id: "3",              brand: "Luxe Essentials",              name: "Premium Leather Messenger Bag",              price: "$485.00",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/collection-quail-eggs-near-feathers-can_23-2148073846.jpg",              imageAlt: "Premium Leather Messenger Bag - Color Options",              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Premium Leather Messenger Bag"
          description="Handcrafted luxury bag combining timeless design with functional elegance"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          uniformGridCustomHeightClasses="min-h-[500px] 2xl:min-h-[600px]"
        />
      </div>

      <div id="product-details" data-section="product-details">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Crafted from the finest Italian full-grain leather, this messenger bag represents the pinnacle of luxury craftsmanship. Each bag is meticulously constructed by master artisans using traditional techniques combined with modern design. The spacious interior accommodates laptops up to 15 inches, with multiple organizational compartments for your essentials. Reinforced stitching and premium hardware ensure durability for years of reliable use."
            }
          ]}
          buttons={[
            { text: "Add to Cart", href: "#" },
            { text: "View Details", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Exceeded all my expectations",              quote: "The craftsmanship is absolutely outstanding. I've owned designer bags before, but nothing compares to the quality and attention to detail on this messenger bag. It's become my go-to for both business and travel.",              name: "Sarah Mitchell",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Worth every penny",              quote: "I was hesitant about the price initially, but after using this bag daily for six months, I can confidently say it's the best investment I've made. The leather develops a beautiful patina over time.",              name: "James Chen",              role: "Corporate Executive",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "Perfect for professionals",              quote: "As someone who travels frequently, this bag has become essential. It's durable, sophisticated, and the organizational features are incredibly practical. Customer service was also exceptional.",              name: "Emily Rodriguez",              role: "Marketing Director",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Premium quality that lasts",              quote: "I purchased this as a gift and the recipient absolutely loves it. The packaging was luxurious, and the bag itself is a statement piece. Highly recommended for anyone who appreciates quality.",              name: "David Kim",              role: "Designer",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              title: "Exceptional craftsmanship",              quote: "Every detail speaks to the quality of this product. The stitching, the leather texture, the hardware—everything is perfect. This is not just a bag; it's a work of art.",              name: "Jessica Palmer",              role: "Fashion Consultant",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Jessica Palmer"
            },
            {
              id: "6",              title: "Timeless elegance",              quote: "The design is timeless and sophisticated. I can see myself carrying this bag for years to come. It pairs well with any outfit and has become a staple in my daily wardrobe.",              name: "Marcus Thompson",              role: "Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Marcus Thompson"
            }
          ]}
          title="Trusted by Professionals"
          description="Discover why thousands of customers choose our premium messenger bag for its uncompromising quality and elegant design"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Customer Reviews"
          tagIcon={Star}
        />
      </div>

      <div id="cta-section" data-section="cta-section">
        <ContactText
          text="Ready to experience premium craftsmanship? Add this luxury messenger bag to your collection today and enjoy free shipping on orders over $300."
          animationType="entrance-slide"
          buttons={[
            { text: "Add to Cart Now", href: "#" },
            { text: "Continue Shopping", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "#" },
                { label: "New Arrivals", href: "#" },
                { label: "Best Sellers", href: "#" },
                { label: "Sale", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Story", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Luxe Essentials. All rights reserved."
          bottomRightText="Crafted with excellence"
        />
      </div>
    </ThemeProvider>
  );
}