"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Backpack, Coffee, Facebook, Flame, Heart, Instagram, Linkedin, Mail, Package, Sparkles, Star, Trophy, Twitter } from 'lucide-react';

export default function TigerCupsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Tiger"
          navItems={[
            { name: "Products", id: "/shop" },
            { name: "About", id: "about" },
            { name: "Collections", id: "/shop" },
            { name: "Contact", id: "contact" },
            { name: "Shop", id: "/shop" }
          ]}
          bottomLeftText="Premium Cup Collection"
          bottomRightText="hello@tigercups.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Tiger Cups - Premium Drinkware Collection"
          description="Discover our exquisite selection of handcrafted cups, tumblers, and mugs designed for every occasion. Elevate your drinking experience with Tiger Cups."
          tag="Artisan Quality"
          tagIcon={Star}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vanilla-cookies-pralines-with-cup-tea_114579-4412.jpg",              imageAlt: "Premium ceramic coffee cup"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/elegant-breakfast-with-coffee-croissants_23-2147658666.jpg",              imageAlt: "Modern stainless steel tumbler"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/winter-clothes-two-cups-mulled-wine_1163-3161.jpg",              imageAlt: "Elegant glass cup"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/sliced-dry-plum-crispbread-cup-tea-wooden-board-marble-surface_114579-61314.jpg",              imageAlt: "Travel mug with premium design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/zebra-pattern-biscuits-cup-tea-marble-surface_114579-73344.jpg",              imageAlt: "Traditional tea cup in porcelain"
            }
          ]}
          buttons={[
            { text: "Shop Now", href: "/shop" },
            { text: "View Collections", href: "/shop" }
          ]}
          titleClassName="text-red-600"
          descriptionClassName="text-red-500"
        />
      </div>
      
      <div id="featured" data-section="featured">
        <ProductCardFour
          title="Featured Products"
          description="Explore our best-selling cups and tumblers, loved by customers worldwide for their quality and design."
          tag="Best Sellers"
          tagIcon={Flame}
          products={[
            {
              id: "1",              name: "Artisan Ceramic Cup",              price: "$24.99",              variant: "White | 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-biscuits-wooden-plate_114579-57875.jpg",              imageAlt: "Artisan ceramic cup",              isFavorited: false
            },
            {
              id: "2",              name: "Premium Insulated Tumbler",              price: "$34.99",              variant: "Black | 5 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/three-cups-coffee-wooden-board_114579-52730.jpg",              imageAlt: "Premium insulated tumbler",              isFavorited: false
            },
            {
              id: "3",              name: "Decorative Art Cup",              price: "$19.99",              variant: "Multicolor | Limited",              imageSrc: "https://img.b2bpic.net/free-photo/leaves-kernels-near-cloth-mug_23-2147885950.jpg",              imageAlt: "Decorative artistic cup",              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          textBoxTitleClassName="text-red-600"
          textBoxDescriptionClassName="text-red-500"
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Tiger Cups"
          description="Crafting exceptional drinkware since 2010, Tiger Cups combines traditional artisanal techniques with modern design innovation."
          tabs={[
            {
              id: "quality",              label: "Quality Crafted",              description: "Every cup is meticulously handcrafted using premium materials and time-honored techniques. Our commitment to excellence ensures durability and beauty in every piece."
            },
            {
              id: "design",              label: "Innovative Design",              description: "Our design team creates unique, contemporary cups that elevate your daily rituals. From minimalist to bold artistic expressions, we have something for every taste."
            },
            {
              id: "sustainability",              label: "Eco-Friendly",              description: "We're committed to sustainable practices using responsibly sourced materials and eco-conscious manufacturing. Each purchase supports our environmental initiatives."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg"
          imageAlt="Tiger Cups artisan craftsmanship"
          imagePosition="right"
          useInvertedBackground="noInvert"
          titleClassName="text-red-600"
        />
      </div>
      
      <div id="collections" data-section="collections">
        <FeatureCardTwentyFive
          title="Our Collections"
          description="Browse through our diverse range of cup collections, each designed with intention and crafted with care."
          tag="Discover"
          tagIcon={Sparkles}
          features={[
            {
              title: "Everyday Essentials",              description: "Classic ceramic cups perfect for your morning coffee or evening tea. Durable, comfortable, and timelessly elegant.",              icon: Coffee,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee_1339-7168.jpg",                  imageAlt: "Everyday essential cups"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee_1339-7149.jpg",                  imageAlt: "Ceramic collection"
                }
              ]
            },
            {
              title: "Travel & Adventure",              description: "Insulated tumblers designed for on-the-go. Keep your beverages at the perfect temperature wherever life takes you.",              icon: Backpack,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/three-cups-coffee-wooden-board_114579-52730.jpg",                  imageAlt: "Travel tumbler collection"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee_1339-7154.jpg",                  imageAlt: "Adventure cup designs"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          textBoxTitleClassName="text-red-600"
          textBoxDescriptionClassName="text-red-500"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who've elevated their daily rituals with Tiger Cups."
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahcoffee",              testimonial: "The quality of these cups is exceptional. I use my Tiger Cup every single day and it's become my favorite part of my morning routine. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@michaeltravel",              testimonial: "Perfect for travel! My insulated tumbler keeps my coffee hot for hours. The design is sleek and modern - definitely worth the investment.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmahome",              testimonial: "Beautiful aesthetic and incredible functionality. Tiger Cups has completely transformed how I enjoy my tea time. I've bought several as gifts.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "James Wilson",              handle: "@jamescode",              testimonial: "Excellent customer service and premium quality products. My office colleagues were so impressed with my Tiger Cup that they ordered their own!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg",              imageAlt: "James Wilson"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          textBoxTitleClassName="text-red-600"
          textBoxDescriptionClassName="text-red-500"
        />
      </div>
      
      <div id="social-proof" data-section="social-proof">
        <MetricCardSeven
          title="Trusted by Thousands"
          description="Tiger Cups has become a favorite choice for coffee enthusiasts, home décor lovers, and eco-conscious consumers worldwide."
          tag="Our Success"
          tagIcon={Trophy}
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Happy Customers",              items: ["Across 30+ countries", "5-star rated", "Growing daily"]
            },
            {
              id: "2",              value: "15+",              title: "Years of Excellence",              items: ["Handcrafted tradition", "Premium quality", "Award-winning designs"]
            },
            {
              id: "3",              value: "100%",              title: "Satisfaction Guarantee",              items: ["30-day returns", "Lifetime support", "Eco-friendly promise"]
            },
            {
              id: "4",              value: "500+",              title: "Unique Designs",              items: ["Limited editions", "Custom options", "Seasonal collections"]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          textBoxTitleClassName="text-red-600"
          textBoxDescriptionClassName="text-red-500"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated with Tiger Cups"
          description="Subscribe to our newsletter for exclusive offers, new collection launches, and special promotions. Be the first to know about our latest artisan creations."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and Privacy Policy."
          titleClassName="text-red-600"
          descriptionClassName="text-red-500"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Tiger Cups"
          copyrightText="© 2025 Tiger Cups. All rights reserved. Crafting excellence, one cup at a time."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/tigercups",              ariaLabel: "Tiger Cups Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/tigercups",              ariaLabel: "Tiger Cups Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/tigercups",              ariaLabel: "Tiger Cups Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/tigercups",              ariaLabel: "Tiger Cups LinkedIn"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
