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:
+12
-8
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user