"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="animatedAurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Artistry"
          navItems={[
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Artists", id: "artists" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Explore the Collection",            href: "gallery"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Visual Gallery"
          title="Discover the Art in Every Detail"
          description="A curated gallery of visual creativity and innovation. Explore emerging artists and groundbreaking design work that defines contemporary aesthetics."
          buttons={[
            { text: "Explore the Collection", href: "gallery" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-blurry-man-walking_23-2150378937.jpg"
          imageAlt="Featured contemporary artwork in gallery setting"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Curating Excellence"
          description="We believe in the power of visual storytelling and the transformative impact of exceptional design work."
          tabs={[
            {
              id: "curation",              label: "Our Curation",              description: "We carefully select works that push creative boundaries and showcase innovative approaches to visual storytelling."
            },
            {
              id: "discovery",              label: "Discovery",              description: "Our platform connects you with emerging talent and established artists, creating opportunities for meaningful artistic discovery."
            },
            {
              id: "community",              label: "Community",              description: "Join a vibrant community of creators, collectors, and art enthusiasts who share a passion for exceptional visual work."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/woman-artist-paints-picture-canvas-with-brush-marble_114579-63508.jpg"
          imageAlt="Modern gallery interior with curated artwork displays"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Why Choose Our Gallery"
          description="We combine meticulous curation with seamless user experience to showcase the world's finest visual work."
          features={[
            {
              id: "quality",              label: "Curated",              title: "Handpicked Excellence",              items: [
                "Expert selection process",                "Diverse artistic perspectives",                "Emerging & established artists"
              ]
            },
            {
              id: "experience",              label: "Experience",              title: "Intuitive Discovery",              items: [
                "Seamless browsing",                "Advanced search & filtering",                "Personalized recommendations"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardSeven
          title="Featured Collections"
          description="Browse our carefully curated selection of contemporary art, photography, and design works from visionary creators."
          products={[
            {
              id: "1",              name: "Modern Abstraction",              price: "Featured",              imageSrc: "https://img.b2bpic.net/free-photo/decorations-used-painting-inspiration-creativity-placed-art-gallery_482257-127281.jpg",              imageAlt: "Abstract contemporary artwork with bold colors"
            },
            {
              id: "2",              name: "Digital Expressions",              price: "Featured",              imageSrc: "https://img.b2bpic.net/free-photo/empty-art-craft-workshop-with-rustic-beautiful-painting-canvas_482257-118171.jpg",              imageAlt: "Digital art illustration showcasing creative vision"
            },
            {
              id: "3",              name: "Photographic Moments",              price: "Featured",              imageSrc: "https://img.b2bpic.net/free-photo/modern-paintwork-supplies-coloring-tubes-oil-paints-creative-atelier_482257-124830.jpg",              imageAlt: "Artistic photography capturing emotional composition"
            },
            {
              id: "4",              name: "Sculptural Forms",              price: "Featured",              imageSrc: "https://img.b2bpic.net/free-photo/contemporary-decorations-placed-as-inspiration-creativity-new-artwork_482257-118396.jpg",              imageAlt: "3D sculpture and installation art piece"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Creative Professionals"
          description="Industry leaders and collectors share their experiences discovering and showcasing exceptional work through our platform."
          testimonials={[
            {
              id: "1",              title: "A Game-Changer for Emerging Artists",              quote: "This platform has completely transformed how I showcase my work. The curation is impeccable, and the audience genuinely appreciates quality design.",              name: "Alexandra Chen",              role: "Contemporary Artist",              imageSrc: "https://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg",              imageAlt: "Alexandra Chen, contemporary artist"
            },
            {
              id: "2",              title: "The Collector's Paradise",              quote: "Finding exceptional pieces has never been easier. The gallery's attention to detail and artist stories create a truly immersive experience.",              name: "James Mitchell",              role: "Art Collector",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",              imageAlt: "James Mitchell, art collector"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="artists" data-section="artists">
        <TeamCardSeven
          title="Featured Artists & Creatives"
          team={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",              imageAlt: "Featured artist portrait"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",              imageAlt: "Emerging artist portrait"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",              imageAlt: "Contemporary designer portrait"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",              imageAlt: "Visual artist portrait"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",              imageAlt: "Creative practitioner portrait"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to showcase your work or discover extraordinary talent? Get in touch with our curation team today."
          animationType="reveal-blur"
          buttons={[
            { text: "Get in Touch", href: "#" },
            { text: "Submit Work", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Artistry"
          columns={[
            {
              items: [
                { label: "Gallery", href: "gallery" },
                { label: "About", href: "about" },
                { label: "Artists", href: "artists" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Submit Work", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]
        />
      </div>
    </ThemeProvider>
  );
}