"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { BarChart2, ShieldCheck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Results",          id: "#results"},
        {
          name: "Launch",          id: "#contact"},
      ]}
      brandName="Rizi Partnerships"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Rizi Partnerships"
      description="We connect AI and tech companies with creators who genuinely engage your audience. Strategic partnerships, managed relationships, measurable results—all handled so you can scale."
      buttons={[
        {
          text: "Launch Your Partnership",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg"
      buttonAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Partnerships Built for Innovation"
      description="In the fast-paced AI and tech sectors, influence is about credibility. We curate authentic creators who communicate your value, not just your features."
      bulletPoints={[
        {
          title: "AI-First Curation",          description: "We identify creators who actually understand your technology."},
        {
          title: "Transparent Analytics",          description: "Real-time visibility into campaign ROI and creator engagement."},
        {
          title: "Workflow Efficiency",          description: "Streamlined management from outreach to conversion tracking."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/engineers-using-laptop-data-center-managing-server-virtualization_482257-120991.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Automated CRM",          description: "Track thousands of partner touchpoints without manual spreadsheets.",          icon: Zap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",              imageAlt: "Feature 1"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg",              imageAlt: "Feature 2"},
          ],
        },
        {
          title: "ROI Reporting",          description: "Deep-dive attribution models for every influencer channel.",          icon: BarChart2,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",              imageAlt: "Feature 3"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg",              imageAlt: "Feature 4"},
          ],
        },
        {
          title: "Creator Vetting",          description: "Audit creator audiences for engagement quality and technical niche overlap.",          icon: ShieldCheck,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",              imageAlt: "Feature 5"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg",              imageAlt: "Feature 6"},
          ],
        },
      ]}
      title="Campaign Management, Elevated"
      description="Our platform removes the friction of scale, letting you focus on the growth metrics that matter most."
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          title: "Campaign Growth",          subtitle: "Year-over-year",          category: "ROI",          value: "240%"},
        {
          id: "m2",          title: "Influencer Reach",          subtitle: "Monthly",          category: "Scale",          value: "12M+"},
        {
          id: "m3",          title: "Cost Efficiency",          subtitle: "Per Acquisition",          category: "Optimization",          value: "35%"},
        {
          id: "m4",          title: "Partnership Count",          subtitle: "Managed",          category: "Volume",          value: "500+"},
        {
          id: "m5",          title: "Lead Conversion",          subtitle: "Avg. Lift",          category: "Growth",          value: "42%"},
      ]}
      title="Measurable Impact"
      description="We don't just facilitate introductions; we deliver business outcomes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Rizi transformed our influencer strategy. Their ability to find creators who understand our complex AI model was unmatched. We saw a 3x increase in qualified leads in three months."
      rating={5}
      author="Marcus Thorne, Head of Marketing, SynthFlow AI"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",          alt: "Marcus Thorne"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",          alt: "Sarah Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg",          alt: "David Okafor"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg",          alt: "Elena Rossi"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-person-with-rainbow-colors-symbolizing-thoughts-adhd-brain_23-2151475616.jpg",          alt: "Alex Rivers"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "animated-grid"}}
      tag="Get Started"
      title="Scale Your Tech Brand"
      description="Ready to launch your first measurable influencer partnership? Let's discuss your goals."
      imageSrc="http://img.b2bpic.net/free-photo/engineers-using-laptop-data-center-managing-server-virtualization_482257-120991.jpg"
      mediaPosition="left"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Campaign Mgmt",              href: "#features"},
            {
              label: "Influencer Curation",              href: "#features"},
            {
              label: "ROI Analytics",              href: "#results"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Rizi Partnerships. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
