"use client"; import { useState, useEffect } from "react"; import { motion } from "framer-motion"; import { ArrowUpIcon } from "lucide-react"; interface FooterProps { socialLinks: { name: string; url: string; icon: any; }[]; } const Footer: React.FC = ({ socialLinks }) => { const [showScrollTop, setShowScrollTop] = useState(false); useEffect(() => { const handleScroll = () => { setShowScrollTop(window.scrollY > 500); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); const scrollToTop = () => { window.scrollTo({ top: 0, behavior: "smooth", }); }; const navItems = [ { id: "home", label: "Home" }, { id: "about", label: "About" }, { id: "skills", label: "Skills" }, { id: "projects", label: "Projects" }, { id: "education", label: "Education" }, { id: "contact", label: "Contact" }, ]; const scrollToSection = (sectionId: string) => { const element = document.getElementById(sectionId); if (element) { window.scrollTo({ top: element.offsetTop - 80, behavior: "smooth", }); } }; return ( ); }; export default Footer;