"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 MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Heart, Award, Mail, Palette, Zap, Package, Settings, Send, CircleDollarSign, ArrowLeftRight, Star, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Ceramics Studio"
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Process", id: "process" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Explore the Collection",            href: "#portfolio"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Handcrafted Ceramics, Refined by Time"
          description="Discover sculptural pottery that transforms spaces through intentional design and masterful technique. Each piece tells a story of process, material, and artistic vision."
          tag="Artisanal Ceramics"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore the Collection", href: "#portfolio" },
            { text: "Learn the Story", href: "#about" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Portfolio Highlights",            logoIcon: Palette,
            imageSrc: "http://img.b2bpic.net/free-photo/master-sculpting-pottery-working-studio-shaping-clay_1268-21336.jpg",            imageAlt: "Pottery artist at work in studio",            buttons: [
              { text: "View Collection", href: "#portfolio" },
              { text: "Commission Inquiry", href: "#contact" },
            ],
            sidebarItems: [
              { icon: Package },
              { icon: Zap, active: true },
              { icon: Settings },
            ],
            stats: [
              {
                title: "Pieces Created",                values: [145, 189, 234],
                description: "Handcrafted works since 2008"},
              {
                title: "Collections",                values: [12, 18, 24],
                valueSuffix: "+",                description: "Curated exhibition series"},
              {
                title: "Collectors",                values: [320, 450, 580],
                description: "International art enthusiasts"},
            ],
            chartTitle: "Artist Journey",            chartData: [
              { value: 45 },
              { value: 60 },
              { value: 75 },
              { value: 85 },
              { value: 95 },
            ],
            listTitle: "Recent Exhibitions",            listItems: [
              {
                icon: Award,
                title: "Modern Clay Biennial 2025",                status: "Featured"},
              {
                icon: Star,
                title: "International Ceramic Summit",                status: "Curated"},
              {
                icon: Globe,
                title: "Contemporary Sculpture Show",                status: "Exhibited"},
            ],
            searchPlaceholder: "Search collection"}}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardOne
          title="Featured Collection"
          description="A curated selection of recent sculptural works showcasing innovative techniques and refined aesthetics."
          tag="Premium Works"
          tagIcon={Palette}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="asymmetric-60-wide-40-narrow"
          animationType="blur-reveal"
          products={[
            {
              id: "1",              name: "Horizon Series I",              price: "$4,200",              imageSrc: "http://img.b2bpic.net/free-photo/woman-making-vase-with-clay_1157-30697.jpg",              imageAlt: "Horizon Series ceramic vase"},
            {
              id: "2",              name: "Meridian Bowl",              price: "$3,850",              imageSrc: "http://img.b2bpic.net/free-photo/decoration-with-blue-white-paint-bowl_23-2148292544.jpg",              imageAlt: "Meridian sculptural bowl"},
            {
              id: "3",              name: "Ethereal Form II",              price: "$5,500",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-male-potters-hands-making-vase-pottery-making-ceramics_169016-67506.jpg",              imageAlt: "Ethereal Form sculptural installation"},
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="The Artist"
          tagIcon={Heart}
          tagAnimation="slide-up"
          title="Mastering the Language of Clay"
          description="With over 15 years of dedicated practice, I explore the intersection of form, function, and fine art. Each ceramic piece emerges through an intentional dialogue between artist and material—honoring traditional techniques while pushing contemporary boundaries. My work has been featured in galleries across North America and Europe, collected by design enthusiasts and institutions worldwide."
          metrics={[
            { value: "15+", title: "Years of Practice" },
            { value: "40+", title: "International Exhibitions" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-asian-artist-ceramist-female-hands-working-potters-wheelasian-female-sculpture-woman-with-wet-dirty-hands-shaping-clay-vase-pottery-wheel-workshop-studio_609648-2758.jpg"
          imageAlt="Artist working with clay in studio"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardNineteen
          title="The Artistic Process"
          description="Discover how raw earth transforms into refined sculpture through intention, technique, and mastery."
          tag="Behind the Scenes"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Foundation",              title: "Material Selection",              subtitle: "Sourcing premium clay from sustainable suppliers.",              description: "The journey begins with carefully selected clays from trusted sources worldwide. Each material brings unique properties—texture, plasticity, and color—that influence the final aesthetic. I test extensively to ensure quality and consistency.",              imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-female-kneading-clay-wooden-table_23-2148155262.jpg",              imageAlt: "Clay preparation and testing"},
            {
              id: 2,
              tag: "Technique",              title: "Wheel Throwing",              subtitle: "Centering form through traditional methods.",              description: "The pottery wheel enables precise symmetry and fluid curves. Each rotation requires focused presence and intuitive response to the material's behavior. This meditative process creates vessels with refined proportions and tactile surfaces.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-doing-pottery_23-2148986242.jpg",              imageAlt: "Pottery wheel throwing technique"},
            {
              id: 3,
              tag: "Expression",              title: "Hand-Building",              subtitle: "Sculpting organic, sculptural forms.",              description: "Beyond the wheel, hand-building techniques allow for boundless experimentation. Coil methods, slab construction, and sculptural modeling create pieces that challenge traditional vessel categories and explore pure form.",              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-pottery-class-together_1303-24911.jpg",              imageAlt: "Hand-building ceramic sculptural work"},
            {
              id: 4,
              tag: "Transformation",              title: "Kiln Firing",              subtitle: "Heat transforms clay into lasting ceramic.",              description: "Firing is alchemy. High-temperature kilns trigger chemical transformation, developing color, durability, and final surface character. Each firing is a calculated risk—variables like temperature, atmosphere, and duration yield unique results.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-makes-pottery-workshop_1157-24756.jpg",              imageAlt: "Kiln firing process"},
            {
              id: 5,
              tag: "Refinement",              title: "Finishing",              subtitle: "Final glazes and surface treatment.",              description: "Glazing completes the narrative. Custom-developed glazes bring depth, matte and glossy finishes, and color variations that enhance the form. Hand-finishing ensures each piece meets exacting standards for collectors and discerning interiors.",              imageSrc: "http://img.b2bpic.net/free-photo/man-holding-bowl-from-shelf-homeware-store_169016-43152.jpg",              imageAlt: "Final glazing and surface treatment"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by Collectors & Designers"
          description="Discover why art collectors and interior designers worldwide choose these ceramics for their spaces."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "Luxury Interior Designer",              testimonial: "The craftsmanship is extraordinary. These pieces elevate every space—clients are consistently moved by the authenticity and presence.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",              imageAlt: "Sarah Mitchell"},
            {
              id: "2",              name: "James Chen",              handle: "Art Collector, Singapore",              testimonial: "I've acquired five pieces now. Each firing brings unexpected beauty. Investing in contemporary ceramics has become my passion.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "James Chen"},
            {
              id: "3",              name: "Elena Rodriguez",              handle: "Gallery Curator",              testimonial: "The artist's evolution is remarkable. From classical forms to sculptural innovation—every exhibition pushes boundaries.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",              imageAlt: "Elena Rodriguez"},
            {
              id: "4",              name: "David Kim",              handle: "Private Collector, New York",              testimonial: "These ceramics are conversation pieces. Guests consistently ask about the artist. That's the mark of truly exceptional work.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "David Kim"},
            {
              id: "5",              name: "Victoria Lombard",              handle: "Museum Director",              testimonial: "We're proud to feature this artist's work. The pieces resonate with our contemporary ceramics initiative.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3",              imageAlt: "Victoria Lombard"},
            {
              id: "6",              name: "Marcus Thompson",              handle: "Hospitality Designer",              testimonial: "Sourcing for luxury hotels, these ceramics consistently add sophisticated, artisanal character to refined spaces.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Marcus Thompson"},
          ]}
          speed={40}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Featured & Exhibited"
          description="Recognized by leading galleries, publications, and institutions worldwide."
          tag="Press & Collections"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Architectural Digest",            "Contemporary Ceramics Quarterly",            "Design Museum London",            "Art Basel Miami",            "Smithsonian Collections",            "Artisan Craft Review",            "International Ceramic Symposium"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Connect"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Inquire About Commissions & Collections"
          description="Subscribe to the newsletter for studio updates, exhibition announcements, and collector previews. For custom commissions, restoration inquiries, or gallery partnerships, please reach out directly."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg"
          imageAlt="Studio workspace"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Ceramics Studio"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Portfolio", href: "#portfolio" },
                { label: "About the Artist", href: "#about" },
                { label: "Creative Process", href: "#process" },
                { label: "Testimonials", href: "#testimonials" },
              ],
            },
            {
              title: "Collections",              items: [
                { label: "Recent Works", href: "#portfolio" },
                { label: "Commission Inquiry", href: "#contact" },
                { label: "Gallery Partners", href: "#" },
                { label: "Restoration Services", href: "#" },
              ],
            },
            {
              title: "Information",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Newsletter", href: "#contact" },
                { label: "Press & Media", href: "#socialProof" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 | Ceramics Studio. All works handcrafted and protected."
        />
      </div>
    </ThemeProvider>
  );
}
