62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:T1755,import { useState, useEffect, useRef } from 'react'; import { Card, CardContent } from '@/components/ui/card'; import { Trophy, Users, FolderOpen, Calendar } from 'lucide-react'; const stats = [ { icon: Calendar, value: 15, suffix: '+', label: 'Years Experience', description: 'Over a decade of industry leadership.', }, { icon: FolderOpen, value: 2500, suffix: '+', label: 'Projects Completed', description: 'Successfully delivered worldwide.', }, { icon: Users, value: 10000, suffix: '+', label: 'Happy Clients', description: 'From startups to Fortune 500 companies.', }, { icon: Trophy, value: 150, suffix: '+', label: 'Industry Awards', description: 'Recognized for design and innovation excellence.', }, ]; export default function AboutSectionAnimatedStats() { const [isVisible, setIsVisible] = useState(false); const sectionRef = useRef(null); useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry!.isIntersecting) { setIsVisible(true); observer.unobserve(entry!.target); } }, { threshold: 0.2 } ); if (sectionRef.current) { observer.observe(sectionRef.current); } return () => { if (sectionRef.current) { observer.unobserve(sectionRef.current); } }; }, []); return (

Our Achievements

Milestones That Define Our Journey

Over the years, we've achieved remarkable success by focusing on delivering exceptional value to our clients and building lasting relationships.

{stats.map((stat) => (

{stat.suffix}

{stat.label}

{stat.description}

))}

Our Story Continues

While we take pride in these achievements, our journey is ongoing. We remain dedicated to innovation, quality, and creating meaningful impact for our clients and communities worldwide.

Every day, we strive to exceed expectations and set new standards of excellence in everything we do.

Growing Team

250+

Talented professionals across the globe

Global Reach

30+

Countries with active client projects

); } // Animated counter component interface AnimatedCounterProps { value: number; isVisible: boolean; duration: number; } function AnimatedCounter({ value, isVisible, duration }: AnimatedCounterProps) { const [count, setCount] = useState(0); const stepRef = useRef(0); const countRef = useRef(0); useEffect(() => { if (!isVisible) return; const steps = 60; const increment = value / steps; const intervalTime = duration / steps; stepRef.current = 0; countRef.current = 0; const interval = setInterval(() => { stepRef.current += 1; const newCount = Math.min(Math.round(stepRef.current * increment), value); if (countRef.current !== newCount) { countRef.current = newCount; setCount(newCount); } if (stepRef.current >= steps || newCount >= value) { clearInterval(interval); setCount(value); } }, intervalTime); return () => clearInterval(interval); }, [isVisible, value, duration]); return {count}; } 65:Ta35,import * as React from "react" import { cn } from "@/lib/utils" function Card({ className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" }) { return (

img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className )} {...props} /> ) } function CardHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardTitle({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardDescription({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardAction({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":[]}]]}],null]}],["$","$L63",null,{"files":[{"path":"components/blocks/marketing/about-sections/animated-stats.tsx","content":"$64","type":"registry:component","target":"components/blocks/marketing/about-sections/animated-stats.tsx"},{"path":"components/ui/card.tsx","content":"$65","type":"registry:ui","target":"components/ui/card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]