's'

app/components/Footer.tsx

@@ -4,13 +4,19 @@ import { memo } from "react";
 import { Link, useTranslation } from "@/i18n/navigation";
 import { FOOTER_SECTIONS } from "@/config";
 
-function FooterComponent() {
+interface FooterProps {
+  /** Hide link columns (about, support, legal, social) — used on homepage */
+  minimal?: boolean;
+}
+
+function FooterComponent({ minimal = false }: FooterProps) {
   const { t } = useTranslation("footer");
   const { t: tCommon } = useTranslation("common");
 
   return (
     <footer className="border-t border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900">
       <div className="max-w-[1400px] mx-auto px-5 sm:px-10 py-10 sm:py-12">
+        {!minimal && (
         <div className="grid grid-cols-2 md:grid-cols-4 gap-6 sm:gap-8 mb-8">
           {FOOTER_SECTIONS.map((section) => (
             <div key={section.titleKey}>
@@ -41,7 +47,8 @@ function FooterComponent() {
             </div>
           ))}
         </div>
-        <div className="pt-8 border-t border-gray-200 dark:border-gray-800 flex flex-col sm:flex-row items-center justify-between gap-4">
+        )}
+        <div className={`flex flex-col sm:flex-row items-center justify-between gap-4${minimal ? "" : " pt-8 border-t border-gray-200 dark:border-gray-800"}`}>
           <div className="flex items-center gap-2">
             <span className="text-xl">🌏</span>
             <span className="text-sm font-bold text-gray-900 dark:text-gray-100">{tCommon("siteNameShort")}</span>