main

components/Footer.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { USER_AGREEMENT_TEXT, KVKK_TEXT, DISCLAIMER_TEXT } from '../legal_texts';
+
+interface FooterProps {
+    openModal: (title: string, content: string) => void;
+}
+
+export const Footer: React.FC<FooterProps> = ({ openModal }) => {
+    const { t } = useTranslation();
+
+    return (
+        <footer className="mt-20 border-t border-stone-200 py-12 bg-white">
+            <div className="max-w-[1600px] mx-auto px-10 flex flex-col md:flex-row justify-between items-center gap-6">
+                <div className="flex items-center gap-2">
+                    <span className="text-xl font-black tracking-tight text-stone-900">DIGICRAFT™</span>
+                    <span className="text-[10px] font-bold text-stone-400">v16.0</span>
+                </div>
+
+                <div className="flex gap-8 text-[11px] font-bold uppercase tracking-wider text-stone-500">
+                    <button onClick={() => openModal("User Agreement & IP Rights", USER_AGREEMENT_TEXT)} className="hover:text-stone-900 transition-colors">User Agreement</button>
+                    <button onClick={() => openModal("KVKK & Privacy", KVKK_TEXT)} className="hover:text-stone-900 transition-colors">KVKK & Privacy</button>
+                    <button onClick={() => openModal("Legal Disclaimer", DISCLAIMER_TEXT)} className="hover:text-stone-900 transition-colors">Disclaimer</button>
+                </div>
+
+                <div className="text-[10px] text-stone-400 font-medium">
+                    © {new Date().getFullYear()} Harun CAN. All Rights Reserved.
+                </div>
+            </div>
+        </footer>
+    );
+};
+
+export default Footer;