feat(home): fast social links
This commit is contained in:
+22
-1
@@ -1,8 +1,9 @@
|
|||||||
import { useTranslations } from "next-intl";
|
import { useTranslations } from "next-intl";
|
||||||
import { TypographyH1, TypographyLead } from "../../components/ui/typography";
|
import { TypographyH1, TypographyLead } from "../../components/ui/typography";
|
||||||
import { Badge } from "../../components/ui/badge";
|
import { Badge } from "../../components/ui/badge";
|
||||||
import { MapPin } from "lucide-react";
|
import { Apple, Mail, MapPin, Phone } from "lucide-react";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
|
import { Button } from "../../components/ui/button";
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
const t = useTranslations();
|
const t = useTranslations();
|
||||||
@@ -17,6 +18,7 @@ export default function Home() {
|
|||||||
{t('landingPage.location')}
|
{t('landingPage.location')}
|
||||||
</Badge>
|
</Badge>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
<Image
|
<Image
|
||||||
src="/me.png"
|
src="/me.png"
|
||||||
alt="Picture of me"
|
alt="Picture of me"
|
||||||
@@ -27,6 +29,25 @@ export default function Home() {
|
|||||||
}}
|
}}
|
||||||
className="mask-[linear-gradient(to_bottom,#000_80%,#0000)]"
|
className="mask-[linear-gradient(to_bottom,#000_80%,#0000)]"
|
||||||
/>
|
/>
|
||||||
|
<div className="flex flex-col gap-4">
|
||||||
|
<div className="flex justify-center gap-3">
|
||||||
|
<Button variant="outline">
|
||||||
|
<Mail/>
|
||||||
|
nico@byhaider.dev
|
||||||
|
</Button>
|
||||||
|
<Button variant="outline">
|
||||||
|
<Phone/>
|
||||||
|
+43 670 2060140
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user