"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Rocket, TrendingUp, BarChart3, Target, Globe, Mail, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="minimal"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="DisruptiveAI"
          navItems={[
            { name: "About", id: "about" },
            { name: "Portfolio", id: "metrics" },
            { name: "Team", id: "team" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get in Touch",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Investing in AI Disruption"
          description="DisruptiveAI backs the most innovative AI companies transforming industries and creating market-defining opportunities. We partner with founders reimagining what's possible with artificial intelligence."
          tag="Venture Capital"
          tagIcon={Rocket}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399066201-y4m4jvp5.jpg"
          imageAlt="AI Innovation and Technology"
          buttons={[
            { text: "View Portfolio", href: "metrics" },
            { text: "Founder Resources", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We believe the next wave of technological disruption will be powered by AI companies solving real-world problems. Founded in Tel Aviv, DisruptiveAI is committed to backing exceptional founders building the future of artificial intelligence with deep Israeli innovation and global vision."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Thesis", href: "https://example.com/thesis" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Portfolio Impact"
          description="Measuring our success through the achievements of our portfolio companies and founders we support."
          metrics={[
            { id: "1", icon: TrendingUp, title: "Investments", value: "45+" },
            { id: "2", icon: BarChart3, title: "Active Portfolio", value: "32" },
            { id: "3", icon: Target, title: "Exits & Unicorns", value: "8" },
            { id: "4", icon: Globe, title: "Geographic Reach", value: "15 Countries" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Founder Success Stories"
          description="Hear from founders in our portfolio about their experience partnering with DisruptiveAI."
          testimonials={[
            {
              id: "1",
              quote: "DisruptiveAI didn't just provide capital - they opened doors to strategic partners and customers that accelerated our growth trajectory. Their understanding of AI markets is exceptional.",
              name: "David Levy",
              role: "CEO & Founder, DataFlow AI",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
              imageAlt: "David Levy, CEO of DataFlow AI"
            },
            {
              id: "2",
              quote: "The team at DisruptiveAI brought deep technical knowledge and Israel's vibrant tech ecosystem to our fundraising. They're not just investors - they're partners in building something meaningful.",
              name: "Sarah Chen",
              role: "Co-Founder, NeuralSync",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006147280-74edwk0g.jpg",
              imageAlt: "Sarah Chen, Co-Founder of NeuralSync"
            },
            {
              id: "3",
              quote: "Their follow-on investment rounds and supportive governance made scaling internationally seamless. We felt backed by people who truly understood our vision.",
              name: "Michael Rothstein",
              role: "CTO, VisionAI Labs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767079084049-h6vly3v8.jpg",
              imageAlt: "Michael Rothstein, CTO of VisionAI Labs"
            },
            {
              id: "4",
              quote: "What sets DisruptiveAI apart is their commitment to the Israeli ecosystem while connecting us to global markets. They're building a community, not just a portfolio.",
              name: "Rachel Goldman",
              role: "Founder, SmartEdge Analytics",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320183453-gvvb1k8b.jpg",
              imageAlt: "Rachel Goldman, Founder of SmartEdge Analytics"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Leadership Team"
          description="Experienced investors and operators with deep roots in Israeli tech and global markets."
          members={[
            {
              id: "1",
              name: "Eran Ziv",
              role: "Managing Partner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767079084976-kkttd2o7.jpg",
              imageAlt: "Eran Ziv, Managing Partner"
            },
            {
              id: "2",
              name: "Noa Barkai",
              role: "Investment Partner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767079085764-nzi756au.jpg",
              imageAlt: "Noa Barkai, Investment Partner"
            },
            {
              id: "3",
              name: "Daniel Rosen",
              role: "Operating Partner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767079086797-yyh1m9rd.jpg",
              imageAlt: "Daniel Rosen, Operating Partner"
            },
            {
              id: "4",
              name: "Maya Goldstein",
              role: "Lead Analyst",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320186466-w5b0umam.jpg",
              imageAlt: "Maya Goldstein, Lead Analyst"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Common questions from founders interested in working with DisruptiveAI."
          faqs={[
            {
              id: "1",
              title: "What stage of companies do you invest in?",
              content: "We typically invest in Series A and Series B stage AI companies. However, we maintain flexibility for exceptional seed-stage founders with proven traction and strong technical teams."
            },
            {
              id: "2",
              title: "What is your typical check size?",
              content: "Our initial investments range from $500K to $3M. We actively participate in follow-on rounds for portfolio companies demonstrating strong growth metrics and market fit."
            },
            {
              id: "3",
              title: "Do you require board seats?",
              content: "Yes, we typically take one board seat in companies we lead or co-lead. This allows us to provide strategic guidance while respecting founder autonomy and decision-making."
            },
            {
              id: "4",
              title: "How long does your investment process take?",
              content: "From initial pitch to term sheet, we typically move within 4-6 weeks. Our team conducts thorough technical due diligence while maintaining momentum for exceptional opportunities."
            },
            {
              id: "5",
              title: "What support do you provide beyond capital?",
              content: "We offer introductions to customers, strategic partners, and hiring talent. Our team actively advises on product-market fit, scaling strategies, and international expansion."
            },
            {
              id: "6",
              title: "How do I pitch to DisruptiveAI?",
              content: "Send a brief executive summary and deck to pitch@disruptiveai.co. Include your team background, the problem you're solving, your traction to date, and your funding ask."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140098536-9jc7ywck.jpg"
          imageAlt="Investment Discussion"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Connected"
          tagIcon={Mail}
          title="Join Our Network"
          description="Stay updated on new investment opportunities, founder resources, and insights from our team. Sign up for our monthly newsletter."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
          imageAlt="Connect with DisruptiveAI"
          mediaPosition="right"
          inputPlaceholder="you@company.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Read our data policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="DisruptiveAI"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Portfolio", href: "metrics" },
                { label: "Team", href: "team" }
              ]
            },
            {
              title: "For Founders",
              items: [
                { label: "Investment Thesis", href: "https://example.com/thesis" },
                { label: "Get Funded", href: "contact" },
                { label: "Resources", href: "https://example.com/resources" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Mail, href: "mailto:info@disruptiveai.co", ariaLabel: "Email" }
          ]}
          copyrightText="© DisruptiveAI, 2025. Based in Tel Aviv, Israel."
        />
      </div>
    </ThemeProvider>
  );
}