"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",          id: "about"},
        {
          name: "Solutions",          id: "features"},
        {
          name: "Results",          id: "metrics"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="AdamesCativias"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="Excellence in Every Detail"
      description="AdamesCativias delivers bespoke strategic solutions designed for professional growth and sustainable impact."
      buttons={[
        {
          text: "Get Started",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-gift-box_140725-162516.jpg",          imageAlt: "Professional Portrait"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-stationery-mockup-with-certificate-branding-elements_187299-47925.jpg",          imageAlt: "Texture Detail"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",          imageAlt: "Modern Interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg",          imageAlt: "Professional Team"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg",          imageAlt: "Abstract Concept"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About AdamesCativias"
      description={[
        "We are a dedicated group of professionals committed to helping our clients navigate complex landscapes through innovation and precision.",        "Our mission is to foster long-term growth and ensure our partners reach their highest potential with strategies that last."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Strategic Planning",          subtitle: "Defining clear pathways to success.",          category: "Strategy",          value: "99%"},
        {
          id: "f2",          title: "Financial Insight",          subtitle: "Data-driven decisions for performance.",          category: "Finance",          value: "24/7"},
        {
          id: "f3",          title: "Brand Development",          subtitle: "Elevating your market presence.",          category: "Marketing",          value: "100%"},
      ]}
      title="Our Expertise"
      description="Comprehensive solutions tailored to meet the unique needs of your business growth trajectory."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "150+",          description: "Projects completed"},
        {
          id: "m2",          value: "98%",          description: "Client retention rate"},
        {
          id: "m3",          value: "24/7",          description: "Support availability"},
      ]}
      title="Proven Results"
      description="We measure our success by the tangible outcomes our clients achieve in their respective markets."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO",          testimonial: "AdamesCativias revolutionized our workflow and provided clarity where we needed it most.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg"},
        {
          id: "2",          name: "Michael Chen",          role: "CTO",          testimonial: "Professional, efficient, and deeply insightful. They understand our industry better than we do.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
      ]}
      title="What Clients Say"
      description="Honest feedback from the partners we've helped reach their business objectives."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={false}
      names={[
        "AlphaCorp",        "BetaLabs",        "GammaInc",        "DeltaSoft"]}
      title="Trusted Partners"
      description="Collaborating with industry leaders to deliver exceptional results."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How do we start?",          content: "Simply reach out via our contact form and we will set up an initial consultation."},
      ]}
      mediaAnimation="slide-up"
      title="Frequently Asked"
      description="Clear answers to the common questions about our processes and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contacto"
      title="¡Hablemos de tu Futuro!"
      description="Estamos listos para transformar tu visión en resultados tangibles. Agenda una consulta personalizada para el mercado dominicano."
      buttonText="Enviar Mensaje"
      mediaPosition="right"
      background={{ variant: "plain" }}
      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="AdamesCativias"
      columns={[
        {
          title: "Servicios",          items: [
            { label: "Estrategia", href: "#" },
            { label: "Finanzas", href: "#" },
            { label: "Marketing", href: "#" }
          ]
        },
        {
          title: "Contacto",          items: [
            { label: "Santo Domingo", href: "#" },
            { label: "info@adamescativias.do", href: "#" }
          ]
        }
      ],
      copyrightText="© 2025 AdamesCativias | Soluciones Estratégicas en RD"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}