"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Linkedin, Mail, Scale, Sparkles, TrendingUp, Trophy, Users, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Opportunities",
          id: "#features",
        },
        {
          name: "Performance",
          id: "#metrics",
        },
        {
          name: "Portfolio",
          id: "#products",
        },
        {
          name: "Partners",
          id: "#social-proof",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Explore Our Funds",
        href: "#features",
      }}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zddqz3"
      logoAlt="Tribe Venture Logo"
      brandName="Tribe Venture"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "animated-grid",
      }}
      logoText="Tribe Venture"
      description="Tribe Venture connects forward-thinking investors with breakthrough companies. Access curated deal flow, transparent fund performance, and an active investor community."
      buttons={[
        {
          text: "Explore Our Funds",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-particle-waves_1048-18503.jpg"
      imageAlt="Abstract financial network"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Igniting Growth, Delivering Returns"
      metrics={[
        {
          icon: Sparkles,
          label: "Experience in Venture",
          value: "10+ Years",
        },
        {
          icon: Scale,
          label: "Successfully Managed",
          value: "5 Funds",
        },
        {
          icon: Users,
          label: "Backed Globally",
          value: "30+ Companies",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feature-1",
          title: "Curated Deal Flow",
          author: "For Investors",
          description: "Access pre-vetted, high-growth investment opportunities aligned with emerging market trends and our strategic focus.",
          tags: [
            "Vetted Deals",
            "Exclusive Access",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/manager-working-with-his-feet-table-office-background_482257-32834.jpg",
          imageAlt: "Data analytics dashboard",
        },
        {
          id: "feature-2",
          title: "Transparent Reporting",
          author: "For All Partners",
          description: "Gain full visibility into fund performance with detailed, real-time analytics, comprehensive reports, and regular investor updates.",
          tags: [
            "Real-time Data",
            "Full Visibility",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg",
          imageAlt: "Transparent financial reporting",
        },
        {
          id: "feature-3",
          title: "Value-Add Ecosystem",
          author: "For Founders",
          description: "Leverage our extensive network, strategic guidance, and operational expertise to accelerate portfolio company growth and scale.",
          tags: [
            "Strategic Guidance",
            "Network Access",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg",
          imageAlt: "Value-add ecosystem",
        },
      ]}
      title="Curated Opportunities, Unmatched Support"
      description="We bridge the gap between visionary founders and discerning investors, fostering innovation with a hands-on approach to unlock exponential potential."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          icon: Wallet,
          title: "Assets Under Management",
          value: "$500M+",
        },
        {
          id: "metric-2",
          icon: TrendingUp,
          title: "Internal Rate of Return",
          value: "28%+",
        },
        {
          id: "metric-3",
          icon: Trophy,
          title: "Successful Exits",
          value: "12+",
        },
      ]}
      title="Our Performance Speaks Volumes"
      description="A track record built on rigorous analysis and strategic growth, delivering consistent, superior value for our partners across diverse sectors."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "company-1",
          name: "AI Nexus Solutions",
          price: "Series A",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941524.jpg",
          imageAlt: "AI software dashboard",
        },
        {
          id: "company-2",
          name: "Apex Fintech Platform",
          price: "Seed Round",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-his-smartphone-colleague-working-back_482257-32819.jpg",
          imageAlt: "Fintech platform interface",
        },
        {
          id: "company-3",
          name: "Vital HealthTech",
          price: "Series B",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-natural-bokeh-background-with-beautiful-water-drops_23-2148070871.jpg",
          imageAlt: "Health technology illustration",
        },
        {
          id: "company-4",
          name: "Green Future Energy",
          price: "Growth Stage",
          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-wind-energy-innovation_23-2148820159.jpg",
          imageAlt: "Sustainable energy solution",
        },
        {
          id: "company-5",
          name: "EduSpark Learning",
          price: "Seed Round",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-written-note-with-pen-notepad-white-background_179666-19392.jpg",
          imageAlt: "Edtech learning platform",
        },
        {
          id: "company-6",
          name: "Fortress Cybersecurity",
          price: "Series A",
          imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-uses-ai-visualization-tool-laptop-oversee-tasks_482257-126805.jpg",
          imageAlt: "Cybersecurity visualization",
        },
      ]}
      title="Innovators We Empower"
      description="Discover the breakthrough companies shaping tomorrow, powered by Tribe Venture's capital, strategic guidance, and expansive network."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Capital Holdings",
        "Innovate Fund",
        "Apex Investments",
        "Horizon Ventures",
        "Strategic Growth Group",
        "Elevation Partners",
        "Nexus Capital",
      ]}
      title="Trusted by Leading Investors and Partners"
      description="Our expansive network includes institutional leaders, influential family offices, and strategic partners dedicated to fostering long-term, impactful growth across industries."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Pivotal Partnership",
          quote: "Tribe Venture's insights and network were pivotal for our Series A. Their partnership goes beyond capital, providing critical strategic support.",
          name: "Emily R.",
          role: "Founder, Nexus AI",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-attractive-businesswoman_171337-4608.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "2",
          title: "Exceptional Transparency",
          quote: "The transparency and consistent communication from Tribe Venture are exceptional. They are a truly reliable partner in every sense.",
          name: "Michael S.",
          role: "Institutional Investor, Global Funds",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",
          imageAlt: "Michael S.",
        },
        {
          id: "3",
          title: "Extension of Our Team",
          quote: "They didn't just invest; they became an extension of our team, providing critical strategic support that accelerated our growth.",
          name: "Sarah K.",
          role: "CEO, NovaTech Solutions",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102511.jpg",
          imageAlt: "Sarah K.",
        },
        {
          id: "4",
          title: "Game-Changing Deal Flow",
          quote: "Access to Tribe Venture's curated deal flow is a game-changer. It streamlines our investment process and brings us top-tier opportunities.",
          name: "David C.",
          role: "Family Office Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
          imageAlt: "David C.",
        },
        {
          id: "5",
          title: "Invaluable Support",
          quote: "Tribe Venture truly understands the founder's journey. Their support during market volatility was invaluable and deeply reassuring.",
          name: "Jessica L.",
          role: "Founder, Bloom Health",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-working-laptop_23-2148471006.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      title="Voices of Our Investors and Founders"
      description="Hear how Tribe Venture empowers success through strategic investment, unparalleled partnership, and a commitment to shared vision."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What is Tribe Venture's investment focus?",
          content: "Tribe Venture focuses on early to growth-stage technology companies across various sectors including AI, FinTech, HealthTech, and Sustainable Energy. We look for innovative solutions with strong market potential.",
        },
        {
          id: "faq-2",
          title: "How do you source your deal flow?",
          content: "Our deal flow is sourced through an extensive network of industry experts, accelerators, incubators, and direct outreach. Each opportunity undergoes rigorous due diligence and strategic alignment assessment.",
        },
        {
          id: "faq-3",
          title: "What is the typical investment size and stage?",
          content: "We typically invest in Seed to Series B rounds, with check sizes ranging from $1M to $10M, depending on the stage, company needs, and fund allocation strategies.",
        },
        {
          id: "faq-4",
          title: "What value-add do you provide to portfolio companies?",
          content: "Beyond capital, we offer strategic guidance, operational support, access to our vast network of mentors and partners, and assistance with follow-on funding rounds and exit strategies.",
        },
        {
          id: "faq-5",
          title: "How can I become an accredited investor with Tribe Venture?",
          content: "Accredited investors and institutional partners can inquire through our contact form. Our team will guide you through the process, including fund structures and investment thesis details.",
        },
        {
          id: "faq-6",
          title: "What is the reporting frequency for fund performance?",
          content: "We provide quarterly financial reports, annual audited statements, and ad-hoc updates on significant portfolio company milestones or market developments to ensure full transparency.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about our investment process, fund structures, portfolio engagement, and how to partner with Tribe Venture."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Connect with Us"
      title="Partner with Tribe Venture"
      description="Ready to explore exclusive investment opportunities or looking to secure capital for your breakthrough company? Reach out to our dedicated team today."
      imageSrc="http://img.b2bpic.net/free-photo/businesspeople-factory-financial-investments-reading-documentation-files_482257-126891.jpg"
      imageAlt="Diverse investment team collaborating"
      mediaAnimation="blur-reveal"
      mediaPosition="left"
      inputPlaceholder="Your Business Email"
      buttonText="Get in Touch"
      termsText="By clicking Get in Touch, you consent to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=se6c4u"
      logoAlt="Tribe Venture Logo"
      logoText="Tribe Venture"
      copyrightText="© 2024 Tribe Venture. All rights reserved."
      socialLinks={[
        {
          icon: Linkedin,
          href: "https://www.linkedin.com/company/tribe-venture",
          ariaLabel: "LinkedIn",
        },
        {
          icon: "X",
          href: "https://x.com/tribe-venture",
          ariaLabel: "Twitter",
        },
        {
          icon: Mail,
          href: "mailto:info@tribeventure.com",
          ariaLabel: "Email",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
