Update src/components/sections/footer/FooterSimpleCard.tsx

src/components/sections/footer/FooterSimpleCard.tsx

@@ -1,82 +0,0 @@
-import { useButtonClick } from "@/hooks/useButtonClick";
-
-type FooterLink = {
-  label: string;
-  href?: string;
-  onClick?: () => void;
-};
-
-type FooterColumn = {
-  title: string;
-  items: FooterLink[];
-};
-
-const FooterLinkItem = ({ label, href, onClick }: FooterLink) => {
-  const handleClick = useButtonClick(href, onClick);
-
-  return (
-    <button
-      onClick={handleClick}
-      className="text-base hover:opacity-75 transition-opacity cursor-pointer"
-    >
-      {label}
-    </button>
-  );
-};
-
-const FooterBottomLink = ({ label, href, onClick }: FooterLink) => {
-  const handleClick = useButtonClick(href, onClick);
-
-  return (
-    <button
-      onClick={handleClick}
-      className="text-sm opacity-50 hover:opacity-75 transition-opacity cursor-pointer"
-    >
-      {label}
-    </button>
-  );
-};
-
-const FooterSimpleCard = ({
-  brand,
-  columns,
-  copyright,
-  links,
-}: {
-  brand: string;
-  columns: FooterColumn[];
-  copyright: string;
-  links: FooterLink[];
-}) => {
-  return (
-    <footer aria-label="Site footer" className="w-full py-20">
-      <div className="w-content-width mx-auto p-10 rounded-lg card">
-        <div className="flex flex-col md:flex-row gap-10 md:gap-0 justify-between items-start mb-10">
-          <h2 className="text-4xl font-semibold">{brand}</h2>
-
-          <div className="w-full md:w-fit flex flex-wrap gap-y-10 md:gap-12">
-            {columns.map((column) => (
-              <div key={column.title} className="w-1/2 md:w-auto flex flex-col items-start gap-3">
-                <h3 className="text-sm opacity-50 truncate">{column.title}</h3>
-                {column.items.map((item) => (
-                  <FooterLinkItem key={item.label} label={item.label} href={item.href} onClick={item.onClick} />
-                ))}
-              </div>
-            ))}
-          </div>
-        </div>
-
-        <div className="flex items-center justify-between pt-8 border-t border-foreground/20">
-          <span className="text-sm opacity-50">{copyright}</span>
-          <div className="flex items-center gap-3">
-            {links.map((link) => (
-              <FooterBottomLink key={link.label} label={link.label} href={link.href} onClick={link.onClick} />
-            ))}
-          </div>
-        </div>
-      </div>
-    </footer>
-  );
-};
-
-export default FooterSimpleCard;