"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, CheckCircle, Package, TrendingUp, Heart, HelpCircle, Rocket } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="plain"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Webild"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Generate Projects at Scale"
          description="Webild automates project generation and management, helping teams streamline workflows and deliver faster. From concept to completion, we've got you covered."
          tag="Innovation"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg"
          imageAlt="Webild startup workspace and technology"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            {
              text: "Start Free Trial",              href: "#contact"
            },
            {
              text: "Learn More",              href: "#features"
            }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Powerful Features for Modern Teams"
          description="Discover the capabilities that make Webild the choice for smart project generation and management."
          tag="Our Capabilities"
          tagIcon={CheckCircle}
          features={[
            {
              id: "automation",              title: "Intelligent Automation",              description: "Automatically generate and manage projects with intelligent workflows tailored to your team's needs.",              tag: "Automation",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg",              imageAlt: "Automated workflow automation technology"
            },
            {
              id: "collaboration",              title: "Real-time Collaboration",              description: "Work seamlessly across teams with real-time updates, comments, and collaborative project management.",              tag: "Teamwork",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060234.jpg",              imageAlt: "Team collaboration and communication"
            },
            {
              id: "analytics",              title: "Advanced Analytics",              description: "Gain actionable insights with comprehensive analytics and reporting on project performance and metrics.",              tag: "Analytics",              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg",              imageAlt: "Data analytics and insights dashboard"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardFour
          title="Project Solutions"
          description="Explore our range of project generation and management solutions designed for teams of all sizes."
          tag="Solutions"
          tagIcon={Package}
          textboxLayout="default"
          products={[
            {
              id: "starter",              name: "Starter Project Generator",              price: "$29/mo",              variant: "Perfect for small teams  Essential features",              imageSrc: "https://img.b2bpic.net/free-photo/employee-office-leaving-desk-present-revenue-figures-tablet_482257-126652.jpg",              imageAlt: "Starter plan project generator"
            },
            {
              id: "professional",              name: "Professional Project Suite",              price: "$79/mo",              variant: "For growing teams  Advanced automation",              imageSrc: "https://img.b2bpic.net/free-photo/employee-office-leaving-desk-present-revenue-figures-tablet_482257-126652.jpg",              imageAlt: "Professional project suite solution"
            },
            {
              id: "enterprise",              name: "Enterprise Solution",              price: "Custom",              variant: "For large organizations  Full customization",              imageSrc: "https://img.b2bpic.net/free-photo/employee-office-leaving-desk-present-revenue-figures-tablet_482257-126652.jpg",              imageAlt: "Enterprise project management solution"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Join thousands of teams who are accelerating their project delivery with Webild."
          tag="Growth"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "10K+",              title: "Projects Generated Monthly",              items: ["50+ enterprise clients", "99.9% uptime", "Global support"]
            },
            {
              id: "2",              value: "50%",              title: "Time Saved on Average",              items: ["40+ integrations", "Automatic updates", "Continuous improvement"]
            },
            {
              id: "3",              value: "5M+",              title: "Tasks Automated",              items: ["Zero manual work", "Smart scheduling", "Error-free execution"]
            },
            {
              id: "4",              value: "98%",              title: "Client Satisfaction Rate",              items: ["24/7 support", "Dedicated success team", "Regular training"]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by industry leaders and innovative teams worldwide"
          cardTag="Join our community"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen CEO"
            },
            {
              id: "2",              name: "Michael Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Michael Rodriguez CTO"
            },
            {
              id: "3",              name: "Emily Watson",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Emily Watson Founder"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "David Kim Director"
            },
            {
              id: "5",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Jessica Martinez Manager"
            },
            {
              id: "6",              name: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "James Wilson Consultant"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about Webild and how it can transform your project management."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How does Webild automate project generation?",              content: "Webild uses intelligent algorithms to analyze your project requirements and automatically generate optimized project structures, timelines, and resource allocations based on your team's preferences and historical data."
            },
            {
              id: "2",              title: "What integrations does Webild support?",              content: "Webild integrates with 40+ popular tools including Slack, Microsoft Teams, Jira, Asana, Monday.com, Trello, and many more. We continuously add new integrations based on customer requests."
            },
            {
              id: "3",              title: "Is my data secure on Webild?",              content: "Yes, we employ enterprise-grade security with end-to-end encryption, SOC 2 compliance, regular security audits, and GDPR/CCPA compliance to ensure your data is always protected."
            },
            {
              id: "4",              title: "Can I customize project templates?",              content: "Absolutely! Webild allows you to create, customize, and save unlimited project templates that match your team's specific workflows and processes."
            },
            {
              id: "5",              title: "What support options are available?",              content: "We offer 24/7 email and chat support, a comprehensive knowledge base, video tutorials, and dedicated success managers for enterprise customers."
            },
            {
              id: "6",              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 to get started."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Projects?"
          ctaDescription="Start your free trial today and see how Webild can accelerate your project delivery. No credit card required."
          ctaButton={{
            text: "Start Your Free Trial",            href: "https://webild.io/signup"
          }}
          ctaIcon={Rocket}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What's included in the free trial?",              content: "The free trial includes full access to all features, unlimited project generations, team collaboration tools, analytics dashboard, and priority support for 14 days."
            },
            {
              id: "2",              title: "How do I get started?",              content: "Simply click 'Start Your Free Trial', sign up with your email, and you'll have immediate access to Webild. Onboarding takes just 5 minutes."
            },
            {
              id: "3",              title: "Can I upgrade or downgrade anytime?",              content: "Yes! You can change your plan at any time. Changes take effect on your next billing cycle, and we'll prorate any adjustments."
            },
            {
              id: "4",              title: "Do you offer volume discounts?",              content: "Yes, we offer special pricing for teams of 10+ and custom packages for enterprise customers. Contact our sales team for details."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Webild"
          copyrightText="© 2025 Webild. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#security" },
                { label: "Roadmap", href: "#roadmap" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" },
                { label: "Press", href: "/press" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "/docs" },
                { label: "API Reference", href: "/api" },
                { label: "Community", href: "/community" },
                { label: "Templates", href: "/templates" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Compliance", href: "/compliance" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "https://twitter.com/webild" },
                { label: "LinkedIn", href: "https://linkedin.com/company/webild" },
                { label: "GitHub", href: "https://github.com/webild" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}