"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, MessageSquare, Target, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="grid"
      cardStyle="soft-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="TechVenture Capital"
          navItems={[
            { name: "About", id: "about" },
            { name: "Focus", id: "focus" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Resources", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Start Investing",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="TECHVENTURE CAPITAL"
          description="Investing in tomorrow's breakthrough technologies. We identify and fund the most promising AI, fintech, and deep-tech innovators shaping the future of industry."
          background={{ variant: "animated-grid" }}
          buttons={[
            { text: "Explore Portfolio", href: "#portfolio" },
            { text: "Start Conversation", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-sleek-software-dashboard-interf-1771523933275-3d67309c.png"
          imageAlt="Investment analytics dashboard"
          frameStyle="browser"
          mediaAnimation="slide-up"
          buttonAnimation="opacity"
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout
          title="Driving Innovation Through Strategic Investment"
          description="TechVenture Capital partners with visionary founders building technologies that reshape industries. Our team combines deep technical expertise with decades of venture capital experience, identifying opportunities others miss."
          tag="Our Mission"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-team-of-tech-entrepreneur-1771523942831-13847971.png"
          imageAlt="Team collaborating on innovation"
          buttons={[
            { text: "Learn Our Strategy", href: "#focus" }
          ]}
          useInvertedBackground={true}
        />
      </div>
      
      <div id="focus" data-section="focus">
        <FeatureCardTwentyOne
          title="Investment Focus Areas"
          description="We concentrate our expertise and capital across the most transformative sectors of technology."
          tag="Strategic Sectors"
          tagIcon={Target}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/abstract-visualization-of-technology-and-1771523949673-f917d845.png"
          imageAlt="Technology innovation concept"
          mediaAnimation="opacity"
          accordionItems={[
            {
              id: "1",              title: "Artificial Intelligence & Machine Learning",              content: "We back AI-first companies solving complex real-world problems. From enterprise AI platforms to autonomous systems, we invest in teams building the intelligence layer of tomorrow's software."
            },
            {
              id: "2",              title: "Fintech & Digital Finance",              content: "Disrupting traditional finance through blockchain, payments, lending, and wealth management. We fund founders reimagining how capital moves and wealth is managed globally."
            },
            {
              id: "3",              title: "Deep Tech & Hardware",              content: "From quantum computing to advanced semiconductors and robotics, we support deep technology companies with the capital and expertise needed to achieve breakthrough innovations."
            },
            {
              id: "4",              title: "Climate & Sustainability Tech",              content: "Investing in technologies that address climate change and environmental challenges. We support founders building scalable solutions for a sustainable future."
            }
          ]}
          buttons={[
            { text: "View Investment Criteria", href: "#" }
          ]}
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Track Record of Success"
          description="Our portfolio companies represent billions in aggregate value creation."
          tag="Impact Metrics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "$2.5B+",              description: "Assets Under Management"
            },
            {
              id: "2",              value: "45+",              description: "Portfolio Companies"
            },
            {
              id: "3",              value: "8",              description: "Unicorn Exits"
            },
            {
              id: "4",              value: "15+",              description: "Years of Excellence"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      
      <div id="portfolio" data-section="portfolio">
        <ProductCardOne
          title="Featured Portfolio Companies"
          description="A selection of innovative companies we're backing and believe will define the future of their industries."
          tag="Success Stories"
          tagIcon={Award}
          textboxLayout="default"
          products={[
            {
              id: "1",              name: "NeuroSync AI",              price: "$500M Valuation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-sleek-ai-machine-learning-startup-offi-1771523958450-bbb5778d.png",              imageAlt: "NeuroSync AI - AI Intelligence Platform"
            },
            {
              id: "2",              name: "CloudVault",              price: "$350M Valuation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-cloud-computing-or-infrastructure-tech-1771523966650-bca42b4b.png",              imageAlt: "CloudVault - Infrastructure Solutions"
            },
            {
              id: "3",              name: "ChainFlow Finance",              price: "$280M Valuation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-fintech-or-blockchain-technology-start-1771523976274-8830e771.png",              imageAlt: "ChainFlow Finance - DeFi Platform"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "View All Investments", href: "#" }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Founders Say"
          description="Hear directly from the entrepreneurs we partner with about our investment approach and impact."
          tag="Founder Stories"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="opacity"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "CEO, NeuroSync AI",              testimonial: "TechVenture didn't just provide capital—they brought strategic expertise and a network that accelerated our growth by years. Their belief in our vision was transformational.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-successful-te-1771523983616-85310d75.png",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Williams",              handle: "Founder, CloudVault",              testimonial: "Working with TechVenture Capital opened doors we couldn't have opened alone. Their experience in infrastructure scaling was invaluable to our success.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-venture-capit-1771523990107-a71974df.png",              imageAlt: "Marcus Williams"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "CEO, ChainFlow Finance",              testimonial: "From day one, TechVenture understood the fintech landscape and helped us navigate regulatory challenges while scaling. Exceptional partners in every way.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-technology-in-1771523996616-c5873bed.png",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "James Park",              handle: "Founder, QuantumLeap Systems",              testimonial: "TechVenture's network of technical advisors and industry connections has been as valuable as their investment. They truly believe in giving founders every advantage.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-business-lead-1771524003716-8543da61.png",              imageAlt: "James Park"
            },
            {
              id: "5",              name: "Amira Hassan",              handle: "CEO, GreenTech Solutions",              testimonial: "What impressed me most was TechVenture's commitment to sustainability and impact alongside returns. They align incentives with purpose.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-tech-industry-1771524010634-62042339.png",              imageAlt: "Amira Hassan"
            },
            {
              id: "6",              name: "David Liu",              handle: "Founder, NextGen Analytics",              testimonial: "TechVenture has been more than investors—they've been mentors, advisors, and champions of our mission. Truly exceptional partners.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-successful-en-1771524017293-60799b20.png",              imageAlt: "David Liu"
            }
          ]}
          speed={40}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about investing with TechVenture Capital."
          faqs={[
            {
              id: "1",              title: "What is your typical investment size?",              content: "We invest from $2M to $25M in Series A through Series C rounds, though we remain flexible for exceptional founder teams and opportunities."
            },
            {
              id: "2",              title: "How do you approach founder support?",              content: "Beyond capital, we provide strategic guidance, network introductions, and operational expertise. We assign founders a dedicated partner who remains deeply involved in key decisions."
            },
            {
              id: "3",              title: "What industries do you focus on?",              content: "We concentrate on AI/ML, fintech, deep tech, and climate-tech companies that address massive market opportunities and require significant technical innovation."
            },
            {
              id: "4",              title: "How long does your investment process take?",              content: "Our streamlined process typically takes 4-8 weeks from initial meeting to term sheet. We move quickly for companies that fit our thesis."
            },
            {
              id: "5",              title: "Do you take board seats?",              content: "Yes, we typically take a board seat in companies we invest in, ensuring ongoing partnership and visibility into key decisions and milestones."
            },
            {
              id: "6",              title: "What geographic markets do you focus on?",              content: "While based in Silicon Valley, we invest globally. We have deep relationships in major tech hubs including San Francisco, New York, London, Singapore, and Toronto."
            }
          ]}
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={MessageSquare}
          title="Start Your Investment Journey"
          description="Ready to discuss your funding needs? Connect with our team to explore whether TechVenture Capital is the right partner for your company."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          inputPlaceholder="your@company.com"
          buttonText="Schedule Call"
          termsText="By reaching out, you agree to our Privacy Policy. We'll respond within 2 business days."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Career Opportunities", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Invest",              items: [
                { label: "Investment Thesis", href: "#focus" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Apply for Funding", href: "#contact" },
                { label: "Resources", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Investment Disclaimer", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 TechVenture Capital. All rights reserved."
          bottomRightText="Investing in Tomorrow's Innovation"
        />
      </div>
    </ThemeProvider>
  );
}