"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

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="faq-section" data-section="faq-section">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What types of cases do you specialize in?",
          content: "We specialize in corporate law, family law, real estate law, civil litigation, and business advisory services. Our expertise covers a broad range of legal matters.",
        },
        {
          id: "faq2",
          title: "How do I schedule an initial consultation?",
          content: "You can schedule an initial consultation by filling out the contact form on our website, sending us an email, or calling our office directly during business hours. We offer flexible scheduling options.",
        },
        {
          id: "faq3",
          title: "What documents should I prepare for a consultation?",
          content: "It's helpful to bring any relevant documents related to your case, such as contracts, correspondence, or previous legal papers. A clear timeline of events is also beneficial.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-businesspeople-examining-agreement-restaurant_23-2147876716.jpg"
      imageAlt="Lawyer consulting client"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our services, legal processes, and how we can assist you."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="faq-metrics" data-section="faq-metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "response-time",
          value: "24/7",
          title: "Client Support",
          items: [
            "Always available for emergencies",
            "Prompt response to inquiries",
            "Dedicated client portal access",
          ],
        },
        {
          id: "clarity-score",
          value: "9.5/10",
          title: "Communication Clarity",
          items: [
            "Easy-to-understand legal advice",
            "Transparent updates on case progress",
            "Proactive communication strategy",
          ],
        },
        {
          id: "issue-resolution",
          value: "Timely",
          title: "Issue Resolution",
          items: [
            "Efficient problem-solving",
            "Expedited case closures",
            "Minimizing client stress",
          ],
        },
      ]}
      title="Our Client Support Metrics"
      description="Demonstrating our commitment to responsive and effective client service."
    />
  </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>
  );
}
