diff options
| author | diogo464 <[email protected]> | 2025-08-24 22:17:26 +0100 |
|---|---|---|
| committer | diogo464 <[email protected]> | 2025-08-24 22:17:26 +0100 |
| commit | 1b6bb98af1014c500c75de376c87a9b6bfa7ffb9 (patch) | |
| tree | afc7435491ae8f2c3fa1f8018809a14026f07b81 | |
| parent | aaafa6638d2a42fae095f1fe250400108b4a6f60 (diff) | |
- Add Footer component with [email protected] contact email
- Update main layout to include footer at bottom of all pages
- Use flexbox layout to ensure footer stays at bottom
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
| -rw-r--r-- | frontend/app/layout.tsx | 8 | ||||
| -rw-r--r-- | frontend/components/Footer.tsx | 14 |
2 files changed, 20 insertions, 2 deletions
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx index 0e1d82e..bd113e2 100644 --- a/frontend/app/layout.tsx +++ b/frontend/app/layout.tsx | |||
| @@ -2,6 +2,7 @@ import type { Metadata } from "next"; | |||
| 2 | import { Geist, Geist_Mono } from "next/font/google"; | 2 | import { Geist, Geist_Mono } from "next/font/google"; |
| 3 | import "./globals.css"; | 3 | import "./globals.css"; |
| 4 | import { Toaster } from "@/components/ui/toaster"; | 4 | import { Toaster } from "@/components/ui/toaster"; |
| 5 | import { Footer } from "@/components/Footer"; | ||
| 5 | 6 | ||
| 6 | const geistSans = Geist({ | 7 | const geistSans = Geist({ |
| 7 | variable: "--font-geist-sans", | 8 | variable: "--font-geist-sans", |
| @@ -26,9 +27,12 @@ export default function RootLayout({ | |||
| 26 | return ( | 27 | return ( |
| 27 | <html lang="en"> | 28 | <html lang="en"> |
| 28 | <body | 29 | <body |
| 29 | className={`${geistSans.variable} ${geistMono.variable} antialiased`} | 30 | className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen flex flex-col`} |
| 30 | > | 31 | > |
| 31 | {children} | 32 | <div className="flex-1"> |
| 33 | {children} | ||
| 34 | </div> | ||
| 35 | <Footer /> | ||
| 32 | <Toaster /> | 36 | <Toaster /> |
| 33 | </body> | 37 | </body> |
| 34 | </html> | 38 | </html> |
diff --git a/frontend/components/Footer.tsx b/frontend/components/Footer.tsx new file mode 100644 index 0000000..99ba69f --- /dev/null +++ b/frontend/components/Footer.tsx | |||
| @@ -0,0 +1,14 @@ | |||
| 1 | import { Mail } from "lucide-react" | ||
| 2 | |||
| 3 | export function Footer() { | ||
| 4 | return ( | ||
| 5 | <footer className="border-t bg-background py-6 mt-auto"> | ||
| 6 | <div className="container mx-auto px-6"> | ||
| 7 | <div className="flex items-center justify-center text-sm text-muted-foreground"> | ||
| 8 | <Mail className="mr-2 h-4 w-4" /> | ||
| 9 | Contact: [email protected] | ||
| 10 | </div> | ||
| 11 | </div> | ||
| 12 | </footer> | ||
| 13 | ) | ||
| 14 | } \ No newline at end of file | ||