Skip to content

Commit

Permalink
modify footer
Browse files Browse the repository at this point in the history
  • Loading branch information
tnamdevnote committed May 14, 2024
1 parent f275447 commit 71a186f
Showing 1 changed file with 9 additions and 31 deletions.
40 changes: 9 additions & 31 deletions components/organisms/footer/footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,10 @@ function Footer() {
<footer role="contentinfo" className="flex justify-center bg-primary-100">
<Container className="flex min-h-[300px] flex-col justify-center gap-4">
<Logo mode="dark" className="h-4 w-fit md:h-7" />
<h2 className="text-sm text-white md:text-base">Get In Touch</h2>
<h2 className="text-sm text-white md:text-base">
Have any questions? Feel free to reach out
</h2>
<div className="flex flex-col gap-2 md:flex-row md:gap-4 [&_p]:flex [&_p]:items-center [&_p]:gap-2 [&_p]:text-sm [&_p]:text-white">
<p>
<GlobeIcon type="solid" className="h-4 w-4 text-tertiary-100" />{" "}
Grand Rapids, MI
</p>
<p>
<EnvelopeClosedIcon className="h-4 w-4 text-tertiary-100" />{" "}
[email protected]
Expand All @@ -32,32 +30,12 @@ function Footer() {
</p>
</div>
<Separator className="my-1 bg-white" />
<div className="flex flex-col items-center gap-4 md:flex-row md:justify-between">
<p className="text-sm text-white">
{"Copyright © 2024 "}
<a href="https://tnam.dev" target="_blank">
tnamdevnote
</a>
</p>
<div className="flex gap-4">
<Button
asChild
icon={<GitHubLogoIcon />}
size="sm"
className="h-8 w-8 rounded-full bg-white p-0 text-primary-100 hover:bg-white/90"
>
<Link href="#" aria-label="Github" />
</Button>
<Button
asChild
icon={<LinkedInLogoIcon />}
size="sm"
className="h-8 w-8 rounded-full bg-white p-0 text-primary-100 hover:bg-white/90"
>
<Link href="#" aria-label="LinkedIn" />
</Button>
</div>
</div>
<p className="text-sm text-white">
{"Copyright © 2024 "}
<a href="https://tnam.dev" target="_blank">
tnamdevnote
</a>
</p>
</Container>
</footer>
);
Expand Down

0 comments on commit 71a186f

Please sign in to comment.