"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import BlogCardSeven from '@/components/sections/blog/BlogCardSeven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Linkedin, Mail, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Capital Partners"
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Insights", id: "insights" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Schedule Call",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Capital for Innovation"
          description="We identify and fund the next generation of transformative companies. Strategic capital, hands-on expertise, and a network of industry leaders."
          tag="Venture Capital"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767045280682-cq1jxn74.jpg"
          imageAlt="Venture capital team in meeting"
          buttons={[
            { text: "View Portfolio", href: "portfolio" },
            { text: "Get Started", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We back " },
            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg", alt: "Technology innovation" },
            { type: "text", content: " visionary founders building markets" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Philosophy", href: "#" }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardSix
          title="Featured Investments"
          description="A selection of transformative companies in our portfolio across fintech, climate, biotech, and enterprise software."
          tag="Portfolio"
          products={[
            {
              id: "1",
              name: "ClimateFlow",
              price: "Series B",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
              imageAlt: "ClimateFlow investment"
            },
            {
              id: "2",
              name: "FinCore AI",
              price: "Series A",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
              imageAlt: "FinCore AI investment"
            },
            {
              id: "3",
              name: "BioScale",
              price: "Series B",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
              imageAlt: "BioScale investment"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEight
          title="Proven track record of delivering exceptional returns and building category leaders"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg"
          imageAlt="Investment growth chart"
          metrics={[
            { id: "1", value: "$850M+", title: "Assets Under Management" },
            { id: "2", value: "45+", title: "Active Portfolio Companies" },
            { id: "3", value: "8x", title: "Average Return Multiple" },
            { id: "4", value: "18 years", title: "Track Record" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Experienced operators and investors who have scaled successful companies"
          tag="Our Team"
          members={[
            {
              id: "1",
              name: "Sarah Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140102492-vbld5jll.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              name: "David Patel",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735981305-ohmchoon.jpg",
              imageAlt: "David Patel"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Founders Say"
          description="Hear from the founders and CEOs we've backed on their experience partnering with us"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Alex Kim, CEO of FinCore AI",
              date: "Date: 15 November 2024",
              title: "More than just capital",
              quote: "Capital Partners didn't just write a check. They brought strategic guidance, industry connections, and genuine belief in our vision. Their involvement accelerated our growth by 18 months.",
              tag: "Series A",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735982136-fwsz9f0i.jpg",
              avatarAlt: "Alex Kim",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
              imageAlt: "Testimonial image"
            },
            {
              id: "2",
              name: "Lisa Thompson, Founder of ClimateFlow",
              date: "Date: 20 October 2024",
              title: "Partners in every sense",
              quote: "They understood our mission from day one and connected us with sustainability leaders in their network. The partnership has been instrumental in establishing our market position.",
              tag: "Series B",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006149588-l9dz2o1t.jpg",
              avatarAlt: "Lisa Thompson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
              imageAlt: "Testimonial image"
            },
            {
              id: "3",
              name: "James Morrison, CEO of BioScale",
              date: "Date: 08 September 2024",
              title: "Exceptional team and network",
              quote: "What impressed us most was their depth of biotech expertise and their genuine interest in our long-term success rather than quick exits. A true partner.",
              tag: "Series B",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
              avatarAlt: "James Morrison",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
              imageAlt: "Testimonial image"
            },
            {
              id: "4",
              name: "Priya Gupta, Founder of DataVault",
              date: "Date: 25 July 2024",
              title: "Strategic guidance at every stage",
              quote: "From product-market fit to scaling internationally, they've been involved at every critical juncture. Their introductions alone have been worth millions in value.",
              tag: "Series A",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184703623-6mn9btum.jpg",
              avatarAlt: "Priya Gupta",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
              imageAlt: "Testimonial image"
            },
            {
              id: "5",
              name: "Robert Chen, CEO of CloudSecure",
              date: "Date: 12 June 2024",
              title: "True venture partners",
              quote: "They challenge you to think bigger while providing the resources and networks to execute. Exactly what every founder needs from their lead investor.",
              tag: "Series C",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735982136-fwsz9f0i.jpg",
              avatarAlt: "Robert Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
              imageAlt: "Testimonial image"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="insights" data-section="insights">
        <BlogCardSeven
          title="Latest Insights"
          description="Our latest research on market trends, founder insights, and investment theses"
          tag="Blog"
          blogs={[
            {
              id: "1",
              title: "The Future of Climate Tech: Where Capital Flows in 2025",
              date: "18 January 2025",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
              imageAlt: "Climate tech insights"
            },
            {
              id: "2",
              title: "Building Defensible Moats in Fintech: Lessons from Our Portfolio",
              date: "05 January 2025",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
              imageAlt: "Fintech insights"
            },
            {
              id: "3",
              title: "The New Playbook for Series A Success",
              date: "15 December 2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
              imageAlt: "Series A insights"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Let's Talk"
          description="Interested in partnering with us? We'd love to hear about your vision. Fill out the form and our team will be in touch within 24 hours."
          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: "stage", type: "text", placeholder: "Funding Stage (e.g., Pre-Seed, Series A)", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your company and vision...",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767005005544-ohrshy5z.jpg"
          imageAlt="FAQ support"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Capital Partners"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Portfolio", href: "portfolio" },
                { label: "Team", href: "team" },
                { label: "Blog", href: "insights" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Investment Thesis", href: "#" },
                { label: "Founder Resources", href: "#" },
                { label: "FAQ", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Mail, href: "mailto:hello@capitalpartners.com", ariaLabel: "Email" }
          ]}
          copyrightText="© Capital Partners, Inc. 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}