"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
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 } 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"},
        {
          imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-background-with-golden-details_52683-33583.jpg",          imageAlt: "Compliance Map"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-marble-swirl-background-handmade-aesthetic-flowing-texture-experimental-art_53876-103620.jpg",          imageAlt: "Revenue Logic"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-building-architecture-lawyer-s-day-celebration_23-2151023452.jpg",          imageAlt: "Billing Stream"},
      ]}
      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"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-wave-texture-with-glossy-reflective-surface-dark-lighting_84443-91498.jpg",          imageAlt: "Compliance Map"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-nail-polish-texture-detail_23-2149161913.jpg",          imageAlt: "Efficiency Flux"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/anime-flat-building-illustration_23-2151151012.jpg",          imageAlt: "Billing Stream"},
      ]}
      buttons={[
        {
          text: "Book AI Audit",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498613.jpg",          alt: "Managing Partner"},
        {
          src: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137527.jpg",          alt: "Senior Associate"},
        {
          src: "http://img.b2bpic.net/free-photo/skyscraper-seen-through-abstract-ceiling-modern-building_1359-937.jpg",          alt: "CFO Advisor"},
        {
          src: "http://img.b2bpic.net/free-vector/realistic-luxury-background_23-2149318221.jpg",          alt: "Tax Lead"},
        {
          src: "http://img.b2bpic.net/free-vector/realistic-luxury-background_52683-82913.jpg",          alt: "Compliance Officer"},
      ]}
      avatarText="Trusted by 500+ partners"
      marqueeItems={[
        {
          type: "text",          text: "Revenue Capture"},
        {
          type: "text",          text: "Automated Billing"},
        {
          type: "text",          text: "Compliance Ready"},
        {
          type: "text",          text: "AI Precision"},
      ]}
    />
  </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"
      mediaAnimation="blur-reveal"
      imageAlt="architectural 3d object abstract"
    />
  </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. Our associates actually like Mondays now.",          imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149158565.jpg"},
        {
          id: "t3",          name: "CFO",          role: "Boutique M&A Advisory",          testimonial: "SNIP paid for itself in 6 weeks. The audit alone was worth the call.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-flowing-liquid-glass-sculpture_23-2151991175.jpg"},
        {
          id: "t4",          name: "Senior Partner",          role: "Tax Law Firm",          testimonial: "The precision of the AI audit is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90559.jpg"},
        {
          id: "t5",          name: "Director",          role: "Consulting Firm",          testimonial: "Finally, a solution built for professional experts.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-liquid-wave-reflection-multi-colored-water-generated-by-ai_188544-21754.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="Meeting the most rigorous requirements for professional services."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Is SNIP compliant with bar association rules?",          content: "Yes. SNIP is designed to comply with ABA Model Rules on AI, including rules on supervision, competence, and confidentiality."},
        {
          id: "q2",          title: "How long does implementation take?",          content: "Typical deployment is 10–14 business days."},
        {
          id: "q3",          title: "Does SNIP replace existing software?",          content: "No. We integrate with your current DMS, PMS, and billing tools."},
        {
          id: "q4",          title: "Is data secure?",          content: "All processing is SOC 2 Type II certified. We sign BAAs."},
      ]}
      title="Compliance & Operational Questions"
      faqsAnimation="slide-up"
      description="Common inquiries about integration, security, and impact."
    />
  </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,
        },
        {
          name: "firm",          type: "text",          placeholder: "Firm Name",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Any specific details?",        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/blurred-background-desktop-with-chair_1203-1065.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            { label: "About" },
            { label: "Security" },
          ],
        },
        {
          title: "Legal",          items: [
            { label: "Privacy Policy" },
            { label: "Terms" },
          ],
        },
      ]}
      bottomLeftText="© 2025 SNIP. All rights reserved."
      bottomRightText="Built for the future of practice."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
