"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import { Linkedin, Twitter, Globe, Zap, FileUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="noiseGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Joule VC"
          navItems={[
            { name: "Approach", id: "approach" },
            { name: "Team", id: "team" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book a Call", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Venture Capital"
          title="Fuel Innovation from Atlanta"
          description="Joule VC partners with ambitious Israeli and American founders to scale breakthrough companies. We provide capital, expertise, and network to turn vision into reality."
          buttons={[
            { text: "Start Your Journey", href: "#contact" },
            { text: "View Portfolio", href: "#portfolio" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391970436-37n7t9v9.jpg"
          imageAlt="founders startup meeting tech entrepreneurs"
          frameStyle="browser"
        />
      </div>

      <div id="approach" data-section="approach">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We believe in founders who" },
            { type: "text", content: "dare to build" }
          ]}
          buttons={[
            { text: "Learn More", href: "#portfolio" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <MetricCardTwo
          title="Our Impact"
          description="Joule VC drives results across portfolio companies"
          metrics={[
            { id: "1", value: "$500M+", description: "Capital Deployed" },
            { id: "2", value: "45+", description: "Portfolio Companies" },
            { id: "3", value: "8", description: "Unicorn Exits" },
            { id: "4", value: "3x", description: "Average Return" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardThree
          title="Meet Our Partners"
          description="Seasoned operators and investors dedicated to founder success"
          members={[
            {
              id: "1",
              name: "David Chen",
              role: "Founding Partner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "David Chen, Founding Partner",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",
              name: "Rachel Goldman",
              role: "Partner, Operations",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "Rachel Goldman, Partner Operations",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "3",
              name: "Michael Shapiro",
              role: "Partner, Growth",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971803-ej8f6jxf.jpg",
              imageAlt: "Michael Shapiro, Partner Growth",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="What Founders Say"
          description="Hear from the leaders building tomorrow's companies"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Joule VC didn't just provide capital—they provided strategic direction and opened doors we didn't know existed. Their network was transformative for our growth.",
              name: "Sarah Ivanova",
              role: "CEO & Co-founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976173-y73rbzo8.jpg",
              imageAlt: "Sarah Ivanova"
            },
            {
              id: "2",
              quote: "As an Israeli founder expanding to the US, Joule VC's dual expertise in both markets was invaluable. They truly understand our challenges.",
              name: "Yom Tov",
              role: "Founder & CTO",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976473-pyurxsk4.jpg",
              imageAlt: "Yom Tov"
            },
            {
              id: "3",
              quote: "The team goes beyond traditional VC duties. They actively help recruit talent, navigate regulations, and connect us with strategic partners.",
              name: "Marcus Johnson",
              role: "CEO",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976886-2ze5293a.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "4",
              quote: "Joule VC's hands-on approach and commitment to founder success made them the obvious choice. They're invested in our success, not just our exit.",
              name: "Liron Cohen",
              role: "Co-founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391977462-3pyh5z5x.jpg",
              imageAlt: "Liron Cohen"
            },
            {
              id: "5",
              quote: "The investment process was transparent, thoughtful, and fast. From first meeting to funding took weeks, not months. That's rare in VC.",
              name: "Jennifer Wu",
              role: "CEO & Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391978458-gt6h13nj.jpg",
              imageAlt: "Jennifer Wu"
            },
            {
              id: "6",
              quote: "Joule VC brings unique insights from Israeli startup success. Their global perspective combined with local Atlanta expertise is a winning combination.",
              name: "David Rothstein",
              role: "Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391978763-0nm61w1h.jpg",
              imageAlt: "David Rothstein"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about partnering with Joule VC"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What stage of companies do you invest in?",
              content: "We primarily focus on Series A and Series B companies, but we're open to exceptional seed-stage founders with strong traction. We look for founders solving significant problems with clear market opportunity."
            },
            {
              id: "2",
              title: "What's your typical investment size?",
              content: "We typically lead or co-lead rounds between $2M and $15M. We can participate in larger rounds and maintain a strong conviction in our portfolio companies."
            },
            {
              id: "3",
              title: "Do you invest outside of tech?",
              content: "While our expertise is strongest in technology and deep tech, we've backed companies in healthtech, climate tech, fintech, and enterprise software. We focus on innovation and scalability over industry."
            },
            {
              id: "4",
              title: "What geographic focus do you have?",
              content: "We're based in Atlanta and have deep expertise in Israel's startup ecosystem. We invest in founders anywhere, but we especially support Israeli founders expanding to the US market and American founders learning from Israeli innovation."
            },
            {
              id: "5",
              title: "How long does the investment process take?",
              content: "From initial conversation to term sheet typically takes 4-8 weeks. We move quickly on decisions and believe in transparent, efficient processes. No surprises."
            },
            {
              id: "6",
              title: "What support do you provide beyond capital?",
              content: "We provide strategic guidance, introductions to potential customers and partners, recruitment support, and access to our network of experienced founders and operators. We're actively engaged in portfolio company growth."
            },
            {
              id: "7",
              title: "Do you take board seats?",
              content: "For lead investments, we typically take a board seat or board observer role. This allows us to stay closely involved and provide strategic support at the board level."
            },
            {
              id: "8",
              title: "How do I apply for funding?",
              content: "The best way is to schedule a call with our team or request an introduction from someone in our network. You can also email pitch@joulevc.com with your deck and brief overview. We read everything."
            }
          ]}
        />
      </div>

      <div id="pitchdeck" data-section="pitchdeck">
        <ContactCenterForm
          title="Submit Your Pitch Deck"
          description="Share your vision with us. Upload your pitch deck along with your company information and we'll review it promptly."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Company Email", required: true },
            { name: "company", type: "text", placeholder: "Company Name", required: true },
            { name: "pitchdeck", type: "file", placeholder: "Upload Pitch Deck (PDF)", required: true }
          ]}
          textarea={{ name: "description", placeholder: "Brief Description of Your Company & Vision (max 500 characters)", rows: 4, required: true }}
          useInvertedBackground="noInvert"
          buttonText="Submit Pitch Deck"
          onSubmit={(data) => {
            console.log("Pitch deck submission:", data);
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to scale?"
          ctaDescription="Let's have a conversation about your vision. We're excited to hear from ambitious founders."
          ctaButton={{ text: "Schedule a Call", href: "https://calendly.com/joulevc" }}
          ctaIcon={Zap}
          faqs={[
            {
              id: "1",
              title: "What should I prepare for our first call?",
              content: "Have your pitch deck ready and be prepared to discuss your market opportunity, team, and vision. We like to understand the problem you're solving and why you're the right team to solve it."
            },
            {
              id: "2",
              title: "Can you help with visa or legal matters?",
              content: "While we're not legal advisors, we can introduce you to our network of immigration lawyers and corporate attorneys familiar with startup needs. We support Israeli founders navigating US expansion."
            },
            {
              id: "3",
              title: "Do you provide follow-on funding?",
              content: "Yes, we actively support our portfolio companies through subsequent rounds and have reserved capital for follow-on investments in strong performing companies."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Joule VC"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About", href: "#approach" },
                { label: "Team", href: "#team" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Blog", href: "/blog" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Founder Guide", href: "/guide" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" }
              ]
            }
          ]}
          copyrightText="© 2025 Joule VC. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}