"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofThree from '@/components/sections/socialProof/SocialProofThree';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="small"
      background="noiseDiagonalGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Joule Ventures"
          button={{
            text: "Get In Touch",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Investing in the Next Generation of Founders"
          description="Joule Ventures bridges innovation ecosystems by supporting exceptional founders from Israel and America building the future of technology and impact."
          tag="Global VC Platform"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg"
          imageAlt="Diverse team of startup founders collaborating"
          frameStyle="card"
          buttons={[
            {
              text: "Apply Now",
              href: "contact"
            },
            {
              text: "Learn More",
              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Bridging Innovation Across Continents"
          description="Joule Ventures is dedicated to identifying and supporting exceptional founders building transformative companies. We connect Israeli innovation with American market opportunities, providing capital, mentorship, and network access to fuel exponential growth."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318235322-2valyx4m.jpg"
          imageAlt="Joule Ventures team collaborating on investment strategy"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View Our Portfolio",
              href: "portfolio"
            }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          title="Portfolio Companies"
          description="Meet the innovative founders and companies we are proud to support and invest in."
          products={[
            {
              id: "1",
              brand: "Joule Portfolio",
              name: "CloudTech Israel",
              price: "Series B",
              rating: 5,
              reviewCount: "$15M",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
              imageAlt: "CloudTech Israel - Cloud infrastructure platform"
            },
            {
              id: "2",
              brand: "Joule Portfolio",
              name: "DataVault Solutions",
              price: "Series A",
              rating: 5,
              reviewCount: "$8M",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
              imageAlt: "DataVault Solutions - Secure data management"
            },
            {
              id: "3",
              brand: "Joule Portfolio",
              name: "MedAI Systems",
              price: "Series B",
              rating: 5,
              reviewCount: "$12M",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
              imageAlt: "MedAI Systems - Healthcare AI platform"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFive
          title="Our Impact By Numbers"
          description="Track record of successful investments and founder support"
          metrics={[
            {
              id: "1",
              value: "$250M+",
              description: "Total capital deployed across portfolio companies"
            },
            {
              id: "2",
              value: "45+",
              description: "Portfolio companies from Israel and America"
            },
            {
              id: "3",
              value: "8x",
              description: "Average return multiple on successful exits"
            },
            {
              id: "4",
              value: "92%",
              description: "Founder satisfaction and repeat investment rate"
            }
          ]}
          animationType="slide-up"
          variant="card"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Founders Say"
          description="Real feedback from the exceptional entrepreneurs we support"
          testimonials={[
            {
              id: "1",
              name: "David Levy",
              role: "Co-Founder",
              company: "CloudTech Israel",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318236737-xczm0lbo.jpg",
              imageAlt: "David Levy, CloudTech Israel co-founder"
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "CEO",
              company: "DataVault Solutions",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318237731-bfrgaukc.jpg",
              imageAlt: "Sarah Chen, DataVault Solutions CEO"
            },
            {
              id: "3",
              name: "Michael Shapiro",
              role: "Founder",
              company: "MedAI Systems",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318238655-o05p5vla.jpg",
              imageAlt: "Michael Shapiro, MedAI Systems founder"
            },
            {
              id: "4",
              name: "Amira Patel",
              role: "Co-Founder",
              company: "SecureVault Tech",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318239592-blwmetkl.jpg",
              imageAlt: "Amira Patel, SecureVault Tech co-founder"
            },
            {
              id: "5",
              name: "Joshua Berlin",
              role: "CEO",
              company: "FinTech Innovation",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318240458-r0e54s4g.jpg",
              imageAlt: "Joshua Berlin, FinTech Innovation CEO"
            },
            {
              id: "6",
              name: "Rachel Morrison",
              role: "Founder",
              company: "GreenTech Solutions",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
              imageAlt: "Rachel Morrison, GreenTech Solutions founder"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofThree
          title="Trusted by Leading Portfolio Companies"
          description="Our track record speaks through the success of our founders and their companies"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109921-m508s0az.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183581068-iklr7ul7.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140110880-q16dspxs.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183582037-814qymx8.jpg"
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Ready to Build the Future?"
          description="Apply for funding, schedule a meeting, or learn more about investment opportunities with Joule Ventures."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "company",
              type: "text",
              placeholder: "Company Name",
              required: true
            },
            {
              name: "location",
              type: "text",
              placeholder: "Location (Israel / USA / Other)",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your company and vision",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg"
          imageAlt="Joule Ventures - Bridging global innovation"
          logoText="Joule Ventures"
          copyrightText="© 2025 Joule Ventures. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Portfolio",
                  href: "portfolio"
                },
                {
                  label: "Team",
                  href: "team"
                }
              ]
            },
            {
              title: "For Founders",
              items: [
                {
                  label: "Apply for Funding",
                  href: "contact"
                },
                {
                  label: "Investment Thesis",
                  href: "about"
                },
                {
                  label: "Resources",
                  href: "resources"
                }
              ]
            },
            {
              title: "Connect",
              items: [
                {
                  label: "Contact Us",
                  href: "contact"
                },
                {
                  label: "Privacy Policy",
                  href: "privacy"
                },
                {
                  label: "Terms of Service",
                  href: "terms"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}