"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { ShieldCheck } from "lucide-react";

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="about-intro" data-section="about-intro">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="International Leader in Digital QHSE Solutions"
      description="Smart QHSE System is a global provider of premium digital solutions for Quality, Health, Safety, and Environment. We are committed to fostering operational excellence through innovation, compliance, and unparalleled support for professionals and organizations worldwide."
      subdescription="Our expertise spans across critical industries, delivering cutting-edge products, comprehensive documentation, and advanced training materials that empower our clients to achieve and exceed international safety and quality standards."
      icon={ShieldCheck}
      imageSrc="http://img.b2bpic.net/free-photo/co-workers-suits-helmets_1098-3073.jpg"
      imageAlt="Diverse team collaborating on QHSE platform"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="mission-metrics" data-section="mission-metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "am1",
          value: "10+",
          title: "Years of Experience",
          description: "A decade of pioneering digital QHSE solutions.",
          imageSrc: "http://img.b2bpic.net/free-vector/use-soap-water-wash-your-hands-prevent-coronavirus-neon-sign-vector_53876-171341.jpg",
          imageAlt: "Experience Icon",
        },
        {
          id: "am2",
          value: "150+",
          title: "Countries Served",
          description: "Global reach empowering businesses worldwide.",
          imageSrc: "http://img.b2bpic.net/free-photo/globe-background_1048-7705.jpg",
          imageAlt: "Countries Served Icon",
        },
        {
          id: "am3",
          value: "99%",
          title: "Client Satisfaction",
          description: "Dedicated to client success and exceptional service.",
          imageSrc: "http://img.b2bpic.net/free-vector/creative-reports-sketch-25-blue-icon-pack-such-as-page-data-paper-report-letter_1142-26807.jpg",
          imageAlt: "Satisfaction Icon",
        },
        {
          id: "am4",
          value: "ISO",
          title: "Compliance Experts",
          description: "Ensuring adherence to the highest international standards.",
          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
          imageAlt: "Compliance Icon",
        },
      ]}
      title="Our Commitment to Excellence"
      description="Driving innovation and setting new benchmarks in global QHSE standards."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Smart QHSE System"
      columns={[
        {
          title: "Products",
          items: [
            {
              label: "Risk Assessment",
              href: "/products",
            },
            {
              label: "HSE Procedures",
              href: "/products",
            },
            {
              label: "ISO Documentation",
              href: "/products",
            },
            {
              label: "Digital Platforms",
              href: "/products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "/faq",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/212638673530",
            },
            {
              label: "Email",
              href: "mailto:nimadigital99@gmail.com",
            },
          ],
        },
      ]}
      copyrightText="Smart QHSE System © 2026 - All Rights Reserved"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
