"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Snowflake, Star, Mountain, Phone, Mail, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="grid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Alpine Peak"
          bottomLeftText="Premium Alpine Gear"
          bottomRightText="info@alpinepeak.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Experience Alpine Excellence"
          description="Premium ski gear engineered for mountain perfection. Designed for adventurers who demand the best."
          tag="Premium Alpine Gear"
          tagIcon={Snowflake}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762083-phbe7aua.jpg"
          imageAlt="Snow-covered alpine peaks"
          frameStyle="card"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Alpine Gear"
          description="Handpicked selection of premium ski equipment for serious mountain enthusiasts"
          tag="New Collection"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Pro Ski Boots",
              price: "$599",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871933540-evgjz64z.jpg",
              imageAlt: "Professional alpine ski boots"
            },
            {
              id: "2",
              name: "Thermal Ski Jacket",
              price: "$799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906261197-m1ir2y5q.jpg",
              imageAlt: "Premium thermal insulated ski jacket"
            },
            {
              id: "3",
              name: "Safety Helmet",
              price: "$349",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906262306-l8hvj3yz.jpg",
              imageAlt: "Certified alpine ski helmet"
            },
            {
              id: "4",
              name: "Performance Skis",
              price: "$1,299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871934897-qjnbnmv9.jpg",
              imageAlt: "High-performance alpine skis"
            },
            {
              id: "5",
              name: "Advanced Goggles",
              price: "$249",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906263918-e8v4nhzq.jpg",
              imageAlt: "UV protective ski goggles"
            },
            {
              id: "6",
              name: "Thermal Gloves",
              price: "$149",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906264772-mqia5kmh.jpg",
              imageAlt: "Insulated thermal ski gloves"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Crafted for the Mountains"
          description="Alpine Peak has been perfecting alpine sports equipment since 2005, combining cutting-edge technology with mountain heritage."
          textboxLayout="default"
          contentTag="OUR MISSION"
          contentTagIcon={Mountain}
          contentTitle="Excellence in Every Descent"
          contentDescription="We are dedicated to providing ski enthusiasts with the highest quality alpine gear. Every product is tested in real mountain conditions by professional athletes to ensure peak performance when it matters most."
          contentButtons={[
            { text: "Read Our Story", href: "#" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762083-phbe7aua.jpg"
          imageAlt="Alpine Peak team on the mountain"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          title="Why Choose Alpine Peak"
          description="Our commitment to quality and innovation sets us apart in the alpine sports industry"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
          animationType="slide-up"
          features={[
            {
              id: 1,
              title: "Mountain Tested",
              description: "Every product undergoes rigorous testing at extreme altitudes and temperatures. Professional athletes validate our gear in real-world conditions before reaching your hands.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762083-phbe7aua.jpg",
              imageAlt: "Mountain testing conditions"
            },
            {
              id: 2,
              title: "Advanced Technology",
              description: "We integrate the latest innovations in thermal insulation, lightweight materials, and aerodynamic design to maximize performance on every run.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906261197-m1ir2y5q.jpg",
              imageAlt: "Advanced thermal technology"
            },
            {
              id: 3,
              title: "Lifetime Support",
              description: "Alpine Peak stands behind every product with comprehensive warranty coverage and expert customer support to keep you skiing safely for years.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871933540-evgjz64z.jpg",
              imageAlt: "Customer support and warranty"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by Mountain Enthusiasts"
          description="See what professional athletes and passionate skiers say about Alpine Peak gear"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Marcus Alpine",
              handle: "@marcusalpine",
              testimonial: "Alpine Peak gear has transformed my ski experience. The precision and durability are unmatched. My go-to equipment for every season.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Marcus Alpine"
            },
            {
              id: "2",
              name: "Sofia Mountain",
              handle: "@sofiamtn",
              testimonial: "The thermal technology keeps me warm through the coldest runs. Best investment in ski gear I've ever made. Highly recommend!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Sofia Mountain"
            },
            {
              id: "3",
              name: "James Peak",
              handle: "@jamespeak",
              testimonial: "Used Alpine Peak equipment for competitive skiing. The performance and comfort are incredible. This is professional-grade quality.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906266086-fv1ccetg.jpg",
              imageAlt: "James Peak"
            },
            {
              id: "4",
              name: "Elena Snow",
              handle: "@elenasnow",
              testimonial: "Every detail is perfectly engineered. From boots to jacket, the craftsmanship shows. Alpine Peak sets the standard for ski gear excellence.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg",
              imageAlt: "Elena Snow"
            },
            {
              id: "5",
              name: "David Ridge",
              handle: "@davidridge",
              testimonial: "Exceptional quality and attention to detail. My family trusts Alpine Peak for all our mountain adventures. Worth every penny.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "David Ridge"
            },
            {
              id: "6",
              name: "Lisa Venture",
              handle: "@lisaventure",
              testimonial: "The durability is remarkable. I've pushed these products to the limit on extreme slopes and they perform flawlessly every time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Lisa Venture"
            }
          ]}
          speed={30}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Get in Touch"
          description="Have questions about our alpine gear? Reach out to our expert team. We're here to help you find the perfect equipment for your mountain adventures."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your ski needs and experience level",
            rows: 5,
            required: true
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Alpine Peak"
          title="Premium Alpine Sports Equipment Since 2005"
          columns={[
            {
              title: "Products",
              items: [
                { label: "Skis", href: "#products" },
                { label: "Boots & Bindings", href: "#products" },
                { label: "Apparel", href: "#products" },
                { label: "Accessories", href: "#products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Warranty Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "+1 (555) 123-4567" },
            { icon: Mail, text: "info@alpinepeak.com" },
            { icon: MapPin, text: "Chamonix, France" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}