import { useEffect, useMemo, useState } from “react”; import { motion } from “framer-motion”; import { MoveRight, MessageCircle } from “lucide-react”; import { Button } from “@/components/ui/button”; function Hero() { const [titleNumber, setTitleNumber] = useState(0); const titles = useMemo( () => [ “Faster”, “Simplified”, “Structured”, “Compliant”, “Audit-Ready”, ], [] ); useEffect(() => { const timeoutId = setTimeout(() => { if (titleNumber === titles.length – 1) { setTitleNumber(0); } else { setTitleNumber(titleNumber + 1); } }, 2000); return () => clearTimeout(timeoutId); }, [titleNumber, titles]); return (

{/* Top Tag */}

{/* Heading */}

ISO Certification Made {titles.map((title, index) => ( index ? “-150%” : “150%”, opacity: 0, } } > {title} ))}

{/* Subtext */}

Achieve ISO 9001, ISO 27001, ISO 14001, ISO 45001 & ISO 42001 with expert guidance. A streamlined, end-to-end approach designed for US businesses.

{/* CTA Buttons */}

{/* Trust Line */}

Serving US clients since 2018 • End-to-End Support • Remote / Hybrid / Onsite

); } export { Hero };