"use client"
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function TapeVaultPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="fluid"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="TAPE VAULT"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Why VHS", id: "feature" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover Rare Analog Cinema"
          description="Handpicked vintage VHS tapes. Authentic, restored, and ready to rewind. Experience cinema the way it was meant to be seen."
          tag="Premium Vintage Collection"
          imageSrc="https://img.b2bpic.net/free-photo/music-audio-tape_93675-128289.jpg"
          imageAlt="Vintage VHS tape collection"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Explore", href: "about" }
          ]}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardSeven
          title="Featured VHS Collection"
          description="Curated selection of the finest vintage films. Each tape has been carefully inspected and restored for optimal viewing."
          tag="Limited Stock"
          products={[
            {
              id: "1",              name: "Blade Runner (1982)",              price: "$18",              imageSrc: "https://img.b2bpic.net/free-photo/vintage-vhs-packaging-assortment_23-2149854268.jpg",              imageAlt: "Blade Runner VHS tape"
            },
            {
              id: "2",              name: "Neon Genesis Evangelion",              price: "$22",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-vhs-cover-template_23-2149838133.jpg",              imageAlt: "Neon Genesis Evangelion VHS"
            },
            {
              id: "3",              name: "Akira (1988)",              price: "$25",              imageSrc: "https://img.b2bpic.net/free-photo/retro-vhs-packaging-still-life_23-2149854299.jpg",              imageAlt: "Akira VHS tape"
            },
            {
              id: "4",              name: "Koyaanisqatsi",              price: "$16",              imageSrc: "https://img.b2bpic.net/free-photo/vintage-vhs-packaging-still-life_23-2149854267.jpg",              imageAlt: "Koyaanisqatsi VHS"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="feature" data-section="feature">
        <FeatureCardSixteen
          title="Why Choose Analog?"
          description="In a world of streaming, VHS offers something irreplaceable: authentic cinema history and tactile media experience."
          tag="Cinema Culture"
          negativeCard={{
            title: "Digital Streaming",            items: [
              "Compressed quality and artifacts",              "Algorithm-driven recommendations",              "No physical ownership",              "Dependent on internet connection",              "Lost in infinite catalogs"
            ]
          }}
          positiveCard={{
            title: "VHS Authenticity",            items: [
              "Genuine analog warmth and character",              "Curated, intentional discoveries",              "Physical media you truly own",              "Perfect for offline viewing",              "Nostalgia that connects generations"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="Stories From Our Community"
          description="Hear from collectors, filmmakers, and VHS enthusiasts who've found treasure in our vault."
          tag="Real Reviews"
          testimonials={[
            {
              id: "1",              nameTitle: "Maya Chen, Filmmaker",              quote: "Found the perfect reference copy for my 80s-inspired short film. The picture quality was immaculate. Tape Vault understands cinema.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Maya Chen"
            },
            {
              id: "2",              nameTitle: "James Rodriguez, Collector",              quote: "Twenty years of collecting, and I've never had better service. Every tape arrived in perfect condition. They genuinely care about preservation.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              nameTitle: "Sarah Kim, Artist",              quote: "The analog quality in these tapes is irreplaceable. My installation piece needed that authentic VHS grain, and this collection delivered.",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-smiling-confident-looking-side-street_839833-20277.jpg",              imageAlt: "Sarah Kim"
            },
            {
              id: "4",              nameTitle: "Marcus Thompson, Nostalgia Hunter",              quote: "Finally found the exact version I watched as a kid. The attention to detail and respect for the format is unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-park_839833-8957.jpg",              imageAlt: "Marcus Thompson"
            },
            {
              id: "5",              nameTitle: "Elena Rossi, Video Archivist",              quote: "As a digital preservationist, I appreciate their commitment to analog history. These tapes are pieces of cultural heritage.",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-european-woman-casual-knitted-sweater-pink-wall_343596-5759.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "6",              nameTitle: "David Park, Retro Enthusiast",              quote: "Not just a shop—it's a time capsule. Every interaction feels like visiting a trusted friend's film library.",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg",              imageAlt: "David Park"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about our VHS collection, quality standards, and ordering process."
          faqs={[
            {
              id: "1",              title: "How do you ensure tape quality?",              content: "Every tape is professionally inspected, cleaned, and tested on vintage playback equipment. We verify picture and sound quality before shipping. Minor wear is documented honestly in listings."
            },
            {
              id: "2",              title: "Are the tapes really playable?",              content: "Yes. All tapes in our collection are fully functional. We test on authentic VCR equipment from the era they were made. Some show the beautiful patina of age, which we believe adds to their character."
            },
            {
              id: "3",              title: "What's your shipping and returns policy?",              content: "We ship worldwide with full tracking. Each tape is packed with archival-grade materials. If you receive a tape in unexpected condition, we offer a full refund or replacement within 30 days."
            },
            {
              id: "4",              title: "Do you take custom requests?",              content: "Absolutely. We're constantly sourcing rare and obscure titles. Email us your wishlist, and we'll hunt it down. Custom sourcing typically takes 2-4 weeks."
            },
            {
              id: "5",              title: "Why is VHS better than digital?",              content: "VHS offers uncompressed analog warmth, no algorithm interference, and tangible ownership. It's cinema preserved exactly as the filmmaker intended, without digital processing or streaming artifacts."
            },
            {
              id: "6",              title: "How should I store my tapes?",              content: "Keep tapes upright in a cool, dry place away from magnetic fields and direct sunlight. Ideal storage is 60-70°F with 30-40% humidity. Avoid stacking them horizontally for extended periods."
            }
          ]}
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to rewind? Get in touch to discuss your collection, request rare finds, or share your VHS stories with us."
          animationType="reveal-blur"
          buttons={[
            { text: "Send Inquiry", href: "#contact-form" },
            { text: "Browse Shop", href: "products" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="TAPE VAULT"
          copyrightText="© 2025 Tape Vault. Analog Cinema Preserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Tapes", href: "products" },
                { label: "New Arrivals", href: "products" },
                { label: "Custom Orders", href: "contact" }
              ]
            },
            {
              title: "Explore",              items: [
                { label: "About Us", href: "about" },
                { label: "Why VHS", href: "feature" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Support", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}