"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Calendar, Clock, Shield, TrendingUp, Linkedin, Twitter, Github } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Audit", id: "#audit"},
        { name: "Process", id: "#process"},
        { name: "FAQ", id: "#faq"},
        { name: "Contact", id: "#contact"},
      ]}
      brandName="SNIP"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "gradient-bars"}}
      title="Your firm loses $400K to admin."
      description="SNIP deploys AI agents that eliminate billing leakage, compliance busywork, and document chaos — so your partners bill hours, not manage software."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/loop-around-hospital-concept-collage_23-2150040485.jpg", imageAlt: "AI Agent Abstract"},
        { imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-render-credit-debit-cards-futuristic-platform_187299-47941.jpg", imageAlt: "Efficiency Flux"},
        { imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90543.jpg", imageAlt: "Data Flow"},
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154907.jpg", imageAlt: "AI Agent Abstract"},
        { imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-background-with-gold-details-concept_23-2148433686.jpg", imageAlt: "Efficiency Flux"},
        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-flowing-metallic-waves-with-dynamic-light-reflection-texture_84443-91435.jpg", imageAlt: "Data Flow"},
      ]}
      buttons={[{ text: "Book AI Audit", href: "#contact" }]}
      avatarText="Trusted by 500+ partners"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About SNIP"
      title="Cut the waste. Keep the expertise."
      description="Our AI audit maps every administrative workflow eating partner time, pinpointing exactly where your firm loses revenue to manual tasks."
      subdescription="Built for institutional compliance and precision."
      icon={Shield}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{ items: ["Manual Billing Leaks", "Compliance Busywork", "Document Chaos", "Partner Overload"] }}
      positiveCard={{ items: ["Automated Revenue Capture", "Institutional Grade AI", "Seamless Integration", "Real-time Metrics"] }}
      title="The SNIP Advantage"
      description="Transforming back-office operations through algorithmic precision."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "14", title: "Billable Hours Saved", description: "Per partner, per month.", icon: Clock },
        { id: "m2", value: "12", title: "Deployment Days", description: "From agreement to live.", icon: Calendar },
        { id: "m3", value: "8", title: "Weeks to Payback", description: "Average firm ROI timeline.", icon: TrendingUp },
      ]}
      title="Measurable Results"
      description="Direct impact on your bottom line."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Managing Partner", role: "45-attorney litigation firm", testimonial: "We recovered 14 billable hours per partner per month in the first quarter.", imageSrc: "http://img.b2bpic.net/free-vector/dark-paper-layers-background-with-golden-details_23-2148399452.jpg"},
        { id: "t2", name: "COO", role: "Regional Accounting Firm", testimonial: "Compliance prep that took 3 days now takes 4 hours.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149158565.jpg"},
      ]}
      title="Proven by Professionals"
      description="Hear from leaders who have reclaimed their time."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["ABA Standard", "AICPA Verified", "SOC 2 Type II"]}
      title="Industry Recognized Standards"
      description="We adhere to the highest industry benchmarks."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      title="Compliance & Operational Questions"
      description="Common inquiries about integration, security, and impact."
      faqs={[
        { id: "q1", title: "Is SNIP compliant with bar association rules?", content: "Yes. SNIP is designed to comply with ABA Model Rules on AI." },
        { id: "q2", title: "How long does implementation take?", content: "Typical deployment is 10–14 business days." },
        { id: "q3", title: "What is the average ROI timeline?", content: "Most firms see full payback within 8 weeks through recovered billable hours." },
        { id: "q4", title: "Is data secure?", content: "All processing is SOC 2 Type II certified. We sign BAAs." },
      ]}
      faqsAnimation="slide-up"
      mediaAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-abstract-metallic-patterns-with-colorful-light-reflections_181624-50478.jpg"
      textboxLayout="default"
      useInvertedBackground={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book Your AI Audit"
      description="Start the recovery process for your firm's administrative leakage."
      inputs={[
        { name: "name", type: "text", placeholder: "Name", required: true },
        { name: "email", type: "email", placeholder: "Email Address", required: true },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="SNIP"
      copyrightText="© 2025 SNIP. All rights reserved."
      socialLinks={[
        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
        { icon: Github, href: "#", ariaLabel: "Github" }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}