"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="TechForward"
          navItems={[
            { name: "About", id: "about" },
            { name: "Process", 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">
        <HeroSplit
          title="Building the future, one innovation at a time"
          description="Our tech startup delivers elegant, powerful solutions designed for tomorrow's digital world. Experience the perfect blend of simplicity and sophistication."
          tag="Next Generation"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg"
          imageAlt="Revolutionary tech product showcase"
          imagePosition="right"
          buttons={[
            { text: "Explore the future", href: "contact" },
            { text: "View Demo", href: "#process" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We craft intuitive solutions for" },
            { type: "text", content: "the modern era" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "#process" }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardNineteen
          title="Our Innovation Process"
          description="From concept to launch, we follow a rigorous methodology ensuring excellence at every stage. Our process combines strategic thinking, cutting-edge development, and meticulous deployment."
          tag="Methodology"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Discovery",              title: "Strategic Planning",              subtitle: "Data-driven insights guide our direction",              description: "We analyze market trends, user behavior, and competitive landscape to create strategies that drive real results. Every decision is informed by deep research and innovative thinking.",              imageSrc: "https://img.b2bpic.net/free-vector/professional-infographic-with-photo_23-2148331611.jpg",              imageAlt: "Strategic planning and innovation",              buttons: [
                { text: "Learn More", href: "#contact" }
              ]
            },
            {
              id: 2,
              tag: "Engineering",              title: "Elegant Development",              subtitle: "Clean code, powerful solutions",              description: "Our engineers build with simplicity and power in mind. We leverage modern technologies and best practices to create robust, scalable solutions that stand the test of time.",              imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062004.jpg",              imageAlt: "Software development and engineering",              buttons: [
                { text: "See Portfolio", href: "#contact" }
              ]
            },
            {
              id: 3,
              tag: "Launch",              title: "Seamless Deployment",              subtitle: "From beta to production excellence",              description: "We ensure flawless launches with rigorous testing and strategic rollout. Our deployment process minimizes risk while maximizing impact, getting your innovation to market quickly.",              imageSrc: "https://img.b2bpic.net/free-vector/creative-flat-business-concept_23-2147800499.jpg",              imageAlt: "Product launch and deployment",              buttons: [
                { text: "Start Project", href: "#contact" }
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact"
          description="Proven results that speak for themselves. We deliver measurable value across every dimension."
          tag="Performance"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            { id: "1", value: "500K+", description: "Active Users Worldwide" },
            { id: "2", value: "98%", description: "Satisfaction Rate" },
            { id: "3", value: "150+", description: "Enterprise Clients" },
            { id: "4", value: "50M+", description: "Daily Transactions" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Loved by Industry Leaders"
          description="See what forward-thinking companies say about partnering with us."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, CEO of DigitalFlow",              date: "Date: 15 November 2024",              title: "Transformed our entire infrastructure",              quote: "Working with TechForward was a game-changer. Their elegant solutions simplified our complex systems, and their team's dedication to excellence was evident from day one. We've cut operational costs by 40%.",              tag: "Enterprise Plan",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg",              imageAlt: "DigitalFlow team collaboration"
            },
            {
              id: "2",              name: "Marcus Johnson, CTO of InnovateLab",              date: "Date: 22 October 2024",              title: "Exceptional technical excellence",              quote: "The precision and innovation in their approach is remarkable. They didn't just build what we asked for—they anticipated our needs and delivered solutions we didn't know we needed. Highly recommended.",              tag: "Professional Plan",              avatarSrc: "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",              avatarAlt: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/office-workers-glass_1170-81.jpg",              imageAlt: "InnovateLab workspace"
            },
            {
              id: "3",              name: "Emily Rodriguez, Product Director at GrowthCo",              date: "Date: 8 September 2024",              title: "True partners in innovation",              quote: "Beyond technical prowess, TechForward demonstrated genuine partnership. They aligned with our vision, communicated transparently, and delivered results that exceeded our expectations. We're now scaling globally.",              tag: "Business Plan",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              avatarAlt: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/tired-asian-it-specialist-drinking-coffee-watching-female-colleague-working-with-laptop-indoor-portrait-young-business-people-sitting-table-together-conference-hall_197531-3708.jpg",              imageAlt: "GrowthCo business meeting"
            },
            {
              id: "4",              name: "David Park, Founder of VentureTech",              date: "Date: 1 August 2024",              title: "Accelerated our time to market",              quote: "Their efficiency and expertise reduced our development timeline by 6 months. The quality of their work is indistinguishable from premium in-house teams, but with the flexibility of an external partner.",              tag: "Startup Plan",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              avatarAlt: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg",              imageAlt: "VentureTech innovation space"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about our services, technology, and partnership approach."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do you ensure solution quality?",              content: "We employ rigorous testing protocols, code reviews, and continuous integration practices. Every solution undergoes comprehensive validation before deployment, ensuring enterprise-grade reliability and performance."
            },
            {
              id: "2",              title: "What's your typical project timeline?",              content: "Most projects launch within 3-6 months depending on scope and complexity. We break work into phases with clear milestones, allowing for flexibility while maintaining momentum. We prioritize speed without compromising quality."
            },
            {
              id: "3",              title: "Do you provide ongoing support?",              content: "Yes. We offer comprehensive post-launch support including monitoring, maintenance, and optimization. Our dedicated support team ensures your solution continues performing at peak efficiency."
            },
            {
              id: "4",              title: "How do you handle security?",              content: "Security is foundational to everything we build. We follow industry-standard encryption, conduct regular security audits, implement compliance frameworks, and maintain robust disaster recovery protocols."
            },
            {
              id: "5",              title: "Can you scale as we grow?",              content: "Absolutely. Our architectures are designed for scalability from day one. Whether you're growing from 100 to 100,000 users, our solutions scale seamlessly with your business needs."
            },
            {
              id: "6",              title: "What's your pricing model?",              content: "We offer flexible engagement models: fixed-price projects, dedicated team augmentation, and outcome-based pricing. Let's discuss your specific needs and find the right fit for your budget and goals."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to innovate?"
          ctaDescription="Let's discuss how we can bring your vision to life. Schedule a free consultation with our team."
          ctaButton={{ text: "Schedule a Call", href: "https://calendly.com/techforward" }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I get started?",              content: "Contact our sales team through the form, and we'll schedule a discovery call. We'll learn about your goals, assess your needs, and outline a customized approach for your project."
            },
            {
              id: "2",              title: "What's the first step?",              content: "Schedule a free 30-minute consultation. No obligations, just a conversation about your vision, challenges, and how we might help you achieve your innovation goals."
            },
            {
              id: "3",              title: "Do you work with startups?",              content: "Yes! We love working with startups. We understand the constraints and opportunities unique to early-stage companies and offer flexible engagement models tailored to startup needs."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="TechForward"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#process" },
                { label: "Security", href: "#faq" },
                { label: "Integrations", href: "#contact" },
                { label: "Pricing", href: "#about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#faq" },
                { label: "Careers", href: "#contact" },
                { label: "Press", href: "#faq" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#process" },
                { label: "API Reference", href: "#process" },
                { label: "Support", href: "#contact" },
                { label: "Community", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "GitHub", href: "https://github.com" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2024 TechForward. Building the future, one innovation at a time."
        />
      </div>
    </ThemeProvider>
  );
}
