"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Products",
          id: "/products",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Testimonials",
          id: "/testimonials",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Smart QHSE System"
      button={{
        text: "Get a Quote",
        href: "/contact",
      }}
    />
  </div>

  <div id="blog-posts" data-section="blog-posts">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Insights & Best Practices"
      description="Stay informed with our articles on QHSE trends, compliance updates, and practical tips for enhancing workplace safety and quality."
      tag="Our Blog"
      blogs={[
        {
          id: "1",
          category: "Safety Management",
          title: "Building a Robust Safety Culture in Your Workplace",
          excerpt: "Discover key strategies and practical steps to foster a strong safety culture that empowers employees and reduces incidents.",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg",
          imageAlt: "strong safety culture industrial workplace",
          authorName: "Alex Johnson",
          authorAvatar: "http://img.b2bpic.net/free-photo/old-client-asking-senior-medical-specialist-about-disease-prevention_482257-122765.jpg",
          date: "October 26, 2023",
        },
        {
          id: "2",
          category: "Quality Control",
          title: "The Pillars of an Effective Quality Management System",
          excerpt: "Learn about the essential components of a robust QMS and how to implement them for consistent quality and customer satisfaction.",
          imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595849.jpg",
          imageAlt: "quality management system iso standards",
          authorName: "Maria Garcia",
          authorAvatar: "http://img.b2bpic.net/free-photo/sleepy-frustrated-woman-monitoring-locating-couriers-traffic_482257-89108.jpg",
          date: "October 18, 2023",
        },
        {
          id: "3",
          category: "Environmental Compliance",
          title: "Navigating ISO 14001: Key Steps to Environmental Certification",
          excerpt: "A step-by-step guide to understanding and achieving ISO 14001 certification for improved environmental performance.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-gardener-removing-crate-from-rack_23-2147918559.jpg",
          imageAlt: "environmental management industrial sustainability",
          authorName: "David Lee",
          authorAvatar: "http://img.b2bpic.net/free-photo/engineer-data-center-using-tablet-prevent-system-overload-close-up-employee-server-room-ensuring-there-is-enough-network-connectivity-smooth-operations-blurry-background_482257-72822.jpg",
          date: "October 10, 2023",
        },
        {
          id: "4",
          category: "Health & Wellbeing",
          title: "Promoting Occupational Health: Beyond Basic Safety Measures",
          excerpt: "Explore advanced strategies for fostering a healthy workplace, including mental health support and ergonomic solutions.",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-candidates-wait-office-lobby_482257-121031.jpg",
          imageAlt: "occupational health and safety workplace",
          authorName: "Sarah Chen",
          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149478460.jpg",
          date: "October 2, 2023",
        },
      ]}
    />
  </div>

  <div id="blog-subscribe-cta" data-section="blog-subscribe-cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Stay Informed"
      title="Subscribe to Our QHSE Newsletter"
      description="Get the latest articles, industry news, and exclusive insights delivered straight to your inbox."
      buttons={[
        {
          text: "Subscribe Now",
          href: "/subscribe",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "QHSE Consulting",
              href: "/services#consulting",
            },
            {
              label: "Custom Docs",
              href: "/services#documentation",
            },
            {
              label: "Training Programs",
              href: "/services#training",
            },
            {
              label: "Digital Platforms",
              href: "/services#platforms",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Careers",
              href: "/careers",
            },
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "/privacy",
            },
            {
              label: "Terms of Service",
              href: "/terms",
            },
          ],
        },
      ]}
      logoText="Professional Digital QHSE Solutions"
      copyrightText="© 2024 Professional Digital QHSE Solutions. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
