"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TagAbout from '@/components/sections/about/TagAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Facebook, Instagram, Twitter, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="animatedGrid"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="SkiGear"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SkiGear"
          description="Premium skiing equipment and apparel for every level. From beginners to experts, find the perfect gear to conquer the slopes with confidence and style."
          buttons={[
            { text: "Shop Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762924-gcifrz2d.jpg"
          imageAlt="Alpine skiing in snowy mountains"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="About SkiGear"
          description="Based in Switzerland, we are committed to providing premium skiing gear that combines performance, durability, and style. Our carefully curated collection features equipment tested in the toughest alpine conditions, ensuring you have everything needed for an unforgettable experience on the slopes."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Featured Gear"
          description="Discover our collection of premium skiing equipment handpicked for quality and performance"
          tag="Best Sellers"
          products={[
            {
              id: "1",
              name: "Pro Ski Jacket",
              price: "$349",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871933755-ytfdu3v3.jpg",
              imageAlt: "Professional ski jacket",
              isFavorited: false
            },
            {
              id: "2",
              name: "Performance Boots",
              price: "$299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871933540-evgjz64z.jpg",
              imageAlt: "Performance ski boots",
              isFavorited: false
            },
            {
              id: "3",
              name: "Safety Helmet",
              price: "$179",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871934897-qjnbnmv9.jpg",
              imageAlt: "Safety ski helmet",
              isFavorited: false
            },
            {
              id: "4",
              name: "Premium Goggles",
              price: "$159",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871935857-cl800vwo.jpg",
              imageAlt: "Premium ski goggles",
              isFavorited: false
            },
            {
              id: "5",
              name: "Insulated Gloves",
              price: "$89",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871936802-jkl8rfp9.jpg",
              imageAlt: "Insulated ski gloves",
              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFifteen
          title="Why Choose SkiGear"
          description="Quality, performance, and innovation in every product"
          tag="Features"
          features={[
            {
              id: "1",
              title: "Premium Materials",
              description: "Engineered with top-grade fabrics and components for durability and comfort",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871933755-ytfdu3v3.jpg"
            },
            {
              id: "2",
              title: "Expert Testing",
              description: "All products tested in alpine conditions by professional skiers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762083-phbe7aua.jpg"
            },
            {
              id: "3",
              title: "Swiss Craftsmanship",
              description: "Built with precision and attention to detail, Swiss tradition in every piece",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871933540-evgjz64z.jpg"
            },
            {
              id: "4",
              title: "Weather Protection",
              description: "Advanced waterproof and insulation technology keeps you warm and dry",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871934897-qjnbnmv9.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Customers Say"
          description="Real reviews from skiers who trust SkiGear for their alpine adventures"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Anna Mueller",
              role: "Professional Skier",
              company: "Alpine Tours",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269123042-ekxd8aqx.jpg",
              imageAlt: "Anna Mueller"
            },
            {
              id: "2",
              name: "Marco Rossi",
              role: "Ski Instructor",
              company: "Verbier Academy",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871934455-0av76mse.jpg",
              imageAlt: "Marco Rossi"
            },
            {
              id: "3",
              name: "Sophie Dubois",
              role: "Mountain Enthusiast",
              company: "Adventure Sports",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg",
              imageAlt: "Sophie Dubois"
            },
            {
              id: "4",
              name: "Klaus Schmidt",
              role: "Weekend Skier",
              company: "Fitness First",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871938029-nnupnnv5.jpg",
              imageAlt: "Klaus Schmidt"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services"
          tag="Help"
          faqs={[
            {
              id: "1",
              title: "What sizes are available?",
              content: "We offer a full range of sizes from XS to XXL for most products. Each product page displays detailed sizing charts to help you find the perfect fit."
            },
            {
              id: "2",
              title: "What is your return policy?",
              content: "We offer a 30-day return policy on all products in original condition. Returns are free within Switzerland and most EU countries. Contact our support team for international returns."
            },
            {
              id: "3",
              title: "How long does shipping take?",
              content: "Orders within Switzerland arrive within 2-3 business days. EU orders typically take 5-7 business days. Expedited shipping options are available at checkout."
            },
            {
              id: "4",
              title: "Are your products waterproof?",
              content: "Most of our jackets and pants feature waterproof membranes with sealed seams. Product descriptions clearly indicate waterproof ratings and breathability specs."
            },
            {
              id: "5",
              title: "Do you offer bulk discounts?",
              content: "Yes, we offer special pricing for groups and resellers. Please contact our sales team at sales@skigear.ch for wholesale inquiries."
            },
            {
              id: "6",
              title: "How do I care for my gear?",
              content: "Each product comes with detailed care instructions. Generally, machine wash with mild detergent, air dry, and avoid high heat. We also offer professional cleaning services."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871932580-ery7d6cn.jpg"
          imageAlt="Skiing instruction on mountain"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for new product launches, exclusive offers, and skiing tips from the experts."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762083-phbe7aua.jpg"
          imageAlt="Beautiful alpine slopes"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing you agree to our Terms and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="SkiGear"
          copyrightText="© SkiGear AG, Switzerland 2025. All rights reserved."
          columns={[
            {
              title: "Shop",
              items: [
                { label: "Men's Gear", href: "#" },
                { label: "Women's Gear", href: "#" },
                { label: "Kids' Gear", href: "#" },
                { label: "Accessories", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Returns", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Size Guide", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
