feat(Footer): add footer with 3px divider, logo, social handle, and legal links

Dark bg (#111). Top divider is a 3px div in #30302c (not a CSS border).
Three justify-between columns: Lora SemiBold logo with gold period (#fdb705),
Lora Regular @handle centered (added weight 400 to Lora config), Inter 14px
legal links with gap-6. Footer sits outside <main> so mt-auto pushes it down.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marco
2026-06-30 21:19:22 +00:00
parent 2761df8693
commit 2a77caf28a
3 changed files with 72 additions and 9 deletions
+12 -8
View File
@@ -4,16 +4,20 @@ import { Tools } from "./components/Tools";
import { Blog } from "./components/Blog";
import { About } from "./components/About";
import { Newsletter } from "./components/Newsletter";
import { Footer } from "./components/Footer";
export default function Home() {
return (
<main className="flex flex-col flex-1">
<Hero />
<Divider />
<Tools />
<Blog />
<About />
<Newsletter />
</main>
<>
<main className="flex flex-col flex-1">
<Hero />
<Divider />
<Tools />
<Blog />
<About />
<Newsletter />
</main>
<Footer />
</>
);
}