"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Premium"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PREMIUM"
          description="Experience excellence with our curated selection of premium products and services designed for discerning customers"
          buttons={[
            { text: "Explore Now", href: "#features" },
            { text: "Learn More", href: "#about" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-vector/ornamental-background-design_1115-531.jpg",              imageAlt: "Premium luxury showcase"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-with-golden-elements-background_1115-36.jpg",              imageAlt: "Elegant product display"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/luxury-background-design_1115-406.jpg",              imageAlt: "Sophisticated ambiance"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted with" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-collection_23-2149051482.jpg",              alt: "Excellence badge"
            },
            { type: "text", content: "for the finest tastes" }
          ]}
          buttons={[
            { text: "Discover Our Story", href: "#features" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features-one" data-section="features-one">
        <FeatureCardOne
          title="Why Choose Us"
          description="Discover the unique advantages that set us apart from the rest"
          tag="Premium Features"
          features={[
            {
              title: "Uncompromising Quality",              description: "Every product is meticulously selected and tested to exceed expectations",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg"
            },
            {
              title: "Expert Curation",              description: "Our team of specialists handpicks each item for superior value and authenticity",              imageSrc: "https://img.b2bpic.net/free-photo/professional-technologist-white-protective-uniform-controlling-industrial-process-production-plant_342744-1227.jpg"
            },
            {
              title: "Exclusive Access",              description: "Gain early access to limited edition releases and special collections",              imageSrc: "https://img.b2bpic.net/free-photo/male-workers-working-cold-drink-factory_107420-96512.jpg"
            },
            {
              title: "Premium Support",              description: "Dedicated customer service available 24/7 for your peace of mind",              imageSrc: "https://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features-two" data-section="features-two">
        <FeatureCardNine
          title="Experience Innovation"
          description="See how our solutions transform your lifestyle"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Seamless Integration",              description: "Our products integrate effortlessly into your daily routine, enhancing every moment with elegance and sophistication.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/task-management-app-interface_23-2148647718.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-cconcept_23-2148592793.jpg"
              }
            },
            {
              id: 2,
              title: "Smart Technology",              description: "Advanced features work quietly in the background, delivering exceptional performance without complexity.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/charity-app-interface-concept_23-2148626241.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/public-transport-app-screens-set_23-2148681755.jpg"
              }
            },
            {
              id: 3,
              title: "Timeless Design",              description: "Crafted with precision and attention to detail, our designs never go out of style.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/music-player-app-interface-concept_23-2148514078.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-screens_23-2148629033.jpg"
              }
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features-three" data-section="features-three">
        <FeatureCardMedia
          title="Our Process"
          description="From concept to delivery, we ensure excellence at every step"
          features={[
            {
              id: "1",              title: "Research & Discovery",              description: "Deep market research and consumer insights guide our selection",              tag: "Phase 1",              imageSrc: "https://img.b2bpic.net/free-photo/young-technologist-white-protective-uniform-controlling-industrial-machine-production-plant_342744-1163.jpg"
            },
            {
              id: "2",              title: "Verification & Testing",              description: "Rigorous quality checks ensure every product meets our standards",              tag: "Phase 2",              imageSrc: "https://img.b2bpic.net/free-photo/technologist-expert-protective-uniform-with-hairnet-mask-taking-parameters-from-industrial-machine-food-production-plant_342744-1176.jpg"
            },
            {
              id: "3",              title: "Curation & Presentation",              description: "Expert styling and presentation showcase each item's best qualities",              tag: "Phase 3",              imageSrc: "https://img.b2bpic.net/free-photo/male-worker-talking-mobile-phone-cold-drink-factory_107420-96508.jpg"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real experiences from people who trust us with their most important moments"
          tag="Client Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, CEO of Luxe Co",              date: "Date: 15 November 2024",              title: "Exceptional quality every time",              quote: "We've partnered with this company for two years now, and the consistency in quality and service is unmatched. They truly understand premium standards.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/fashion-sexy-young-woman-trendy-outfit-posing-sitting-table-with-luxury-food-drink-looking-window-glamour-seductive-female-lingerie-stylish-wear-relaxing-enjoying-rich-lifestyle_132075-9617.jpg"
            },
            {
              id: "2",              name: "James Richardson, Luxury Brand Director",              date: "Date: 8 October 2024",              title: "Elevated our entire experience",              quote: "Their expertise and attention to detail transformed how we present our products. The results speak for themselves.",              tag: "Gold Tier",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg"
            },
            {
              id: "3",              name: "Elena Rossi, Lifestyle Magazine Editor",              date: "Date: 22 September 2024",              title: "Setting new industry standards",              quote: "This is where quality meets sophistication. Every interaction feels premium, and that's what makes them truly stand out.",              tag: "Featured Client",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9618.jpg"
            },
            {
              id: "4",              name: "Marcus Chen, Entrepreneur",              date: "Date: 5 August 2024",              title: "Worth every moment",              quote: "I've worked with many premium providers, and this team consistently delivers excellence. Highly recommended.",              tag: "VIP Client",              avatarSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg"
            },
            {
              id: "5",              name: "Victoria Anderson, Fashion Curator",              date: "Date: 18 July 2024",              title: "Refined excellence",              quote: "Their curation process is impeccable. Every selection feels intentional and perfectly aligned with discerning tastes.",              tag: "Elite Member",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg"
            },
            {
              id: "6",              name: "Alexander Thompson, Art Collector",              date: "Date: 3 June 2024",              title: "The gold standard",              quote: "In a world of compromise, they remain committed to excellence. That's the philosophy I respect and trust.",              tag: "Founding Member",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/seductive-woman-black-silk-robe-sits-windowsill-looking-new-york_8353-1451.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Connect With Us"
          description="Have questions or ready to elevate your experience? Reach out to our team and let's create something extraordinary together."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email Address",              required: true
            },
            {
              name: "company",              type: "text",              placeholder: "Company or Brand Name",              required: false
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your needs and aspirations...",            rows: 6,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/happy-young-businesswoman-talking-mobile-phone-cafe_1262-20247.jpg"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Premium"
          copyrightText="© 2024 Premium. All rights reserved. Crafted with excellence."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com",              ariaLabel: "LinkedIn"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}