"use client"; import React, { useRef, useState } from "react"; import { motion, useInView } from "framer-motion"; import type { Variants } from "framer-motion"; import { Mail, ArrowRight } from "lucide-react"; export default function Footer({ className }: { className?: string }) { const containerRef = useRef(null); const isInView = useInView(containerRef, { once: true, amount: 0.1 }); const [email, setEmail] = useState(""); const [subscribed, setSubscribed] = useState(false); const handleSubscribe = (e: React.FormEvent) => { e.preventDefault(); if (email.trim()) { setSubscribed(true); setTimeout(() => { setSubscribed(false); setEmail(""); }, 3000); } }; const footerVariants: Variants = { hidden: { opacity: 0, y: 30 }, visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const, staggerChildren: 0.1, }, }, }; const itemVariants: Variants = { hidden: { opacity: 0, y: 15 }, visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeOut" as const }, }, }; const platformLinks = ["Plans & Pricing", "AI Camera", "Analytics", "Integrations"]; const companyLinks = ["About Us", "Careers", "Newsroom", "Contact"]; const resourceLinks = ["Documentation", "Blog", "Case Studies", "Support"]; return ( <> ); }