"use client"; import { useScrollAnimation } from "@/hooks/useScrollAnimation"; import { Sparkles, Github, Twitter, Linkedin, Mail } from "lucide-react"; import Image from "next/image"; // Social Icon Component function SocialIcon({ icon: Icon, href, label, }: { icon: React.ElementType; href: string; label: string; }) { return ( ); } export function Footer() { const { ref, isVisible } = useScrollAnimation({ threshold: 0.1, }); const navLinks = [ { label: "Features", href: "#features" }, { label: "How It Works", href: "#how-it-works" }, { label: "About", href: "#about" }, ]; return ( ); }