"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Brain, Crown, HelpCircle, Mouse, Receipt, Rocket, ShoppingBag, Shuffle, Sparkles, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Generator", id: "generator" },
            { name: "Brands", id: "brands" },
            { name: "Features", id: "features" },
            { name: "Receipts", id: "receipts" },
            { name: "Games", id: "games" }
          ]}
          button={{ text: "Start Creating", href: "generator" }}
          brandName="ReceiptVibes"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Y2K Receipt Generator"
          description="Create realistic receipts for your favorite brands - Apple AirPods, Nike, Rolex, Sephora, BAPE and more. Switch logos instantly and let AI fill in prices automatically!"
          tag="Interactive Y2K Experience"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "Sarah Chen",              handle: "Designer, Creative Studio",              testimonial: "The logo switching feature is insanely smooth! Perfect for meme creation.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/easy-contactless-payment-via-smartphone-concept-digital-payment-service-as-smartphone-application-receipt-seller-forms-online-checkout-transfer-buyer-client_1150-57068.jpg",              imageAlt: "receipt shopping transaction paper"
            },
            {
              name: "Marcus Johnson",              handle: "Content Creator",              testimonial: "AI auto-fill prices is a game changer. So much faster than manual entry!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-earphones_23-2148348881.jpg",              imageAlt: "apple airpods electronics wireless"
            },
            {
              name: "Emma Rodriguez",              handle: "Graphic Designer",              testimonial: "The Y2K aesthetic is everything! Love the neon vibes and side games.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/sports-girls-training-summer-park_1157-37284.jpg",              imageAlt: "nike shoes sneakers sportswear"
            },
            {
              name: "Alex Kim",              handle: "Meme Collector",              testimonial: "Best receipt generator ever created. The BAPE logo detail is perfect!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17068.jpg",              imageAlt: "y2k neon retro 2000s aesthetic"
            }
          ]}
          buttons={[
            { text: "Start Creating", href: "generator" },
            { text: "Learn More", href: "features" }
          ]}
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="brands" data-section="brands">
        <TextSplitAbout
          title="Supported Brands"
          description={[
            "Select from our premium collection of luxury and lifestyle brands. Each logo is carefully designed to match the authentic brand appearance, with full receipt customization available.",            "Apple AirPods - Premium wireless audio experience. Nike - Iconic sportswear and sneakers. Rolex - Luxury timepieces and watches. Sephora - Beauty and fragrance products. BAPE - Urban fashion and streetwear excellence."
          ]}
          buttons={[
            { text: "Explore All Brands", href: "brands" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Powerful Features"
          description="Everything you need to create stunning, realistic receipts with advanced customization options"
          tag="Y2K Generation"
          tagIcon={Zap}
          features={[
            {
              title: "Logo Switching",              description: "Instantly toggle between Apple, Nike, Rolex, Sephora, and BAPE logos on the left slide. Click any logo button to update your receipt design in real-time.",              icon: Shuffle,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875343-3mm4zy8y.png", imageAlt: "Apple logo" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-h76c0g9b.png", imageAlt: "Nike logo" }
              ]
            },
            {
              title: "AI Auto-Fill",              description: "Type any product name like 'black airforces' and our AI instantly researches and fills in accurate pricing, saving you time on data entry.",              icon: Brain,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-nvkfm1oc.png", imageAlt: "AI interface" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-gjwlky4l.png", imageAlt: "Search results" }
              ]
            },
            {
              title: "Realistic Receipts",              description: "Generate long, detailed receipts with valid transaction data, timestamps, reference numbers, and authentic 'Thank You for Supporting' messages.",              icon: Receipt,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-earphones_23-2148348881.jpg", imageAlt: "Receipt example" },
                { imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", imageAlt: "Luxury receipt" }
              ]
            },
            {
              title: "Y2K Aesthetic",              description: "Animated GIF-style lighting background with cartoon mode, neon accents, and retro gaming elements positioned on the side for maximum vibes.",              icon: Sparkles,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17068.jpg", imageAlt: "Y2K background" },
                { imageSrc: "http://img.b2bpic.net/free-vector/arcade-computer-game-set-horizontal-compositions_1284-55220.jpg", imageAlt: "Game elements" }
              ]
            },
            {
              title: "BAPE Branding",              description: "Full BAPE logo support with 'A BATHING APE' text displayed in all caps and black styling for authentic streetwear receipts.",              icon: Crown,
              mediaItems: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-gjwlky4l.png", imageAlt: "BAPE logo" },
                { imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg", imageAlt: "Lighting effects" }
              ]
            },
            {
              title: "Custom Cursor",              description: "Y2K-themed cursor that tracks your movements, making every interaction feel like you're exploring a retro-futuristic shopping experience.",              icon: Mouse,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-vector/arcade-computer-game-set-horizontal-compositions_1284-55220.jpg", imageAlt: "Game interface" },
                { imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg", imageAlt: "Cursor effect" }
              ]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Available Receipts"
          description="Browse our collection of premium brand receipts with authentic pricing and details"
          tag="Premium Brands"
          tagIcon={ShoppingBag}
          products={[
            {
              id: "1",              brand: "Apple",              name: "AirPods Pro Max",              price: "$549.99",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-earphones_23-2148348881.jpg",              imageAlt: "Apple AirPods Pro Max receipt"
            },
            {
              id: "2",              brand: "Nike",              name: "Air Jordan 1 Retro High",              price: "$189.99",              rating: 5,
              reviewCount: "5.1k",              imageSrc: "http://img.b2bpic.net/free-photo/sports-girls-training-summer-park_1157-37284.jpg",              imageAlt: "Nike sneakers receipt"
            },
            {
              id: "3",              brand: "Rolex",              name: "Submariner Steel Watch",              price: "$8,500.00",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg",              imageAlt: "Rolex watch receipt"
            },
            {
              id: "4",              brand: "Sephora",              name: "Dior Sauvage Cologne",              price: "$99.99",              rating: 5,
              reviewCount: "3.8k",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-cosmetic-products-desk-isolated_574295-5284.jpg",              imageAlt: "Sephora fragrance receipt"
            },
            {
              id: "5",              brand: "BAPE",              name: "Camo Hoodie Limited Edition",              price: "$395.00",              rating: 5,
              reviewCount: "892",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",              imageAlt: "BAPE clothing receipt"
            },
            {
              id: "6",              brand: "Apple",              name: "MacBook Pro 14-inch",              price: "$1,999.00",              rating: 5,
              reviewCount: "4.2k",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-earphones_23-2148348881.jpg",              imageAlt: "MacBook Pro receipt"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Users Love"
          description="Real feedback from our community of receipt creators and Y2K enthusiasts"
          tag="User Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Jordan Davis",              role: "Content Creator",              company: "TikTok Influencer",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875343-3mm4zy8y.png",              imageAlt: "Jordan Davis"
            },
            {
              id: "2",              name: "Casey Williams",              role: "Designer",              company: "Creative Agency",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-h76c0g9b.png",              imageAlt: "Casey Williams"
            },
            {
              id: "3",              name: "Morgan Lee",              role: "Marketing Manager",              company: "Digital Brand",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-nvkfm1oc.png",              imageAlt: "Morgan Lee"
            },
            {
              id: "4",              name: "Riley Taylor",              role: "Fashion Blogger",              company: "Lifestyle Media",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APt38yRiX4ApLd28nXV4QDyH0u/uploaded-1772505875344-gjwlky4l.png",              imageAlt: "Riley Taylor"
            },
            {
              id: "5",              name: "Alex Martinez",              role: "Graphic Designer",              company: "Design Studio",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/arcade-computer-game-set-horizontal-compositions_1284-55220.jpg",              imageAlt: "Alex Martinez"
            },
            {
              id: "6",              name: "Sam Patel",              role: "Video Producer",              company: "YouTube Channel",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg",              imageAlt: "Sam Patel"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about creating receipts and using our platform"
          tag="Help & Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "How do I switch between brand logos?",              content: "Simply click the logo button for your desired brand (Apple, Nike, Rolex, Sephora, or BAPE) on the left slide. The receipt will instantly update with the selected logo positioned perfectly for realistic display."
            },
            {
              id: "2",              title: "How does the AI auto-fill work?",              content: "Type any product name like 'black airforces' or 'rolex submariner' in the search field. Our AI researches current market prices and automatically fills in accurate pricing information. The system learns from real product databases to ensure authenticity."
            },
            {
              id: "3",              title: "Can I customize the receipt details?",              content: "Yes! You can modify the main price, item type, quantity, and other receipt details. The AI auto-fill provides suggestions, but you have full control to adjust any field for your specific needs."
            },
            {
              id: "4",              title: "What makes these receipts realistic?",              content: "Our receipts include valid transaction data like reference numbers, timestamps, tax calculations, subtotals, and authentic 'Thank You for Supporting' messages. Every receipt is formatted exactly like the real receipts from these premium brands."
            },
            {
              id: "5",              title: "Is the BAPE logo positioned correctly?",              content: "Yes! The BAPE logo displays in the center with 'A BATHING APE' text in all caps in black, exactly matching the official branding. The positioning is optimized for maximum visual impact on the receipt."
            },
            {
              id: "6",              title: "What about the Y2K aesthetic features?",              content: "The background features animated GIF-style lighting effects with neon colors and cartoon mode styling. Game elements appear on the side panel, and the cursor features a custom Y2K-themed design for complete immersion in the retro experience."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17068.jpg"
          imageAlt="Y2K aesthetic background"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Rocket}
          title="Ready to Create Your First Receipt?"
          description="Join thousands of users creating amazing receipts with our Y2K receipt generator. Start customizing your premium brand receipts today!"
          buttons={[
            { text: "Create Receipt Now", href: "generator" },
            { text: "View Gallery", href: "products" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg"
          imageAlt="Y2K neon lighting effect"
          logoText="ReceiptVibes"
          copyrightText="© 2025 ReceiptVibes | Y2K Receipt Generation Platform"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Brands", href: "#brands" },
                { label: "Pricing", href: "#products" },
                { label: "Gallery", href: "#testimonials" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
