"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
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="legal-services-details" data-section="legal-services-details">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Civil Litigation",
          description: "Expert representation in disputes, negotiations, and court proceedings across various civil matters.",
          imageSrc: "http://img.b2bpic.net/free-vector/law-justice-infographic-process-diagram-with-scale-center-with-circle-line-pointer-standing-horizontal-timeline-with-dark-background-bright-outline-style-4-points_82472-6150.jpg",
          imageAlt: "Scales of justice",
        },
        {
          title: "Business Advisory",
          description: "Strategic legal counsel for startups, established companies, and entrepreneurs.",
          imageSrc: "http://img.b2bpic.net/free-photo/retail-store-stockroom-employee-giving-colleague-black-case-reception-desk-warehouse-operator-making-customer-order-registration-checking-product-stock-counter-close-up_482257-61104.jpg",
          imageAlt: "Legal briefcase",
        },
        {
          title: "Contract Drafting & Review",
          description: "Ensuring your agreements are clear, compliant, and protect your interests.",
          imageSrc: "http://img.b2bpic.net/free-photo/breakup-marriage-couple-with-divorce-certification_53876-14774.jpg",
          imageAlt: "Contract document",
        },
      ]}
      title="Comprehensive Legal Solutions"
      description="Our practice areas are designed to address the full spectrum of legal challenges faced by individuals and businesses."
    />
  </div>

  <div id="success-metrics" data-section="success-metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "success-rate",
          value: "95%",
          title: "Case Success Rate",
          items: [
            "High rate of favorable outcomes",
            "Strategic approach to every case",
            "Client-focused results",
          ],
        },
        {
          id: "client-retention",
          value: "90%",
          title: "Client Retention",
          items: [
            "Long-term client relationships",
            "Trusted advisor status",
            "Consistent quality service",
          ],
        },
        {
          id: "referrals",
          value: "80%",
          title: "Referrals Rate",
          items: [
            "Strong word-of-mouth reputation",
            "Client recommendations",
            "Professional network endorsements",
          ],
        },
      ]}
      title="Our Impact & Success"
      description="Quantifiable results that demonstrate our effectiveness and commitment to our clients."
    />
  </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>
  );
}
