feat: implement Preloader, Footer, and Section components and integrate them into the home page layout.

app/components/Footer.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export default function Footer() {
+  const [blink, setBlink] = useState(true);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setBlink((prev) => !prev);
+    }, 500);
+    return () => clearInterval(interval);
+  }, []);
+
+  return (
+    <footer className="w-full py-sp-8 border-t border-[rgba(255,255,255,0.06)] flex items-center justify-center font-mono text-[12px] text-[rgba(255,255,255,0.5)] bg-transparent">
+      <div className="flex items-center">
+        <span className="text-[rgba(255,255,255,0.7)]">evandro@dev</span>
+        <span className="text-[rgba(255,255,255,0.7)]">:</span>
+        <span className="text-[#E8FF00]">~</span>
+        <span className="text-[rgba(255,255,255,0.7)]">$ exit</span>
+        <span
+          className={`inline-block w-[6px] h-[14px] bg-[rgba(255,255,255,0.8)] ml-1 align-middle transition-opacity duration-100 ${
+            blink ? "opacity-100" : "opacity-0"
+          }`}
+        />
+      </div>
+    </footer>
+  );
+}