"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Lightbulb, Target, Zap, CheckCircle, Scale, Cpu, Heart, Star, Brain, Users, TrendingUp } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Product", id: "about" },
            { name: "How It Works", id: "features" },
            { name: "Philosophy", id: "philosophy" },
            { name: "Agents", id: "agents" }
          ]}
          button={{ text: "Start Free Trial", href: "#contact" }}
          brandName="FIOVA"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="The AI Operating System for Info & Education Creators"
          description="FIOVA combines your business intelligence with specialized AI agents to help you build, market, and scale your business. Think of it as having a team of expert consultants available 24/7—one that knows everything about your business, your audience, and your offers."
          tag="AI Operating System"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Get Started Free", href: "#contact" },
            { text: "Watch Demo", href: "#" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/a-sleek-ai-operating-system-dashboard-in-1772491934788-2c5a1ece.png",              imageAlt: "AI operating system dashboard interface"
            },
            {
              id: "carousel-2",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/an-illustration-of-a-creative-person-wor-1772491936290-0cb46c36.png?_wi=1",              imageAlt: "Creative person working with AI assistants"
            },
            {
              id: "carousel-3",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/abstract-visual-representation-of-the-60-1772491934364-b5b41420.png?_wi=1",              imageAlt: "Abstract 60/40 rule visualization"
            },
            {
              id: "carousel-4",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=1",              imageAlt: "Five AI agents organizational chart"
            },
            {
              id: "carousel-5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/a-modern-software-interface-highlighting-1772491934252-2bca3c20.png?_wi=1",              imageAlt: "Modern software interface with key features"
            },
            {
              id: "carousel-6",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/inspiring-illustration-of-a-creator-succ-1772491934045-42d9a3da.png?_wi=1",              imageAlt: "Creator succeeding with AI assistance"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="What is FIOVA?"
          description="FIOVA is not a chatbot. It's not another SaaS dashboard. It's a creative operating system that thinks alongside you."
          tag="Platform Overview"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "AI-Powered Intelligence",              description: "Combines your business context with specialized AI agents to deliver personalized, accurate outputs built on your reality—not generic advice.",              icon: Brain
            },
            {
              title: "Built for Creators",              description: "Designed specifically for coaches, course creators, consultants, and educators who sell knowledge online, from $10K/month to $1M/month.",              icon: Target
            },
            {
              title: "Operating System, Not SaaS",              description: "Clean, minimal interface focused on what you need. No feature bloat. Works like an OS that amplifies your thinking, not replaces it.",              icon: Zap
            },
            {
              title: "Context-Aware Generation",              description: "Every output uses your specific business context—your voice, your audience, your offers. The first draft is already 80% there.",              icon: CheckCircle
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/an-illustration-of-a-creative-person-wor-1772491936290-0cb46c36.png?_wi=2"
          imageAlt="FIOVA AI collaboration interface"
          mediaAnimation="blur-reveal"
          imagePosition="right"
        />
      </div>

      <div id="philosophy" data-section="philosophy">
        <SplitAbout
          title="Core Philosophy"
          description="Three principles guide everything we build at FIOVA."
          tag="Our Values"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          bulletPoints={[
            {
              title: "The 60/40 Rule",              description: "FIOVA handles 60% of the work. You handle 40%. You stay in control while the AI amplifies your thinking.",              icon: Scale
            },
            {
              title: "OS, Not SaaS",              description: "Feel like an operating system, not another dashboard. Clean, minimal, focused. Just the tools you need, when you need them.",              icon: Cpu
            },
            {
              title: "Intelligence First",              description: "Every output is powered by your business context. The AI knows your voice, audience, offers, and positioning—delivering advice built on your reality.",              icon: Sparkles
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/abstract-visual-representation-of-the-60-1772491934364-b5b41420.png?_wi=2"
          imageAlt="FIOVA philosophy visualization"
          mediaAnimation="slide-up"
          imagePosition="left"
        />
      </div>

      <div id="agents" data-section="agents">
        <FeatureCardTwentySeven
          title="The 5 Specialized Agents"
          description="Each agent is a specialized AI assistant that handles a different part of your business, pulling context from Intelligence to deliver personalized outputs."
          tag="Core System"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "agent-1",              title: "Foundations",              description: "Handles the strategic backbone of your business. Define your ideal customer, craft positioning, design offers, set pricing, analyze competitors, and model financials with real spreadsheet-based tools.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=2",              imageAlt: "Foundations agent"
            },
            {
              id: "agent-2",              title: "Marketing",              description: "Creates all your content. YouTube scripts, Instagram reels, Twitter threads, TikToks, LinkedIn posts, paid ads. Each platform has its own sub-agent that knows what works and sounds like you.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=3",              imageAlt: "Marketing agent"
            },
            {
              id: "agent-3",              title: "Nurture",              description: "Builds relationships with your leads. Email sequences, SMS campaigns, lead magnets, community content, webinars, and challenges that move prospects closer to buying.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=4",              imageAlt: "Nurture agent"
            },
            {
              id: "agent-4",              title: "Sales",              description: "Converts leads into customers. VSL scripts, sales pages, application pages, sales call scripts, DM sequences, and objection handling that closes deals.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=5",              imageAlt: "Sales agent"
            },
            {
              id: "agent-5",              title: "Scale",              description: "Grows your business beyond you. Financial dashboards, team building with job descriptions and SOPs, launch planning, and partnership outreach.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=6",              imageAlt: "Scale agent"
            },
            {
              id: "agent-6",              title: "Intelligence",              description: "Your business brain. Stores everything about who you are, your audience, what you sell, how you communicate, your competitors, and your metrics—continuously learning and updating.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/five-interconnected-agent-modules-displa-1772491935422-6833814c.png?_wi=7",              imageAlt: "Intelligence agent"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
        />
      </div>

      <div id="features" data-section="features">
        <ProductCardOne
          title="Key Features"
          description="Powerful tools designed to keep you ahead and in control of your business."
          tag="Capabilities"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "feature-1",              name: "Context-Aware Generation",              price: "Intelligent Output",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/a-modern-software-interface-highlighting-1772491934252-2bca3c20.png?_wi=2",              imageAlt: "Context-aware generation feature"
            },
            {
              id: "feature-2",              name: "Artifacts System",              price: "Save & Iterate",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/a-modern-software-interface-highlighting-1772491934252-2bca3c20.png?_wi=3",              imageAlt: "Artifacts system feature"
            },
            {
              id: "feature-3",              name: "Real Tools, Not Just AI",              price: "Actual Data",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/a-modern-software-interface-highlighting-1772491934252-2bca3c20.png?_wi=4",              imageAlt: "Real tools integration feature"
            },
            {
              id: "feature-4",              name: "Smart Integrations",              price: "Connected Ecosystem",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/a-modern-software-interface-highlighting-1772491934252-2bca3c20.png?_wi=5",              imageAlt: "Smart integrations feature"
            }
          ]}
        />
      </div>

      <div id="difference" data-section="difference">
        <SplitAbout
          title="What Makes FIOVA Different"
          description="Most AI tools are generic. FIOVA is the opposite—it already knows your business."
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Know Your Business",              description: "Most tools give generic responses. FIOVA knows your voice, audience, and offers from day one through intelligent onboarding.",              icon: Target
            },
            {
              title: "80% There on First Draft",              description: "Instead of spending 30 minutes editing generic content, your first draft is already polished and ready for your final touch.",              icon: Zap
            },
            {
              title: "Team Member, Not Freelancer",              description: "Like having a team member who's been with you for years—not a contractor who needs to learn everything about your business.",              icon: Users
            },
            {
              title: "Leverage for Solo Creators",              description: "Run an info business like a company with a marketing, sales, and ops team—without hiring 10-50 people.",              icon: TrendingUp
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/inspiring-illustration-of-a-creator-succ-1772491934045-42d9a3da.png?_wi=2"
          imageAlt="Creator success with FIOVA"
          mediaAnimation="blur-reveal"
          imagePosition="right"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Creator Entrepreneurs"
          description="Hear from creators who are building their empires with FIOVA."
          tag="Social Proof"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "t-1",              name: "Sarah Johnson",              handle: "@sarahjcreator",              testimonial: "FIOVA cut my content creation time in half. Instead of spending hours drafting emails and scripts, I now get 80% done in 20% of the time. It's like having a marketing team in my computer.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/professional-headshot-of-a-confident-fem-1772491934620-c296a480.png?_wi=1",              imageAlt: "Sarah Johnson"
            },
            {
              id: "t-2",              name: "Michael Chen",              handle: "@mikeinsights",              testimonial: "The intelligence layer truly understands my business. Every output feels personal and accurate. This is the first AI tool I've used that doesn't feel generic.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/professional-headshot-of-a-confident-mal-1772491933963-5512b6e8.png?_wi=1",              imageAlt: "Michael Chen"
            },
            {
              id: "t-3",              name: "Emma Rodriguez",              handle: "@emmacoachlife",              testimonial: "I was skeptical about AI replacing my creativity, but FIOVA amplifies it instead. The 60/40 balance is perfect. I stay in control while it handles the heavy lifting.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/professional-headshot-of-a-confident-fem-1772491933220-817e4ef0.png",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "t-4",              name: "David Kim",              handle: "@davidgrowth",              testimonial: "From positioning to sales pages to email sequences—FIOVA knows my audience and my voice. It's like having a consultant who never sleeps and knows everything about my business.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/professional-headshot-of-a-confident-mal-1772491934204-95314966.png",              imageAlt: "David Kim"
            },
            {
              id: "t-5",              name: "Lisa Tan",              handle: "@lisatalk",              testimonial: "The Nurture and Sales agents are game-changers. My conversion sequences are now running on autopilot with personalized AI assistance. Revenue up 40% in 90 days.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/professional-headshot-of-a-confident-fem-1772491934620-c296a480.png?_wi=2",              imageAlt: "Lisa Tan"
            },
            {
              id: "t-6",              name: "James Wilson",              handle: "@jamesscales",              testimonial: "Finally, an AI tool built for creators who actually sell. Not a chatbot. Not another dashboard. This is how I scale without burning out.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/professional-headshot-of-a-confident-mal-1772491933963-5512b6e8.png?_wi=2",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Free Trial"
          description="Join creators who are scaling without hiring. Get instant access to FIOVA and start amplifying your business today."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "company", type: "text", placeholder: "Your Business Name", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your business and what you're building...", rows: 4, required: false }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQi2VazrPHRZFQ4dDd3kCVYaf/inspiring-illustration-of-a-creator-succ-1772491934045-42d9a3da.png?_wi=3"
          imageAlt="FIOVA trial signup"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          buttonText="Get Free Access"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Agents", href: "#agents" },
                { label: "Pricing", href: "#" },
                { label: "Security", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Docs", href: "#" },
                { label: "Community", href: "#" },
                { label: "Support", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 FIOVA Inc. All rights reserved."
          bottomRightText="Powering the solo creator era"
        />
      </div>
    </ThemeProvider>
  );
}
