/** * @license * SPDX-License-Identifier: Apache-2.0 */ import React, { useState, useEffect, useRef } from 'react'; import { motion, useScroll, useTransform, AnimatePresence, useInView } from 'motion/react'; import { Shield, Activity, Cpu, Clock, TrendingDown, Database, RefreshCcw, CheckCircle2, ChevronRight, Menu, X, Mail, Phone, Users, MessageSquare, Building2, Lock, Monitor, Quote, MessageCircle } from 'lucide-react'; // --- Components --- const Navbar = () => { const [isScrolled, setIsScrolled] = useState(false); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 50); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return ( ); }; const Counter = ({ value, suffix = "" }: { value: number, suffix?: string }) => { const [count, setCount] = useState(0); const ref = useRef(null); const isInView = useInView(ref, { once: true }); useEffect(() => { if (isInView) { let start = 0; const end = value; const duration = 2000; const increment = end / (duration / 16); const timer = setInterval(() => { start += increment; if (start >= end) { setCount(end); clearInterval(timer); } else { setCount(Math.floor(start)); } }, 16); return () => clearInterval(timer); } }, [isInView, value]); return {count}{suffix}; }; const FormField = ({ label, type = "text", placeholder, icon: Icon, name }: any) => ( ); export default function App() { return ( ); }