"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
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-blog" data-section="legal-blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Legal Insights & Articles"
      description="Stay informed with our latest articles, tips, and analyses on current legal topics."
      blogs={[
        {
          id: "blog-1",
          category: "Corporate Law",
          title: "Understanding the Nuances of Business Contracts",
          excerpt: "A deep dive into common pitfalls and best practices for drafting and reviewing corporate agreements.",
          imageSrc: "http://img.b2bpic.net/free-photo/petition-bankruptcy-debt-loan-overdrawn-trouble-concept_53876-132733.jpg",
          imageAlt: "Contract document with pen",
          authorName: "Dr. Eleanor Vance",
          authorAvatar: "http://img.b2bpic.net/free-photo/senior-business-man-shaking-hands-with-another-young-man_1262-784.jpg",
          date: "October 26, 2023",
        },
        {
          id: "blog-2",
          category: "Family Law",
          title: "Navigating Divorce: A Guide to Legal Processes",
          excerpt: "Essential information and compassionate advice for individuals undergoing family legal transitions.",
          imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-talking-young-couple-while-analyzing-document-meeting-their-home_637285-3048.jpg",
          imageAlt: "People discussing legal matters",
          authorName: "Mr. Arthur P. Jenkins",
          authorAvatar: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",
          date: "September 15, 2023",
        },
        {
          id: "blog-3",
          category: "General Legal",
          title: "The Importance of Legal Counsel in Everyday Life",
          excerpt: "Highlighting situations where professional legal advice can save time, money, and stress.",
          imageSrc: "http://img.b2bpic.net/free-photo/truth-concept-arrangement-with-balance_23-2149051297.jpg",
          imageAlt: "Gavel and legal books",
          authorName: "Ms. Clara O'Connell",
          authorAvatar: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg",
          date: "August 30, 2023",
        },
      ]}
    />
  </div>

  <div id="blog-faq" data-section="blog-faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What should I look for in a legal contract?",
          content: "Look for clarity on terms, scope, duration, payment, termination clauses, and dispute resolution mechanisms. Always ensure both parties understand and agree to all provisions.",
        },
        {
          id: "q2",
          title: "How long does a typical legal case take?",
          content: "The duration of a legal case varies significantly based on its complexity, jurisdiction, and the willingness of parties to settle. It can range from a few months to several years.",
        },
        {
          id: "q3",
          title: "Is an initial legal consultation confidential?",
          content: "Yes, initial consultations are generally confidential and protected by attorney-client privilege, even if you do not retain the lawyer for ongoing services.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/light-bulb-front-side-with-white-background_187299-39886.jpg"
      imageAlt="Question mark light bulb"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Common Questions on Legal Topics"
      description="Find quick answers to frequently asked questions related to our blog content and legal practices."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
