"use client";

import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Target, TrendingUp, Briefcase, BarChart3, Star, Award } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'About', id: '/about' },
            { name: 'Portfolio', id: '/portfolio' },
            { name: 'Contact', id: '/contact' }
          ]}
          button={{ text: 'Start Investing', href: '/contact' }}
          brandName="CapitalVenture"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Invest in the Future of Technology"
          description="Partner with CapitalVenture to discover breakthrough innovations, scale your portfolio, and drive transformative returns through strategic tech investments."
          tag="Investment Opportunities"
          tagIcon={Zap}
          background={{ variant: 'sparkles-gradient' }}
          buttons={[
            { text: 'Explore Opportunities', href: '/portfolio' },
            { text: 'Schedule a Call', href: '/contact' }
          ]}
          mediaItems={[
            { imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-sophisticated-investment-dashboard-int-1771524971703-15a76f33.png?_wi=1', imageAlt: 'Investment Dashboard' },
            { imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-stunning-technology-startup-office-env-1771524982427-6eed5562.png?_wi=1', imageAlt: 'Startup Office Environment' },
            { imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-high-tech-startup-presentation-or-pitc-1771524990326-5d353cfe.png', imageAlt: 'Tech Startup Presentation' },
            { imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/an-innovative-ai-or-software-development-1771524997285-ecfefe30.png', imageAlt: 'AI Software Development Lab' },
            { imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-fintech-company-office-with-financial--1771525007085-23ff586b.png', imageAlt: 'Fintech Company Office' },
            { imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-blockchain-or-cryptocurrency-innovatio-1771525013737-f6c2d913.png', imageAlt: 'Blockchain Innovation Center' }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Target}
          title="We identify and nurture the most promising technology companies reshaping industries worldwide."
          description="CapitalVenture Partners"
          subdescription="Since 2015 - $2.3B+ Assets Under Management"
          icon={TrendingUp}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-image-showing-investment--1771525021240-525f2d0e.png?_wi=1"
          useInvertedBackground={true}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardOne
          title="Featured Investments"
          description="Meet the innovative companies transforming technology and creating market-defining value across our diversified portfolio."
          tag="Portfolio Highlights"
          tagIcon={Briefcase}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: '1',
              name: 'CloudScale AI',
              price: '$450M Valuation',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/an-artificial-intelligence-or-machine-le-1771525037188-ef3766ec.png?_wi=1',
              imageAlt: 'AI Platform'
            },
            {
              id: '2',
              name: 'FinFlow Systems',
              price: '$320M Valuation',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-fintech-payment-or-banking-solution-in-1771525046106-54a17a93.png?_wi=1',
              imageAlt: 'Fintech Solution'
            },
            {
              id: '3',
              name: 'DataVault Pro',
              price: '$280M Valuation',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-saas-application-interface-with-1771525030074-f14c851b.png?_wi=1',
              imageAlt: 'SaaS Platform'
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Track Record"
          description="Our investment metrics demonstrate consistent success in identifying and scaling transformative tech companies."
          tag="Performance Metrics"
          tagIcon={BarChart3}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          metrics={[
            {
              id: '1',
              value: '87%',
              title: 'Portfolio Companies with Successful Exits',
              items: ['Average 12.3x return on investment', 'Successful IPOs and strategic acquisitions']
            },
            {
              id: '2',
              value: '156+',
              title: 'Companies Funded & Scaled',
              items: ['Across 15+ technology sectors', 'Global presence spanning 45+ countries']
            },
            {
              id: '3',
              value: '$2.3B',
              title: 'Assets Under Management',
              items: ['Deployed across 8 active investment funds', 'Continuous capital deployment strategy']
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Investment Services"
          description="Comprehensive investment solutions designed to help you navigate the technology landscape and build lasting value."
          tag="Our Expertise"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: '1',
              title: 'Seed to Scale Funding',
              tags: ['Early Stage', 'Growth Capital'],
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-saas-application-interface-with-1771525030074-f14c851b.png?_wi=2',
              imageAlt: 'SaaS Platform'
            },
            {
              id: '2',
              title: 'Strategic Advisory & Operations',
              tags: ['Guidance', 'Excellence'],
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-image-showing-investment--1771525021240-525f2d0e.png?_wi=2',
              imageAlt: 'Investment Process'
            },
            {
              id: '3',
              title: 'Market Intelligence & Research',
              tags: ['Insights', 'Data-Driven'],
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-sophisticated-investment-dashboard-int-1771524971703-15a76f33.png?_wi=2',
              imageAlt: 'Investment Dashboard'
            },
            {
              id: '4',
              title: 'Network & Partnership Access',
              tags: ['Connections', 'Opportunities'],
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-stunning-technology-startup-office-env-1771524982427-6eed5562.png?_wi=2',
              imageAlt: 'Startup Office Environment'
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Partners Say"
          description="Hear from the founders and entrepreneurs who've transformed their visions into market-leading companies with our support."
          tag="Success Stories"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: '1',
              name: 'Sarah Chen, CEO of CloudScale AI',
              date: 'Date: 15 November 2024',
              title: 'The best investment partner we could ask for',
              quote: 'CapitalVenture didn\'t just provide capital—they provided strategic guidance that accelerated our growth by three years. Their network connections opened doors we never knew existed.',
              tag: 'Series B',
              avatarSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-successful-fe-1771525065490-ddc06438.png',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/an-artificial-intelligence-or-machine-le-1771525037188-ef3766ec.png?_wi=2',
              avatarAlt: 'Sarah Chen',
              imageAlt: 'AI Platform'
            },
            {
              id: '2',
              name: 'Michael Rodriguez, Founder of FinFlow Systems',
              date: 'Date: 8 October 2024',
              title: 'Exceptional execution and partnership',
              quote: 'From day one, the team understood our vision and challenged us to think bigger. Their operational expertise helped us scale from 20 to 200 employees in 18 months.',
              tag: 'Series A',
              avatarSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-successful-ve-1771525051868-9cb03eec.png',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-fintech-payment-or-banking-solution-in-1771525046106-54a17a93.png?_wi=2',
              avatarAlt: 'Michael Rodriguez',
              imageAlt: 'Fintech Solution'
            },
            {
              id: '3',
              name: 'Priya Sharma, CTO of DataVault Pro',
              date: 'Date: 22 September 2024',
              title: 'Transformational capital and counsel',
              quote: 'Beyond funding, CapitalVenture provided the strategic clarity and technical expertise we needed to dominate our market. They\'re true partners in success.',
              tag: 'Seed Round',
              avatarSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-tech-ceo-or-f-1771525058934-59ecb7db.png',
              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-saas-application-interface-with-1771525030074-f14c851b.png?_wi=3',
              avatarAlt: 'Priya Sharma',
              imageAlt: 'SaaS Platform'
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="CapitalVenture"
        copyrightText="© 2025 CapitalVenture Partners. All rights reserved."
        columns={[
          {
            title: 'Company',
            items: [
              { label: 'Home', href: '/' },
              { label: 'About Us', href: '/about' },
              { label: 'Our Portfolio', href: '/portfolio' },
              { label: 'Contact', href: '/contact' }
            ]
          },
          {
            title: 'Resources',
            items: [
              { label: 'Investment Process', href: '#' },
              { label: 'Market Insights', href: '#' },
              { label: 'News & Updates', href: '#' },
              { label: 'Careers', href: '#' }
            ]
          },
          {
            title: 'Legal',
            items: [
              { label: 'Privacy Policy', href: '#' },
              { label: 'Terms of Service', href: '#' },
              { label: 'SEC Disclosures', href: '#' },
              { label: 'Contact Us', href: '/contact' }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}