first commit

components/Footer/Footer.tsx

@@ -0,0 +1,20 @@
+import { HeartIcon } from "../Icons/HeartIcon";
+import { ThemeSwitcher } from "../themeSwitcher/themeSwitcher";
+
+export function Footer() {
+  return (
+    <footer className="py-6 border-t border-zinc-200 dark:border-zinc-800">
+      <div className="w-full max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 px-4 md:px-6">
+        
+        {/* Added whitespace-nowrap to prevent line breaks */}
+        <span className="flex items-center gap-1.5 text-sm text-zinc-500 dark:text-zinc-400 whitespace-nowrap">
+          Made with 
+          <HeartIcon className="h-4 w-4 fill-red-500 text-red-500" /> 
+          and AI
+        </span>
+        
+        <ThemeSwitcher />
+      </div>
+    </footer>
+  );
+}