"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Equipment",
          id: "equipment",
        },
        {
          name: "Impact",
          id: "impact",
        },
        {
          name: "Partners",
          id: "partners",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="ARRIMAQ"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="ARRIMAQ: Empowering Your Projects with Heavy Machinery"
      description="Providing robust and reliable construction and industrial equipment solutions for every challenge. Quality machines, exceptional service."
      buttons={[
        {
          text: "Explore Equipment",
          href: "#equipment",
        },
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28108.jpg",
          imageAlt: "Heavy Excavator",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-scene-with-warehouse-logistics-operations_23-2151468907.jpg",
          imageAlt: "Industrial Forklift",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/october-2018-building-construction-skyscrapers-dubai_231208-7621.jpg",
          imageAlt: "Construction Crane",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ongoing-construction-with-tracks-bulldozer-abandoned-land_181624-17192.jpg",
          imageAlt: "Road Roller",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194778.jpg",
          imageAlt: "Man using an excavator for digging on day light",
        },
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About ARRIMAQ: Your Partner in Progress"
      description={[
        "For decades, ARRIMAQ has been at the forefront of providing top-tier heavy machinery and equipment rentals. We understand the demands of construction, mining, and industrial sectors, and we're dedicated to supplying solutions that guarantee efficiency and safety on your site.",
        "Our commitment extends beyond just equipment. We offer comprehensive support, maintenance, and expert advice to ensure your projects run smoothly from start to finish. Trust ARRIMAQ for reliability and performance.",
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
        {
          text: "Our Vision",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Robust Equipment Fleet",
          description: "Access a modern and diverse fleet of heavy machinery, meticulously maintained for optimal performance and safety on any job site.",
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-repairing-car-tire-while-working-workshop_637285-7616.jpg",
          imageAlt: "Equipment maintenance",
        },
        {
          title: "Expert Technical Support",
          description: "Benefit from our highly skilled technicians providing prompt on-site assistance, remote diagnostics, and preventative maintenance to minimize downtime.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-headphones_23-2148902563.jpg",
          imageAlt: "Technical support",
        },
        {
          title: "Flexible Rental Options",
          description: "Choose from tailored rental plans including daily, weekly, and monthly options, designed to adapt seamlessly to your project timelines and budget.",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-company-manager-visiting-employees-factory-plant-talking-one-workers_637285-4156.jpg",
          imageAlt: "Flexible rental options",
        },
      ]}
      title="Key Features & Services"
      description="Discover what makes ARRIMAQ the preferred choice for heavy equipment solutions."
    />
  </div>

  <div id="equipment" data-section="equipment">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-excavator",
          name: "Hydraulic Excavator",
          price: "Available for Rent",
          imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307818.jpg",
          imageAlt: "Hydraulic Excavator",
        },
        {
          id: "prod-bulldozer",
          name: "Track-Type Bulldozer",
          price: "Available for Rent",
          imageSrc: "http://img.b2bpic.net/free-photo/tractor-countryside-tuscany-italy_641386-357.jpg",
          imageAlt: "Track-Type Bulldozer",
        },
        {
          id: "prod-loader",
          name: "Wheel Loader",
          price: "Available for Rent",
          imageSrc: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194790.jpg",
          imageAlt: "Wheel Loader",
        },
        {
          id: "prod-backhoe",
          name: "Backhoe Loader",
          price: "Available for Rent",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19087.jpg",
          imageAlt: "Backhoe Loader",
        },
        {
          id: "prod-skidsteer",
          name: "Skid Steer Loader",
          price: "Available for Rent",
          imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194767.jpg",
          imageAlt: "Skid Steer Loader",
        },
        {
          id: "prod-forklift",
          name: "Industrial Forklift",
          price: "Available for Rent",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-forklift-driver-factory-s-warehouse_342744-203.jpg",
          imageAlt: "Industrial Forklift",
        },
      ]}
      title="Our Equipment Fleet"
      description="Browse our extensive catalog of heavy machinery, from excavators to forklifts, designed for peak performance."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-years",
          value: "25+",
          title: "Years in Service",
          description: "Decades of industry experience ensuring unparalleled expertise and reliability.",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-portrait-excitement-middle-success_1262-2789.jpg",
          imageAlt: "Award trophy",
        },
        {
          id: "metric-clients",
          value: "500+",
          title: "Satisfied Clients",
          description: "A growing base of loyal customers trusting us with their critical projects worldwide.",
          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662943.jpg",
          imageAlt: "Global network",
        },
        {
          id: "metric-fleet",
          value: "100+",
          title: "Machines in Fleet",
          description: "An extensive and modern fleet ready to tackle projects of any scale and complexity.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg",
          imageAlt: "Growth chart",
        },
      ]}
      title="Our Impact & Reliability"
      description="ARRIMAQ’s dedication to excellence is reflected in our unwavering performance and client satisfaction."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Constructors",
        "Mega Mining Corp",
        "Urban Builders Inc",
        "Precision Logistics",
        "Green Infrastructure",
        "Industrial Solutions Group",
        "Advanced Robotics",
        "Foundation Engineering",
      ]}
      title="Trusted by Industry Leaders"
      description="We are proud partners with leading companies in construction, mining, and industrial sectors, powering their success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "Exceptional Service and Equipment",
          quote: "ARRIMAQ provided us with state-of-the-art excavators and unparalleled support. Our project was completed ahead of schedule, thanks to their reliable machinery and expert team.",
          name: "Sarah Johnson",
          role: "Project Manager, Global Constructors",
          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          title: "A True Partner in Mining Operations",
          quote: "The heavy-duty equipment from ARRIMAQ handled the toughest conditions in our mine with ease. Their maintenance team is responsive and highly professional, ensuring continuous operation.",
          name: "Michael Chen",
          role: "Operations Director, Mega Mining Corp",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-teacher-class_23-2148635334.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          title: "Reliability You Can Count On",
          quote: "We've rented various machines from ARRIMAQ for multiple urban development projects. Their equipment is always in excellent condition, and their flexible terms are a huge benefit.",
          name: "Emily Rodriguez",
          role: "CEO, Urban Builders Inc",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          title: "Streamlined Logistics with ARRIMAQ",
          quote: "The forklifts and loaders we got from ARRIMAQ have significantly improved our warehouse efficiency. Their quality and dependable delivery make them our go-to partner.",
          name: "David Kim",
          role: "Logistics Manager, Precision Logistics",
          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367545.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          title: "Committed to Project Success",
          quote: "ARRIMAQ goes above and beyond to understand our project needs and provide the perfect machinery. Their dedication to client success is truly commendable.",
          name: "Jessica Lee",
          role: "Lead Engineer, Green Infrastructure",
          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-worker-mature-businessman-talking-while-going-through-paperwork-industrial-building_637285-4194.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from industry professionals who rely on ARRIMAQ for their most critical projects."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready to Power Your Next Project?"
      description="Contact ARRIMAQ today for expert advice, equipment rentals, or to discuss your specific machinery needs."
      imageSrc="http://img.b2bpic.net/free-photo/smiley-coworkers-looking-documents-together_23-2148908805.jpg"
      imageAlt="Modern office interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Inquiry"
      termsText="By clicking Send Inquiry, you agree to ARRIMAQ's Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="ARRIMAQ"
      copyrightText="© 2024 ARRIMAQ. All rights reserved."
      socialLinks={[
        {
          icon: Twitter,
          href: "https://twitter.com/arrimaq",
          ariaLabel: "Twitter",
        },
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/arrimaq",
          ariaLabel: "LinkedIn",
        },
        {
          icon: Facebook,
          href: "https://facebook.com/arrimaq",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
