"use client" import { motion } from "framer-motion" import { ArrowRight, ChevronDown, Star, Users, Building } from "lucide-react" import { useEffect, useState } from "react" import Link from "next/link" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" const stats = [ { label: "Happy Clients", value: "500+", icon: Users }, { label: "Success Rate", value: "99%", icon: Star }, { label: "Industries", value: "25+", icon: Building }, ] const HeroSection = () => { const [isVisible, setIsVisible] = useState(false) const [scrolled, setScrolled] = useState(false) const FADE_DOWN_ANIMATION_VARIANTS = { hidden: { opacity: 0, y: -10 }, show: { opacity: 1, y: 0, transition: { type: "spring" } }, } useEffect(() => { setIsVisible(true) const handleScroll = () => setScrolled(window.scrollY > 50) window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

{/* Background Elements */}

{/* Floating Navigation */}

Features About Contact

{/* Top Badge */}

✨ Industry Leader 2024

{/* Main Heading */}

Transform Your Factory with AI-Powered Manufacturing

Revolutionize your production line with cutting-edge AI solutions. Boost efficiency by{" "} up to 300% Based on our client success metrics {" "} while reducing costs.

{/* CTA Buttons */}

{/* Stats Section */}

{stats.map((stat, index) => (

{stat.value}

{stat.label}

))}

{/* Scroll Indicator */}

) } export default HeroSection

Animated Hero