"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Github, Heart, HelpCircle, Linkedin, Rocket, Sparkles, Twitter, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Webild"
          navItems={[
            { name: "Features", id: "features" },
            { name: "How It Works", id: "process" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Webild"
          description="Intelligent project generation platform that accelerates workflows and transforms how teams collaborate on innovation."
          buttons={[
            { text: "Start Building", href: "contact" },
            { text: "View Demo", href: "features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg"
          imageAlt="Modern technology workspace with digital innovation"
          showDimOverlay={true}
          logoLineHeight={1.1}
          ariaLabel="Webild - Project Generations Hero Section"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Webild"
          description={[
            "Webild is revolutionizing project management through intelligent generation technology. We empower teams to create, organize, and execute projects with unprecedented speed and clarity.",            "Our platform combines artificial intelligence with intuitive design to eliminate bottlenecks, streamline communication, and unlock creative potential. Whether you're managing complex initiatives or scaling your operations, Webild adapts to your unique workflow and drives measurable results."
          ]}
          buttons={[
            { text: "Learn More", href: "process" }
          ]}
          showBorder={false}
          useInvertedBackground="invertDefault"
          ariaLabel="About Webild Section"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          tag="How It Works"
          tagIcon={Sparkles}
          title="Simple Process, Powerful Results"
          description="Our intuitive three-step approach ensures rapid deployment and immediate value delivery. From setup to execution, Webild guides you seamlessly."
          buttons={[
            { text: "Schedule Demo", href: "contact" }
          ]}
          steps={[
            {
              number: "01",              title: "Define Your Vision",              tag: "Setup Phase",              description: "Input your project parameters, team structure, and objectives. Our AI analyzes your needs and generates tailored project frameworks instantly."
            },
            {
              number: "02",              title: "Generate & Customize",              tag: "Development Phase",              description: "Leverage AI-powered generation to create detailed plans, timelines, and deliverables. Customize every element to match your exact requirements."
            },
            {
              number: "03",              title: "Execute & Collaborate",              tag: "Execution Phase",              description: "Deploy your project with built-in collaboration tools, real-time updates, and intelligent tracking. Monitor progress and adapt on the fly."
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="How Webild Works - Process Steps"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Customer Reviews"
          description="See what industry leaders and innovative teams have to say about transforming their projects with Webild."
          tag="Social Proof"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Director of Innovation",              testimonial: "Webild cut our project setup time by 70%. The AI-generated frameworks are not just accurate—they're insightful. Our team productivity has skyrocketed.",              imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Sarah Chen, Director of Innovation"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "VP of Product",              testimonial: "The collaboration features are seamless. What used to require multiple tools now happens in one intuitive platform. Our cross-functional teams love it.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Marcus Johnson, VP of Product"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Project Manager",              testimonial: "The AI understanding of our workflow patterns is remarkable. Webild generates project plans that anticipate challenges before they happen.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Elena Rodriguez, Project Manager"
            },
            {
              id: "4",              name: "David Kumar",              role: "Founder & CEO",              testimonial: "As a growing startup, we needed scalability without complexity. Webild scales with us, adapting to our changing needs effortlessly.",              imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",              imageAlt: "David Kumar, Founder & CEO"
            },
            {
              id: "5",              name: "Jessica Williams",              role: "Chief Technology Officer",              testimonial: "Integration with our existing systems was painless. The technical support team went above and beyond to ensure smooth deployment.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg",              imageAlt: "Jessica Williams, Chief Technology Officer"
            },
            {
              id: "6",              name: "Robert Chen",              role: "Operations Director",              testimonial: "ROI was immediate. We've reduced project delivery cycles by 50% and our stakeholders are consistently impressed with our execution quality.",              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",              imageAlt: "Robert Chen, Operations Director"
            }
          ]}
          animationType="slide-up"
          carouselMode="buttons"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Customer Testimonials and Reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about Webild's capabilities, pricing, and implementation."
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "How does Webild's AI project generation work?",              content: "Our AI analyzes your project parameters, team structure, industry, and goals. It then generates comprehensive project plans, timelines, resource allocations, and risk assessments based on thousands of successful project patterns."
            },
            {
              id: "2",              title: "Can I customize generated projects?",              content: "Absolutely. Webild's generated projects are fully customizable. You can modify timelines, reassign resources, adjust deliverables, and add specific requirements. The AI learns from your customizations to improve future generations."
            },
            {
              id: "3",              title: "What's your implementation timeline?",              content: "Most teams are operational within 2-3 days. We provide onboarding support, team training, and API integration assistance. Enterprise clients receive dedicated implementation managers for faster deployment."
            },
            {
              id: "4",              title: "Do you offer integration with existing tools?",              content: "Yes. Webild integrates with popular project management tools, communication platforms, and enterprise systems. We have pre-built connectors for Slack, Jira, Asana, Monday.com, and custom API access for other integrations."
            },
            {
              id: "5",              title: "How secure is our project data?",              content: "We employ enterprise-grade encryption, multi-factor authentication, and SOC 2 Type II compliance. Your data is never shared or used to train our AI models without explicit consent."
            },
            {
              id: "6",              title: "What support does Webild provide?",              content: "All plans include email and chat support. Pro and Enterprise plans get phone support, dedicated success managers, and priority response times. We also offer detailed documentation and regular training webinars."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Customer support and help resources"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          showCard={true}
          ariaLabel="Webild FAQ Section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Projects?"
          ctaDescription="Schedule a personalized demo and discover how Webild can accelerate your project execution."
          ctaButton={{
            text: "Book Your Demo",            href: "#contact"
          }}
          ctaIcon={Rocket}
          faqs={[
            {
              id: "contact-1",              title: "How can I get started?",              content: "Click 'Book Your Demo' to schedule a 30-minute session with our team. We'll walk through your specific needs and show how Webild can fit into your workflow."
            },
            {
              id: "contact-2",              title: "Is there a free trial?",              content: "Yes, we offer a 14-day free trial with full access to all features. No credit card required. You can cancel anytime within the trial period."
            },
            {
              id: "contact-3",              title: "What's the pricing model?",              content: "We offer flexible plans starting at $79/month for individual contributors and scaling to custom enterprise pricing. All plans include essential features with premium tiers unlocking advanced AI capabilities."
            },
            {
              id: "contact-4",              title: "Can I switch plans later?",              content: "Yes, upgrade or downgrade your plan anytime. Changes take effect immediately, and we'll prorate any charges or credits accordingly."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          ariaLabel="Contact and Getting Started Section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Webild"
          copyrightText="© 2025 Webild | Project Generations. All rights reserved."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com/webild",              ariaLabel: "Follow Webild on Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/webild",              ariaLabel: "Connect with Webild on LinkedIn"
            },
            {
              icon: Github,
              href: "https://github.com/webild",              ariaLabel: "Explore Webild on GitHub"
            }
          ]}
          ariaLabel="Site Footer"
        />
      </div>
    </ThemeProvider>
  );
}