"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Nour Automation"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "sparkles-gradient",
      }}
      title="SARL Nour Automation"
      description="Excellence in industrial automation and intelligent systems design."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-mockup-computer-monitor-photovoltaics-factory_482257-120469.jpg",
          imageAlt: "Automation robotic arm",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
          imageAlt: "Industrial control panel",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirl-background_1017-2756.jpg",
          imageAlt: "Circuit board technology",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/automated-car-assembly-line-assembly-car-door-plant-automotive-industry-line-car-body_645730-690.jpg",
          imageAlt: "Smart factory floor",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/augmented-reality-engineer-examining-holographic-machine_23-2152006121.jpg",
          imageAlt: "Precision engineering gears",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/enterprise-server-environment-facilitating-ai-driven-automation_482257-124188.jpg",
          imageAlt: "Server facility",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Leading the",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/3d-team-leader-solving-technical-issue_482257-121367.jpg",
          alt: "Automation Innovation",
        },
        {
          type: "text",
          content: "Future of Industrial Automation",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          label: "Control",
          title: "PLC Systems",
          items: [
            "Design & Integration",
            "Maintenance",
            "Troubleshooting",
          ],
        },
        {
          id: "2",
          label: "Robotics",
          title: "Robotic Arms",
          items: [
            "Assembly Solutions",
            "Precision Loading",
            "Optimized Paths",
          ],
        },
        {
          id: "3",
          label: "Industrial",
          title: "Sensor Networks",
          items: [
            "Real-time Monitoring",
            "Data Analytics",
            "Remote Control",
          ],
        },
      ]}
      title="Our Core Capabilities"
      description="Comprehensive automation services tailored for industry-grade operations."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "NourTech",
          name: "Automation Controller Alpha",
          price: "Contact for pricing",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524403.jpg",
        },
        {
          id: "p2",
          brand: "NourTech",
          name: "Smart Vision System",
          price: "Contact for pricing",
          rating: 5,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg",
        },
        {
          id: "p3",
          brand: "NourTech",
          name: "RoboArm Precision Base",
          price: "Contact for pricing",
          rating: 5,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg",
        },
        {
          id: "p4",
          brand: "NourTech",
          name: "Sensor Array Pro",
          price: "Contact for pricing",
          rating: 4,
          reviewCount: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cogs_53876-88560.jpg",
        },
        {
          id: "p5",
          brand: "NourTech",
          name: "Industrial Data Hub",
          price: "Contact for pricing",
          rating: 5,
          reviewCount: "9",
          imageSrc: "http://img.b2bpic.net/free-photo/corridor-server-room-data-center_181624-61663.jpg",
        },
        {
          id: "p6",
          brand: "NourTech",
          name: "Safety PLC Unit",
          price: "Contact for pricing",
          rating: 5,
          reviewCount: "11",
          imageSrc: "http://img.b2bpic.net/free-photo/bright-abstract-colorful-shapes_1048-1504.jpg",
        },
      ]}
      title="Industrial Solutions Catalog"
      description="Explore our specialized automation hardware and software modules."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "150+",
          title: "Projects Completed",
          description: "Successfully delivered across diverse industrial sectors.",
          imageSrc: "http://img.b2bpic.net/free-photo/robotic-arms-assembling-products-production-line_23-2152005500.jpg",
        },
        {
          id: "m2",
          value: "99.9%",
          title: "Uptime Guaranteed",
          description: "Reliable automation systems that maximize your uptime.",
          imageSrc: "http://img.b2bpic.net/free-photo/masked-hacker-sneaking-into-solar-panel-plant-night-steal-equipment_482257-119274.jpg",
        },
        {
          id: "m3",
          value: "50+",
          title: "Partnered Factories",
          description: "Expanding the horizon of automated manufacturing.",
          imageSrc: "http://img.b2bpic.net/free-photo/robotic-arm-placing-chip-circuit-board_23-2152011751.jpg",
        },
      ]}
      title="Our Impact"
      description="Measurable results for our manufacturing partners."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Ahmed Mansour",
          date: "2023",
          title: "Operations Manager",
          quote: "Incredible automation expertise. Nour transformed our production line.",
          tag: "Industrial",
          avatarSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-associates-engineers-gather-discussion_482257-126040.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-manager-operating-industrial-machine-pushing-buttons-control-panel_74855-16377.jpg",
        },
        {
          id: "t2",
          name: "Fatima Ben",
          date: "2023",
          title: "Production Head",
          quote: "Reliability and efficiency are their hallmark. Highly recommend.",
          tag: "Manufacturing",
          avatarSrc: "http://img.b2bpic.net/free-photo/high-tech-manufacturing-environment-showing-robotics-action-photovoltaic-system-monitoring_482257-132268.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
        },
        {
          id: "t3",
          name: "Karim Bel",
          date: "2023",
          title: "CEO",
          quote: "Technical skills are top-notch and service is always responsive.",
          tag: "Tech",
          avatarSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-coworkers-having-dispute-how-calibrate-equipment_482257-125231.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189241.jpg",
        },
        {
          id: "t4",
          name: "Sonia Amari",
          date: "2023",
          title: "Plant Director",
          quote: "The automation solutions implemented increased our throughput by 40%.",
          tag: "Automotive",
          avatarSrc: "http://img.b2bpic.net/free-photo/server-infrastructure-systems-delivering-ai-automation-cloud-storage_482257-124360.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/technology-background-with-blue-color_23-2147846799.jpg",
        },
        {
          id: "t5",
          name: "Hassan Ali",
          date: "2023",
          title: "Site Manager",
          quote: "Professional team with great attention to detail.",
          tag: "General",
          avatarSrc: "http://img.b2bpic.net/free-photo/team-engineers-collaborating-desk_482257-121398.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/upset-data-center-worker-packing-desk-after-being-replaced-by-ai_482257-127245.jpg",
        },
      ]}
      title="Client Success Stories"
      description="What industry leaders say about Nour Automation."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "What industries do you serve?",
          content: "We support manufacturing, automotive, food processing, and chemical sectors.",
        },
        {
          id: "f2",
          title: "Do you provide maintenance?",
          content: "Yes, we offer ongoing support and predictive maintenance contracts.",
        },
        {
          id: "f3",
          title: "How long does integration take?",
          content: "Timelines depend on complexity, ranging from 2 weeks to several months.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/server-hub-it-professionals-talking-using-chroma-key-device_482257-122505.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Answers to common inquiries about our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Let's Get Started"
      description="Ready to automate? Contact our expert team for a consultation."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your message",
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/multiethnic-colleagues-pitching-investment-strategy-manager_482257-123615.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 SARL Nour Automation."
      bottomRightText="All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
