nico/byhaider-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(home): social media icons and links

Browse Source
This commit is contained in:
Nico Haider
2026-04-21 20:58:48 +02:00
parent d84e6e20bd
commit 98059d50bc
4 changed files with 109 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/page.tsx
+34 -5
View File
@@ -1,9 +1,12 @@
import { useTranslations } from "next-intl";
import { TypographyH1, TypographyLead } from "../../components/ui/typography";
import { Badge } from "../../components/ui/badge";
import { Apple, Mail, MapPin, Phone } from "lucide-react";
import { Mail, MapPin, Phone } from "lucide-react";
import Image from "next/image";
import { Button } from "../../components/ui/button";
import { InstagramIcon } from "../../components/icons/instagram";
import { LinkedInIcon } from "../../components/icons/linkedin";
import { FacebookIcon } from "../../components/icons/facebook";
export default function Home() {
const t = useTranslations();
@@ -41,10 +44,36 @@ export default function Home() {
</Button>
</div>
<div className="flex gap-3 justify-center">
{/* TODO: social media icons and links */}
<Button variant="ghost"><Apple/></Button>
<Button variant="ghost"><Apple/></Button>
<Button variant="ghost"><Apple/></Button>
<Button asChild variant="ghost" size="icon">
<a
href="https://www.linkedin.com/in/nico-haider-164444316"
target="_blank"
rel="noopener noreferrer"
aria-label="LinkedIn"
>
<LinkedInIcon className="size-5" />
</a>
</Button>
<Button asChild variant="ghost" size="icon">
<a
href="https://www.instagram.com/nico.hdr8/"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram"
>
<InstagramIcon className="size-5" />
</a>
</Button>
<Button asChild variant="ghost" size="icon">
<a
href="https://www.facebook.com/nico.haider.33/"
target="_blank"
rel="noopener noreferrer"
aria-label="Facebook"
>
<FacebookIcon className="size-5" />
</a>
</Button>
</div>
</div>
</div>