"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import {
  Sparkles,
  Award,
  Headphones,
  Watch,
  Camera,
  Shirt,
  Home,
  Zap,
  Cube,
  Mail,
  ChevronRight,
} from "lucide-react";

const navItems = [
  { name: "Products", id: "products" },
  { name: "Categories", id: "categories" },
  { name: "Deals", id: "best-sellers" },
  { name: "About", id: "about" },
  { name: "Contact", id: "contact" },
];

const navButton = {
  text: "Shop Now",
  href: "/products",
};

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={navButton}
          brandName="3DStore"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Explore Premium Products in 3D"
          description="Discover our exclusive collection with immersive 3D visualization. Rotate, zoom, and inspect products before you buy."
          tag="Next-Gen Shopping"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=1"
          imageAlt="3D Product Showcase"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Start Shopping", href: "/products" },
            { text: "View Catalog", href: "categories" },
          ]}
          buttonAnimation="blur-reveal"
          className="w-full"
        />
      </div>

      <div id="featured-products" data-section="featured-products">
        <ProductCardFour
          title="Featured Collections"
          description="Handpicked premium products with stunning 3D previews. Each item features interactive 360° visualization."
          tag="Premium Selection"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          products={[
            {
              id: "1",
              name: "Premium Wireless Headphones",
              price: "$299",
              variant: "Matte Black - 2 Colors",
              imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-showcased-geometric-podium_23-2150808056.jpg?_wi=1",
              imageAlt: "Premium Wireless Headphones",
              isFavorited: false,
            },
            {
              id: "2",
              name: "Designer Watch Collection",
              price: "$599",
              variant: "Silver Steel - 4 Colors",
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861970.jpg?_wi=1",
              imageAlt: "Designer Watch Collection",
              isFavorited: false,
            },
            {
              id: "3",
              name: "Advanced Camera Lens",
              price: "$1,299",
              variant: "Professional Grade - 3 Variants",
              imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736729.jpg?_wi=1",
              imageAlt: "Advanced Camera Lens",
              isFavorited: false,
            },
            {
              id: "4",
              name: "Luxury Leather Backpack",
              price: "$449",
              variant: "Cognac Brown - 5 Colors",
              imageSrc: "http://img.b2bpic.net/free-photo/minimal-composition-beauty-products_23-2148961332.jpg?_wi=1",
              imageAlt: "Luxury Leather Backpack",
              isFavorited: false,
            },
            {
              id: "5",
              name: "Smart Home Hub Pro",
              price: "$199",
              variant: "Charcoal - 2 Colors",
              imageSrc: "http://img.b2bpic.net/free-photo/minimal-black-friday-arrangement_23-2148666987.jpg?_wi=1",
              imageAlt: "Smart Home Hub Pro",
              isFavorited: false,
            },
            {
              id: "6",
              name: "Premium Sunglasses",
              price: "$349",
              variant: "Classic Aviator - 6 Colors",
              imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349189.jpg?_wi=1",
              imageAlt: "Premium Sunglasses",
              isFavorited: false,
            },
          ]}
        />
      </div>

      <div id="categories" data-section="categories">
        <FeatureBorderGlow
          title="Shop by Category"
          description="Browse our curated collections organized by product type. Each category features exclusive 3D-enabled items."
          tag="Explore"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              icon: Headphones,
              title: "Electronics",
              description: "Latest tech gadgets with immersive 3D visualization and interactive product demos.",
            },
            {
              icon: Watch,
              title: "Accessories",
              description: "Premium watches, bags, and fashion accessories with 360-degree product views.",
            },
            {
              icon: Camera,
              title: "Photography",
              description: "Professional cameras and lenses with detailed 3D specifications and comparisons.",
            },
            {
              icon: Shirt,
              title: "Fashion",
              description: "Designer clothing and footwear with realistic fabric textures and fit visualization.",
            },
            {
              icon: Home,
              title: "Home & Living",
              description: "Furniture and decor items with 3D room placement tools and visualization.",
            },
            {
              icon: Zap,
              title: "Smart Tech",
              description: "Connected devices and IoT products with interactive feature demonstrations.",
            },
          ]}
        />
      </div>

      <div id="3d-showcase" data-section="3d-showcase">
        <ProductCardFour
          title="3D Product Experience"
          description="Interactive 3D models with real-time rendering. Rotate, zoom, and customize in full 360 degrees."
          tag="3D Technology"
          tagIcon={Cube}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          carouselMode="buttons"
          products={[
            {
              id: "7",
              name: "Flagship Smartphone",
              price: "$999",
              variant: "Graphite - Ultra",
              imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-showcased-geometric-podium_23-2150808056.jpg?_wi=2",
              imageAlt: "Flagship Smartphone",
            },
            {
              id: "8",
              name: "Gaming Laptop",
              price: "$2,499",
              variant: "RGB Edition - Pro",
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861970.jpg?_wi=2",
              imageAlt: "Gaming Laptop",
            },
            {
              id: "9",
              name: "Wireless Earbuds Pro",
              price: "$249",
              variant: "Pearl White - Max",
              imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736729.jpg?_wi=2",
              imageAlt: "Wireless Earbuds Pro",
            },
          ]}
        />
      </div>

      <div id="best-sellers" data-section="best-sellers">
        <MetricCardTwo
          title="Our Track Record"
          description="Trusted by millions of customers worldwide. Experience premium shopping with proven results."
          tag="Success Metrics"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "1", value: "2.5M+", description: "Happy Customers" },
            { id: "2", value: "50K+", description: "Products Sold" },
            { id: "3", value: "99.8%", description: "Customer Satisfaction" },
            { id: "4", value: "24/7", description: "Customer Support" },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real testimonials from satisfied shoppers who love our 3D shopping experience."
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Fashion Enthusiast",
              date: "Date: 15 January 2025",
              title: "The 3D experience changed how I shop online!",
              quote: "Being able to rotate and zoom into products before buying gives me complete confidence in my purchases. The quality is exceptional and the shipping was incredibly fast.",
              tag: "Premium Member",
              avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              avatarAlt: "Sarah Johnson",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1",
              imageAlt: "Sarah Johnson testimonial",
            },
            {
              id: "2",
              name: "Michael Chen, Tech Reviewer",
              date: "Date: 12 January 2025",
              title: "Best online shopping platform I've used!",
              quote: "The 3D visualization technology is revolutionary. I can see every detail of products before purchasing. Their customer service is outstanding and product quality exceeds expectations.",
              tag: "Verified Buyer",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
              avatarAlt: "Michael Chen",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",
              imageAlt: "Michael Chen testimonial",
            },
            {
              id: "3",
              name: "Emily Rodriguez, Interior Designer",
              date: "Date: 10 January 2025",
              title: "Perfect for professional buyers like me",
              quote: "As a designer, I appreciate the attention to detail. The 3D models let me visualize how items fit into spaces. Highly recommend for anyone serious about quality shopping.",
              tag: "Professional Account",
              avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              avatarAlt: "Emily Rodriguez",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2",
              imageAlt: "Emily Rodriguez testimonial",
            },
            {
              id: "4",
              name: "David Kim, Product Manager",
              date: "Date: 8 January 2025",
              title: "Impressed with the entire experience",
              quote: "From browsing to checkout, everything is seamless. The 3D interface is intuitive and the delivery was on time. I've already recommended this to all my colleagues.",
              tag: "Loyal Customer",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "David Kim",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "David Kim testimonial",
            },
            {
              id: "5",
              name: "Lisa Anderson, Entrepreneur",
              date: "Date: 5 January 2025",
              title: "Game-changer for my business!",
              quote: "I use this platform for both personal and business purchases. The bulk ordering system and 3D previews save me so much time. Worth every penny!",
              tag: "Business Partner",
              avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              avatarAlt: "Lisa Anderson",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=3",
              imageAlt: "Lisa Anderson testimonial",
            },
            {
              id: "6",
              name: "James Wilson, Photographer",
              date: "Date: 2 January 2025",
              title: "Precision shopping at its finest",
              quote: "For professional equipment, the 3D specifications and detailed visualizations are invaluable. Finally, an ecommerce platform that respects quality-conscious buyers.",
              tag: "Premium Subscriber",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
              avatarAlt: "James Wilson",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",
              imageAlt: "James Wilson testimonial",
            },
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Partnered with the world's top brands and payment processors to bring you the best shopping experience."
          tag="Partners & Integrations"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Amazon", "Stripe", "Shopify", "PayPal", "FedEx", "UPS", "DHL", "Google", "Microsoft"]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-design_23-2149714663.jpg",
            "http://img.b2bpic.net/free-vector/gradient-money-logo-design_23-2150934165.jpg",
            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-design_23-2149714663.jpg",
            "http://img.b2bpic.net/free-vector/flat-design-monogram-logo_23-2150588944.jpg",
            "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg",
            "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg",
            "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg",
            "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148153516.jpg",
            "http://img.b2bpic.net/free-vector/geometric-abstract-echos-web-design-agency-logo_1421494-124.jpg",
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="3DStore"
          columns={[
            {
              items: [
                { label: "Shop All Products", href: "/products" },
                { label: "Categories", href: "#categories" },
                { label: "Best Sellers", href: "#best-sellers" },
                { label: "New Arrivals", href: "/products?sort=new" },
              ],
            },
            {
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Story", href: "/about" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" },
              ],
            },
            {
              items: [
                { label: "Customer Support", href: "/contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "/shipping" },
                { label: "Track Order", href: "/track" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Return Policy", href: "/returns" },
                { label: "Contact Us", href: "/contact" },
              ],
            },
            {
              items: [
                { label: "Follow Facebook", href: "https://facebook.com" },
                { label: "Follow Instagram", href: "https://instagram.com" },
                { label: "Follow Twitter", href: "https://twitter.com" },
                { label: "Follow LinkedIn", href: "https://linkedin.com" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}