"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Sparkles, Shield, Zap, TrendingUp, HelpCircle, Mail, Phone, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="large"
      background="noise"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Webild"
          bottomLeftText="Global Community"
          bottomRightText="hello@webild.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Transform Your Digital Presence"
          description="Experience seamless integration of cutting-edge technology with stunning design. Scroll down to discover how we elevate your business."
          tag="Next Generation"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147904142.jpg"
          imageAlt="Product dashboard interface"
          buttons={[
            { text: "Get Started", href: "contact" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Why Choose Us"
          description="We combine industry expertise with innovative solutions to deliver exceptional results for your business."
          tag="About"
          tagIcon={Shield}
          features={[
            {
              id: "expertise",              title: "Expert Team",              description: "Our dedicated professionals bring years of experience and passion to every project, ensuring your vision comes to life with precision and creativity.",              label: "15+ Years"
            },
            {
              id: "innovation",              title: "Innovation First",              description: "We stay ahead of industry trends and leverage the latest technologies to provide solutions that drive meaningful growth and competitive advantage.",              label: "100% Custom"
            }
          ]}
          buttons={[
            { text: "Explore Our Work", href: "features" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Powerful Features"
          description="Everything you need to succeed, all in one comprehensive platform."
          tag="Capabilities"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",              title: "Advanced Analytics",              description: "Real-time insights and comprehensive reporting to make data-driven decisions.",              imageSrc: "https://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359901.jpg",              imageAlt: "Analytics dashboard"
            },
            {
              id: "2",              title: "Seamless Integration",              description: "Connect with your existing tools and workflows effortlessly.",              imageSrc: "https://img.b2bpic.net/free-vector/professional-dashboard-user-panel_23-2148368370.jpg",              imageAlt: "Integration interface"
            },
            {
              id: "3",              title: "Enterprise Security",              description: "Bank-level encryption and compliance standards to protect your data.",              imageSrc: "https://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359299.jpg",              imageAlt: "Security features"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Results"
          description="Our impact speaks for itself through measurable success and client satisfaction."
          tag="Stats"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Successful Projects Delivered",              items: [
                "Across 50+ industries",                "Global client base",                "Avg. 98% satisfaction rate"
              ]
            },
            {
              id: "2",              value: "2M+",              title: "Users Empowered",              items: [
                "Active monthly users",                "24/7 platform uptime",                "Zero data breaches"
              ]
            },
            {
              id: "3",              value: "150%",              title: "Average ROI Increase",              items: [
                "Within first 12 months",                "Measurable performance gains",                "Rapid deployment"
              ]
            },
            {
              id: "4",              value: "24/7",              title: "Expert Support Available",              items: [
                "Priority customer service",                "Multi-language support",                "Dedicated account managers"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="This platform completely transformed how we operate. The results exceeded our expectations, and the team's support was exceptional throughout the entire process."
          rating={5}
          author="Sarah Johnson, CEO at TechCorp"
          avatars={[
            { src: "https://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", alt: "User 1" },
            { src: "https://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg", alt: "User 2" },
            { src: "https://img.b2bpic.net/free-vector/colored-teamwork-avatars-flat-design_23-2147550860.jpg", alt: "User 3" },
            { src: "https://img.b2bpic.net/free-vector/user-circles-multiple-colours-set_78370-8782.jpg", alt: "User 4" }
          ]}
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our platform and services."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718957049-2qbl1ozn.jpg"
          imageAlt="Customer support team"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How quickly can we get started?",              content: "Most clients are up and running within 48 hours. We handle the entire onboarding process with dedicated support from our expert team."
            },
            {
              id: "2",              title: "What kind of support do you offer?",              content: "We provide 24/7 customer support via email, chat, and phone. Plus, each enterprise client gets a dedicated account manager."
            },
            {
              id: "3",              title: "Is my data secure?",              content: "Yes. We use bank-level encryption, comply with GDPR and SOC 2 standards, and conduct regular security audits to protect your data."
            },
            {
              id: "4",              title: "Can you integrate with our existing tools?",              content: "Absolutely. We offer seamless integrations with 200+ popular business applications including Salesforce, HubSpot, and Slack."
            },
            {
              id: "5",              title: "What's your pricing model?",              content: "We offer flexible pricing tiers based on your needs, from starter plans to enterprise solutions. No hidden fees, and you can upgrade anytime."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to transform your business?"
          description="Join hundreds of companies already experiencing the difference. Start your free trial today and discover how we can help you achieve your goals."
          tagIcon={Mail}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We'll never spam you."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Webild"
          title="Empowering businesses with innovative digital solutions since 2009."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#security" },
                { label: "Status", href: "#status" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#blog" },
                { label: "Careers", href: "#careers" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#docs" },
                { label: "API Reference", href: "#api" },
                { label: "Support", href: "#support" },
                { label: "Guides", href: "#guides" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#privacy" },
                { label: "Terms", href: "#terms" },
                { label: "Cookies", href: "#cookies" },
                { label: "Compliance", href: "#compliance" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "(914) 820-5734" },
            { icon: Mail, text: "hello@webild.com" },
            { icon: MapPin, text: "San Francisco, CA" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}