"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { BarChart, FileText, GraduationCap, Lightbulb, Users, ClipboardList, ScrollText, Presentation, BadgeCheck, ClipboardCheck } 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="services-overview" data-section="services-overview">
      <FeatureCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      features={[
        {
          title: "Customized Documentation",          description: "Develop bespoke QHSE manuals, procedures, and forms tailored to your specific operations and regulatory requirements, ensuring full compliance and efficiency.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-greeting-colleague-examining-system-diagnostics-paperwork_482257-120629.jpg",            imageAlt: "Customized QHSE documentation service"},
          items: [
            {
              icon: FileText,
              text: "Policy & Procedure Manuals"},
            {
              icon: ClipboardList,
              text: "Risk Assessments & JSAs"},
            {
              icon: ScrollText,
              text: "Permit to Work Systems"},
          ],
          reverse: false,
        },
        {
          title: "Expert QHSE Consulting",          description: "Benefit from seasoned professionals providing strategic advice, implementation support, and audits to optimize your QHSE management systems and achieve certification.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-factory-shareholders-doing-competitor-analysis-looking-files_482257-126909.jpg",            imageAlt: "QHSE consulting support digital solutions"},
          items: [
            {
              icon: Lightbulb,
              text: "Strategic System Design"},
            {
              icon: Users,
              text: "Compliance Audits & Gap Analysis"},
            {
              icon: BarChart,
              text: "Performance Improvement"},
          ],
          reverse: true,
        },
        {
          title: "Interactive Training Materials",          description: "Engage your workforce with state-of-the-art training materials, including interactive presentations, workshops, and digital modules for continuous learning.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-looking-man-giving-presentation-flip-chart_23-2147923331.jpg",            imageAlt: "QHSE training materials digital platform"},
          items: [
            {
              icon: GraduationCap,
              text: "Digital Training Modules"},
            {
              icon: Presentation,
              text: "Tailored Workshops"},
            {
              icon: BadgeCheck,
              text: "Certification Readiness"},
          ],
          reverse: false,
        },
      ]}
      title="Comprehensive QHSE Services for Modern Industries"
      description="Smart QHSE System provides expert consulting, custom documentation, and advanced training solutions to elevate your safety, quality, and environmental performance."
      tag="Our Expertise"
      tagIcon={ClipboardCheck}
    />
  </div>

  <div id="digital-platform-services" data-section="digital-platform-services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          title: "Integrated Management Systems",          description: "A unified platform for Quality, Health, Safety, and Environmental management, streamlining compliance and reporting.",          tag: "Platform",          imageSrc: "http://img.b2bpic.net/free-photo/factory-management-industrial-facility-looking-data-mockup-laptop_482257-126905.jpg",          imageAlt: "Digital QHSE platforms robust"},
        {
          id: "2",          title: "Real-time Analytics & Reporting",          description: "Gain actionable insights with live dashboards and customizable reports, enabling proactive decision-making and continuous improvement.",          tag: "Analytics",          imageSrc: "http://img.b2bpic.net/free-photo/technician-remotely-supervising-smart-factory-production-lines_482257-126922.jpg",          imageAlt: "Technician remotely supervising smart factory production lines"},
        {
          id: "3",          title: "Mobile-first Field Solutions",          description: "Empower your field teams with mobile applications for inspections, incident reporting, and safety checks, even offline.",          tag: "Mobile",          imageSrc: "http://img.b2bpic.net/free-photo/architect-working-with-virtual-3d-projection_651396-970.jpg",          imageAlt: "Architect working with virtual 3D projection"},
      ]}
      title="Our Digital QHSE Platforms"
      description="Experience seamless integration and enhanced control with our robust digital platforms designed to manage all aspects of your QHSE operations efficiently."
    />
  </div>

  <div id="services-contact-cta" data-section="services-contact-cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get Started Today"
      title="Ready to Transform Your QHSE?"
      description="Contact Smart QHSE System to discuss your specific needs and discover how our tailored solutions can benefit your organization."
      buttons={[
        {
          text: "Request a Quote",          href: "/contact"},
      ]}
    />
  </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>
  );
}
