"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, TrendingUp, DollarSign, BarChart3 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="medium"
      background="dotGrid"
      cardStyle="shadow-colored"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Disruptive Fund"
          navItems={[
            { name: "About", id: "about" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get in Touch",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Disruptive Fund"
          description="Early-stage venture capital focused on disrupting Israel's most promising startups. We back founders building the future of technology, fintech, and biotech."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
          imageAlt="Innovation and growth concept"
          frameStyle="card"
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Investing in" },
            { type: "text", content: "breakthrough founders" },
            { type: "text", content: "who disrupt industries" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Philosophy", href: "#portfolio" }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <MetricCardOne
          title="Investment Portfolio"
          description="Proven track record of backing disruptive startups"
          metrics={[
            {
              id: "1",
              value: "45",
              title: "Companies",
              description: "Invested across seed to Series B",
              icon: Zap
            },
            {
              id: "2",
              value: "8",
              title: "Exits",
              description: "Successful acquisitions and IPOs",
              icon: TrendingUp
            },
            {
              id: "3",
              value: "$850M",
              title: "AUM",
              description: "Assets under management",
              icon: DollarSign
            },
            {
              id: "4",
              value: "3.2x",
              title: "MOIC",
              description: "Average multiple on invested capital",
              icon: BarChart3
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="focus" data-section="focus">
        <FeatureCardOne
          title="Investment Focus"
          description="We invest in founders solving real problems with technology"
          features={[
            {
              title: "Deep Tech",
              description: "AI, machine learning, and advanced computational solutions driving innovation",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
            },
            {
              title: "Fintech & Web3",
              description: "Next-generation financial services and blockchain-based solutions reshaping finance",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
            },
            {
              title: "Biotech & Health",
              description: "Medical breakthroughs and health technologies improving patient outcomes",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
            },
            {
              title: "Cyber & Security",
              description: "Enterprise security solutions protecting digital infrastructure and data",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Experienced investors with deep domain expertise and operator networks"
          team={[
            {
              id: "1",
              name: "David Cohen",
              role: "Founding Partner & Managing Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            },
            {
              id: "2",
              name: "Rachel Leibowitz",
              role: "General Partner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            },
            {
              id: "3",
              name: "Yonatan Stein",
              role: "General Partner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            },
            {
              id: "4",
              name: "Michal Rosenthal",
              role: "Associate & Operations Lead",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Founders Say"
          description="Hear from founders who partnered with Disruptive Fund"
          testimonials={[
            {
              id: "1",
              title: "More than capital, strategic guidance",
              quote: "Disruptive Fund didn't just provide funding—they opened doors across their network and helped us navigate critical hiring decisions. Their operational expertise was invaluable.",
              name: "Ariel Kaufman",
              role: "CEO & Co-founder, TechVenture AI",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            },
            {
              id: "2",
              title: "Perfect partners for ambitious founders",
              quote: "The team understands the Israeli tech ecosystem deeply. They moved fast during due diligence and have been hands-on advisors throughout our growth journey.",
              name: "Noa Silverstein",
              role: "Founder & CEO, SecureHealthTech",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            },
            {
              id: "3",
              title: "Backed our vision from day one",
              quote: "When everyone was skeptical about our deep tech approach, Disruptive Fund believed in the mission. That belief and their domain expertise helped us achieve product-market fit.",
              name: "Eitan Bergman",
              role: "CTO & Co-founder, QuantumLabs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            },
            {
              id: "4",
              title: "Exceptional operator instincts",
              quote: "The Disruptive Fund team has been incredibly involved in our scaling story. They've made valuable introductions to customers and help us think strategically about go-to-market.",
              name: "Leah Nissim",
              role: "CEO, FinanceFlow Solutions",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to disrupt?"
          description="If you're building something remarkable, we want to hear from you. Send us your pitch deck or let's grab coffee."
          useInvertedBackground="noInvert"
          inputPlaceholder="founder@startup.com"
          buttonText="Send Inquiry"
          termsText="We respect your privacy. We'll get back to you within 48 hours."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735978956-mbp7zxok.jpg"
          imageAlt="Disruptive innovation footer"
          logoText="Disruptive Fund"
          copyrightText="© 2025 Disruptive Fund. All rights reserved."
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Team", href: "#team" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Investment Thesis", href: "#focus" },
                { label: "Knowledge Base", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclosures", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}