import { Head, Link } from "@inertiajs/react"; import { motion } from "framer-motion"; import React, { useEffect, useState } from "react"; import ClientsCarousel from "@/components/home/ClientsCarousel"; import { Button } from "@/components/ui/button"; import WebLayout from "@/layouts/WebLayout"; import type { ClientProps } from "@/types/ClientProps"; interface EquipmentProps { id: number; name: string; image: string; content: string; // Changed from description to content to match provided code } interface EquipmentIndexProps { equipments: EquipmentProps[]; clients: ClientProps[]; } const Equipment = ({ equipments, clients }: EquipmentIndexProps) => { const fadeIn = { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 }, }, }; const staggerContainer = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.2, }, }, }; const [bgImage, setBgImage] = useState(""); const fallbackImage = "/lovable-uploads/913966a1-aabe-49b4-a605-333251687c87.png"; // Use your own fallback image URL useEffect(() => { if (Array.isArray(equipments) && equipments.length > 0) { const randomPost = equipments[Math.floor(Math.random() * equipments.length)]; const image = randomPost?.image?.trim() || ""; setBgImage(image !== "" ? image : fallbackImage); } else { setBgImage(fallbackImage); } }, [equipments]); return (
{/* Hero Section */}

Our Equipments

At O.K. Isokariari Nigeria Limited (O.K.I), we pride ourselves on maintaining a modern, diverse, and reliable fleet of equipment to handle a wide range of construction, earthmoving, and transportation projects. Our machines are operated by skilled professionals and maintained to the highest standards to ensure performance, safety, and efficiency on every job.

{/* Meet Our Top Management Section */}
{equipments.length > 0 ? ( equipments.map((member, index) => { const isImageLeft = index % 2 === 0; return ( {isImageLeft && ( {member.name} )}

{member.name}

{!isImageLeft && ( {member.name} )} ); }) ) : (
No equipments found.
)}
{/* Clients Carousel Section */} {/* CTA Section */}

Ready to Work With Us?

Whether you're looking for a construction partner, career opportunities, or more information about our services, we'd love to hear from you.

); }; export default Equipment;