"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function ArtGalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="spotlight"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Artisan"
          navItems={[
            { name: "Gallery", id: "product" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "product" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover and own one-of-a-kind art"
          description="Explore curated collections from emerging and established artists around the world"
          tag="Exclusive Artwork"
          imageSrc="https://img.b2bpic.net/free-photo/decorations-used-painting-inspiration-creativity-placed-art-gallery_482257-127281.jpg"
          imageAlt="Curated contemporary art exhibition"
          buttons={[
            { text: "Shop Now", href: "product" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Connecting Collectors with Exceptional Art"
          description="We curate and showcase the finest contemporary and emerging artwork from talented artists worldwide."
          tabs={[
            { 
              id: "mission", 
              label: "Our Mission",              description: "We believe exceptional art should be accessible to passionate collectors worldwide. Our mission is to bridge the gap between talented artists and discerning collectors by providing a curated platform that celebrates creativity and craftsmanship."
            },
            { 
              id: "curation", 
              label: "Curation Process",              description: "Every piece in our collection undergoes rigorous evaluation by our expert curators. We assess technical skill, artistic vision, and cultural relevance to ensure each artwork meets our exacting standards of quality and authenticity."
            },
            { 
              id: "artists", 
              label: "Artist Support",              description: "We're committed to supporting artists throughout their careers. From emerging talents to established masters, we provide fair compensation, marketing support, and opportunities for growth within the contemporary art market."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/man-painting-with-watercolors_52683-109316.jpg"
          imageAlt="Artist in creative studio workspace"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Curated Art Collection"
          description="Handpicked contemporary and emerging artwork available now"
          tag="Gallery Showcase"
          products={[
            {
              id: "1",              name: "Ethereal Landscapes",              price: "$2,500",              imageSrc: "https://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-abstract-art-acrylic-paint_53876-134367.jpg",              imageAlt: "Abstract landscape painting with vibrant colors"
            },
            {
              id: "2",              name: "Serenity Series",              price: "$1,800",              imageSrc: "https://img.b2bpic.net/free-photo/modern-paintwork-supplies-coloring-tubes-oil-paints-creative-atelier_482257-124830.jpg",              imageAlt: "Minimalist landscape oil painting"
            },
            {
              id: "3",              name: "Human Connection",              price: "$3,200",              imageSrc: "https://img.b2bpic.net/free-photo/contemporary-decorations-placed-as-inspiration-creativity-new-artwork_482257-118396.jpg",              imageAlt: "Contemporary portrait with mixed media elements"
            },
            {
              id: "4",              name: "Sculptural Forms",              price: "$4,500",              imageSrc: "https://img.b2bpic.net/free-photo/empty-art-craft-workshop-with-rustic-beautiful-painting-canvas_482257-118171.jpg",              imageAlt: "Modern bronze sculpture installation"
            },
            {
              id: "5",              name: "Digital Dreamscape",              price: "$1,200",              imageSrc: "https://img.b2bpic.net/free-photo/painted-background-wallpaper-acrylic-paint-texture_53876-134375.jpg",              imageAlt: "Contemporary digital art print on canvas"
            },
            {
              id: "6",              name: "Nature's Whisper",              price: "$1,500",              imageSrc: "https://img.b2bpic.net/free-photo/woman-artist-paints-picture-canvas-with-brush-marble_114579-63508.jpg",              imageAlt: "Botanical watercolor illustration"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Full Collection", href: "#" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Loved by Collectors & Enthusiasts"
          description="Real feedback from our valued community of art collectors and interior designers"
          tag="Client Stories"
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              role: "Collector",              company: "Contemporary Art Collector",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/view-watercolor-art-studio_23-2150214847.jpg",              imageAlt: "Portrait of Margaret Chen"
            },
            {
              id: "2",              name: "Victoria Santos",              role: "Interior Designer",              company: "Luxury Design Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537695.jpg",              imageAlt: "Portrait of Victoria Santos"
            },
            {
              id: "3",              name: "James Mitchell",              role: "Art Enthusiast",              company: "Fine Art Investor",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/creative-woman-thinking-studio_23-2148372139.jpg",              imageAlt: "Portrait of James Mitchell"
            },
            {
              id: "4",              name: "Elena Rodriguez",              role: "Gallery Director",              company: "Modern Art Collective",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-painting-indoors_23-2150182595.jpg",              imageAlt: "Portrait of Elena Rodriguez"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about purchasing and collecting art through our platform"
          tag="Support"
          faqs={[
            {
              id: "1",              title: "How do you authenticate artwork?",              content: "Every piece in our collection is thoroughly vetted by our expert curators. We provide certificates of authenticity, artist documentation, and provenance details with each purchase to ensure buyers have complete confidence in their acquisition."
            },
            {
              id: "2",              title: "What is your return policy?",              content: "We offer a 30-day inspection period. If you're not completely satisfied with your artwork, we'll arrange a full refund or exchange. All shipping and insurance costs for returns are covered by Artisan."
            },
            {
              id: "3",              title: "Do you ship internationally?",              content: "Yes, we ship worldwide. All artworks are professionally packaged with museum-quality materials and fully insured during transit. Shipping costs and delivery times vary by location and artwork size."
            },
            {
              id: "4",              title: "Can I customize artwork for my space?",              content: "We work with select artists to create custom commissions. Contact our team to discuss your project, budget, and timeline. Custom pieces typically take 6-12 weeks from conception to completion."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, wire transfers, and cryptocurrency payments. For purchases over $10,000, we offer flexible payment plans and financing options."
            },
            {
              id: "6",              title: "How do you support emerging artists?",              content: "We're committed to fair artist compensation, providing mentorship, and helping emerging artists build their careers. We handle all marketing, sales, and logistics so artists can focus on creating."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Join our collector community and get exclusive early access to new releases and studio visits"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Artisan" />
      </div>
    </ThemeProvider>
  );
}