"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About Us",          id: "/about"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Portfolio",          id: "/portfolio"},
        {
          name: "Blog",          id: "/blog"},
        {
          name: "FAQ",          id: "/faq"},
      ]}
      button={{
        text: "Contact Us",        href: "/contact"}}
      brandName="Lawyer & Associates"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Experienced Legal Counsel You Can Trust"
      description="Providing comprehensive legal services with dedication and integrity. We are committed to achieving the best possible outcomes for our clients."
      tag="Your Trusted Legal Partner"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Book a Consultation",          href: "/contact"},
        {
          text: "Learn More",          href: "/about"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-psychologist-work_1098-21007.jpg",          imageAlt: "Lawyer discussing with client"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman-beige-suit-silhouette-young-corporate-woman-with-documents-laptop_1258-194034.jpg",          imageAlt: "Modern law office"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="5.0 rating based on client reviews"
    />
  </div>

  <div id="about-summary" data-section="about-summary">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Protecting Your Rights, Securing Your Future"
      description="Our firm is built on a foundation of legal expertise, ethical practice, and client-focused service. We navigate complex legal landscapes to provide clear, effective solutions tailored to your unique needs."
      metrics={[
        {
          value: "20+",          title: "Years Experience"},
        {
          value: "95%",          title: "Success Rate"},
        {
          value: "500+",          title: "Cases Won"},
      ]}
      tag="Our Commitment"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"
      imageAlt="Professional lawyer portrait"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="specializations" data-section="specializations">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Corporate Law",          description: "Guiding businesses through complex regulations, mergers, acquisitions, and compliance.",          imageSrc: "http://img.b2bpic.net/free-photo/business-ethics-honesty-ideology-integrity-concept_53876-15835.jpg",          imageAlt: "Corporate law icon"},
        {
          title: "Family Law",          description: "Compassionate representation in divorce, child custody, and domestic disputes.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-family-drawing_23-2148548543.jpg",          imageAlt: "Family law icon"},
        {
          title: "Real Estate Law",          description: "Assisting with property transactions, landlord-tenant disputes, and development projects.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-related-profession_23-2151419538.jpg",          imageAlt: "Real estate law icon"},
      ]}
      title="Areas of Legal Expertise"
      description="We offer specialized legal services across a broad spectrum of practice areas to meet diverse client needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Working with Lawyer & Associates was a truly transformative experience. Their legal team demonstrated unparalleled expertise and guided me through every step of my complex case with clarity and unwavering support. I felt genuinely heard and understood, leading to a resolution that exceeded my expectations. I highly recommend their services to anyone seeking dedicated and effective legal representation."
      rating={5}
      author="Sarah M., Satisfied Client"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",          alt: "Sarah M. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",          alt: "John D. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg",          alt: "Emily R. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",          alt: "David K. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          alt: "Happy mature businessman showing thumb up"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="home-contact-cta" data-section="home-contact-cta">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Ready for a Consultation?"
      description="Contact us today to discuss your legal needs and explore how we can assist you. Your initial consultation is confidential and without obligation."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone (Optional)",          required: false,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Describe Your Inquiry",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282054.jpg"
      imageAlt="Modern law firm reception"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Submit Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Corporate Law",              href: "/services#corporate"},
            {
              label: "Family Law",              href: "/services#family"},
            {
              label: "Real Estate",              href: "/services#realestate"},
            {
              label: "Civil Litigation",              href: "/services#litigation"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Team",              href: "/about#team"},
            {
              label: "Case Portfolio",              href: "/portfolio"},
            {
              label: "Blog",              href: "/blog"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "/contact"},
            {
              label: "FAQ",              href: "/faq"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Lawyer & Associates"
      copyrightText="© 2024 Lawyer & Associates. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
