"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Joule VC"
          navItems={[
            { name: "About", id: "about" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Services", id: "services" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get in Touch", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Capital Meets Opportunity"
          description="Connecting Israeli and American founders with growth capital, strategic guidance, and a global network. Joule VC fuels innovation across borders."
          tag="Atlanta-Based VC"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392017578-07kpyxss.jpg"
          imageAlt="Founders collaborating on innovative startup"
          buttons={[
            { text: "Explore Opportunities", href: "portfolio" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout
          tag="Our Mission"
          description="We are committed to identifying and supporting exceptional entrepreneurs from Israel and the United States. Through strategic capital deployment, mentorship, and access to our extensive network, we help founders scale ambitious ideas into transformative companies."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="portfolio" data-section="portfolio">
        <FeatureCardTwelve
          title="Our Portfolio"
          description="We invest in proven founders tackling significant problems with innovative solutions."
          tag="Companies"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "deeptech",
              label: "Deep Tech",
              title: "Advanced Computing & AI",
              items: [
                "Machine learning platforms",
                "Quantum computing applications",
                "Enterprise AI solutions",
                "Autonomous systems"
              ],
              buttons: [{ text: "Learn More", href: "#" }]
            },
            {
              id: "fintech",
              label: "FinTech",
              title: "Financial Innovation",
              items: [
                "Cross-border payments",
                "Blockchain solutions",
                "Digital banking",
                "Investment platforms"
              ],
              buttons: [{ text: "Learn More", href: "#" }]
            },
            {
              id: "biotech",
              label: "Biotech",
              title: "Life Sciences & Health",
              items: [
                "Precision medicine",
                "Diagnostics platforms",
                "Drug discovery tools",
                "Healthcare AI"
              ],
              buttons: [{ text: "Learn More", href: "#" }]
            }
          ]}
        />
      </div>
      
      <div id="services" data-section="services">
        <PricingCardFive
          title="What We Provide"
          description="Beyond capital, we offer strategic support to accelerate your growth."
          tag="Services"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "capital",
              tag: "Investment",
              period: "Flexible Terms",
              price: "$250K+",
              description: "Comprehensive funding solutions",
              featuresTitle: "What's Included",
              features: [
                "Seed to Series B funding",
                "Strategic follow-on investments",
                "Custom deal structures",
                "Fast decision timelines"
              ],
              button: { text: "Learn More", href: "#" }
            },
            {
              id: "mentorship",
              tag: "Guidance",
              period: "Ongoing Support",
              price: "Expert Network",
              description: "Strategic mentorship and guidance",
              featuresTitle: "Mentorship Benefits",
              features: [
                "Industry veteran network",
                "Go-to-market strategy",
                "Product development guidance",
                "Fundraising support"
              ],
              button: { text: "Connect", href: "#" }
            },
            {
              id: "network",
              tag: "Access",
              period: "Global Reach",
              price: "International",
              description: "Cross-border network access",
              featuresTitle: "Network Benefits",
              features: [
                "Israeli tech ecosystem access",
                "US market introductions",
                "Strategic partnerships",
                "Customer & investor networks"
              ],
              button: { text: "Explore", href: "#" }
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Founder Stories"
          description="Hear from founders who have grown with Joule VC's support."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Avi Peled",
              handle: "@avipeled",
              testimonial: "Joule VC didn't just provide capital—they opened doors across the US market that would have taken us years to access. Their network is invaluable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976473-pyurxsk4.jpg"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "@sarahchen_bio",
              testimonial: "The mentorship from the Joule team transformed our product strategy. They understood both the Israeli innovation culture and American market demands.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392019792-uswlqn6z.jpg"
            },
            {
              id: "3",
              name: "David Rosenberg",
              handle: "@davidrosenberg",
              testimonial: "What impressed us most was their hands-on approach. They're true partners, not just investors. Best decision we made early on.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392020194-wypti3l4.jpg"
            },
            {
              id: "4",
              name: "Noga Tzemach",
              handle: "@nogaztech",
              testimonial: "Joule VC understood our vision from day one. They provided not just capital but a roadmap to scale globally. Exceptional partners.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391977462-3pyh5z5x.jpg"
            },
            {
              id: "5",
              name: "Michael Torres",
              handle: "@mtorres_ai",
              testimonial: "Their blend of Israeli hustle and American business acumen created the perfect environment for us to thrive. Highly recommend.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392020955-0tlhn7e2.jpg"
            },
            {
              id: "6",
              name: "Yael Steinberg",
              handle: "@yaelsteinberg",
              testimonial: "From pitch to growth, Joule VC provided strategic guidance every step of the way. They truly care about founder success.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392021397-09avnbnw.jpg"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about investing with Joule VC."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What stage companies do you invest in?",
              content: "We focus on seed through Series B funding rounds. We typically look for companies with validated business models, experienced founding teams, and clear market opportunities."
            },
            {
              id: "2",
              title: "What is your investment range?",
              content: "Our check sizes typically range from $250K to $2M depending on the round and company stage. We're flexible and open to discussion about larger or smaller investments for the right opportunities."
            },
            {
              id: "3",
              title: "Do you require founders to be Israeli or American?",
              content: "No, but we specialize in supporting Israeli founders entering the US market or American founders building in Israel. We value diverse founding teams with cross-border ambitions."
            },
            {
              id: "4",
              title: "How long is your investment process?",
              content: "From initial pitch to term sheet typically takes 4-8 weeks, depending on due diligence needs. We aim to be efficient and decisive for strong opportunities."
            },
            {
              id: "5",
              title: "What sectors do you focus on?",
              content: "We invest across Deep Tech, FinTech, BioTech, and Enterprise SaaS. We're particularly interested in companies that leverage Israeli innovation in US markets."
            },
            {
              id: "6",
              title: "How involved are you post-investment?",
              content: "Very involved. We take board seats, provide strategic mentorship, facilitate introductions, and remain active partners throughout the company's growth journey."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to explore how Joule VC can accelerate your growth? We'd love to hear about your vision and discuss how we can help you scale across borders."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule a Call", href: "#" },
            { text: "Send Us Your Pitch", href: "#" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Joule VC"
          copyrightText="© 2025 Joule VC. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About", href: "about" },
                { label: "Portfolio", href: "portfolio" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Investment Process", href: "#" },
                { label: "Blog", href: "#" },
                { label: "News", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}