"use client" import { useState } from "react" import { Instagram, Twitter, Facebook, Paintbrush as Pinterest, ChevronDown, Phone } from "lucide-react" interface FooterSection { title: string links: { label: string; href: string; icon?: typeof Phone }[] } const sections: FooterSection[] = [ { title: "The Company", links: [ { label: "About Us", href: "#" }, { label: "Terms & Conditions", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Return & Refund Policy", href: "#" }, { label: "Shipping Policy", href: "#" }, ], }, { title: "Customer Service", links: [ { label: "Contact Us", href: "#" }, { label: "Need Help reach 09219519910", href: "tel:+1-800-123-4567", icon: Phone }, ], }, { title: "Account", links: [ { label: "Home", href: "#" }, { label: "My Account", href: "#" }, { label: "Track Order", href: "#" }, ], }, { title: "Information", links: [ { label: "Blog", href: "#" }, { label: "FAQ", href: "#" }, ], }, ] export default function Footer() { const [expandedSections, setExpandedSections] = useState<{ [key: string]: boolean }>({}) const toggleSection = (title: string) => { setExpandedSections((prev) => ({ ...prev, [title]: !prev[title], })) } return ( ) }

Pink Ankle Cuffs