"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/products" },
            { name: "About", id: "/about" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="Stickeropia"
          bottomLeftText="Creative Expressions"
          bottomRightText="support@stickeropia.com"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroCentered
          title="Your World, Beautifully Stuck."
          description="Discover high-quality stickers for every passion. Durable, vibrant, and uniquely designed to express you."
          background={{ variant: "radial-gradient" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/happy-man-with-joyful-expression-has-perfect-smile-white-teeth-laughs-something-funny_273609-17078.jpg", alt: "Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-surprised-happy_141793-54554.jpg", alt: "Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/young-female-grey-t-shirt-looking-cheerful-front-view_176474-15991.jpg", alt: "Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", alt: "Customer 4" },
            { src: "http://img.b2bpic.net/free-photo/beautiful-elderly-woman-colorful-dress-outside-autumn-street_1303-29574.jpg", alt: "Customer 5" },
          ]}
          avatarText="Loved by thousands of happy customers!"
          buttons={[
            { text: "Shop Now", href: "/products" },
            { text: "Custom Orders", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardSixteen
          negativeCard={{
            items: [
              "Fading, dull colors",              "Weak adhesive, peels easily",              "Not waterproof or weatherproof",              "Lack of intricate detail",              "Leaves sticky residue"],
          }}
          positiveCard={{
            items: [
              "Vibrant, fade-resistant colors",              "Strong, residue-free adhesion",              "Fully waterproof & weatherproof",              "Crisp, intricate designs",              "Easy application & removal"],
          }}
          animationType="slide-up"
          title="Why Our Stickers Stand Out"
          description="Experience the difference with stickers that don't just look good, but are built to last through all of life's adventures. We prioritize quality so you can stick with confidence."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardThree
          products={[
            { id: "product-1", name: "Abstract Wave Sticker", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-vector/gradient-zine-culture-sticker-collection_23-2149167938.jpg", imageAlt: "Colorful abstract wave sticker" },
            { id: "product-2", name: "Cute Cat Laptop Decal", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-vector/watercolor-logo-banners-colorful-style_23-2147523049.jpg", imageAlt: "Adorable cartoon cat sticker" },
            { id: "product-3", name: "Stay Wild Quote Sticker", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-vector/lettering-mental-health-stickers-collection_52683-92398.jpg", imageAlt: "Motivational 'Stay Wild' quote sticker" },
            { id: "product-4", name: "Vintage Camera Sticker", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-vector/gradient-zine-culture-sticker-collection_23-2149167938.jpg", imageAlt: "Retro camera sticker" },
            { id: "product-5", name: "Mountain Landscape Decal", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-vector/watercolor-logo-banners-colorful-style_23-2147523049.jpg", imageAlt: "Scenic mountain landscape sticker" },
            { id: "product-6", name: "Coffee Lover Sticker", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-vector/lettering-mental-health-stickers-collection_52683-92398.jpg", imageAlt: "Coffee cup illustration sticker" },
          ]}
          carouselMode="buttons"
          gridVariant="three-column"
          animationType="slide-up"
          title="Explore Our Top Picks"
          description="Browse our most popular and unique sticker collections, perfect for personalizing your gear, gifts, or just brightening your day. Click to see more!"
          buttons={[{ text: "View All Products", href: "/products" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            { id: "1", title: "Unmatched Quality & Detail!", quote: "The stickers from Stickeropia are absolutely stunning! The colors are so vibrant and the details are incredibly crisp. They feel premium and stick perfectly without any bubbles. My laptop looks amazing!", name: "Sarah J.", role: "Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", title: "Durable & Weatherproof!", quote: "I put these stickers on my water bottle and car, and they've held up through rain, sun, and countless washes. No fading, no peeling! Truly high-quality and built to last. Highly recommend!", name: "Mark T.", role: "Outdoor Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg", imageAlt: "Mark Thompson" },
            { id: "3", title: "Creative Designs, Endless Joy!", quote: "Stickeropia has the most unique and creative designs! I always find something that perfectly expresses my personality. The selection is fantastic, and the joy they bring is immeasurable. My favorite sticker shop!", name: "Emily R.", role: "Artist & Collector", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-lady-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-9932.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", title: "Fantastic Customer Service!", quote: "Not only are the stickers top-notch, but the customer service is exceptional. I had a query about a custom order, and they were so helpful and responsive. A pleasure to shop with!", name: "David K.", role: "Small Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6616.jpg", imageAlt: "David Kim" },
          ]}
          title="What Our Customers Say"
          description="Hear from happy customers who love the quality, durability, and creativity of our stickers. Their satisfaction is our greatest reward."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={["Creative Studio", "Online Boutique", "Community Hub", "Gaming Channel", "Art Collective", "Podcast Network", "Event Planners"]}
          logos={[
            "http://img.b2bpic.net/free-vector/abstract-colorful-business-visiting-card-template_23-2148347127.jpg",            "http://img.b2bpic.net/free-vector/luxury-retro-logo-collection_23-2148386459.jpg",            "http://img.b2bpic.net/free-vector/logotype-made-with-colorful-shapes_1025-800.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-dark-skulls-youtube-channel-art_23-2149673147.jpg",            "http://img.b2bpic.net/free-photo/listen-music-entertain-melody-harmony_53876-21279.jpg",            "http://img.b2bpic.net/free-vector/detailed-podcast-logo-template_23-2148775257.jpg",            "http://img.b2bpic.net/free-vector/linear-flat-wedding-monograms-collection_23-2148983859.jpg"]}
          title="Trusted by Creatives & Brands"
          description="Our high-quality stickers are chosen by artists, small businesses, content creators, and enthusiasts alike for their projects and personal expression."
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout
          title="Crafted for Perfection"
          description="At Stickeropia, we believe in the power of expression. Every sticker is a piece of art, meticulously printed with vibrant colors and durable materials to ensure they last. From intricate designs to bold statements, our passion is bringing your ideas to life, beautifully stuck. Learn more about our commitment to quality."
          buttons={[{ text: "Our Story", href: "/about" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/drinking-good-coffee-working-laptop_329181-19735.jpg"
          imageAlt="Person applying a high-quality sticker to a laptop"
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            { title: "Shop", items: [{ label: "All Stickers", href: "/products" }, { label: "New Arrivals", href: "/products#new" }, { label: "Best Sellers", href: "/products#best-sellers" }] },
            { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Mission", href: "/about#mission" }, { label: "Blog", href: "/blog" }] },
            { title: "Support", items: [{ label: "FAQ", href: "/faq" }, { label: "Contact Us", href: "/contact" }, { label: "Shipping & Returns", href: "/faq#shipping" }] },
            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
          ]}
          copyrightText="© 2024 Stickeropia. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
