PROD.2024/SkillHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feat] Landing update

Browse Source
This commit is contained in:
ITQ
2024-04-02 19:26:14 +03:00
parent 196044bdac
commit 4c6a5ff723
14 changed files with 194 additions and 667 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Footer.tsx
+10 -101
View File
@@ -8,144 +8,53 @@ export const Footer = () => {
<section className="container py-20 grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-x-12 gap-y-8">
<div className="col-span-full xl:col-span-2">
<a
href="/"
href="#"
className="font-bold text-xl flex"
>
<LogoIcon />
ShadcnUI/React
SkillHub
</a>
</div>
<div className="flex flex-col gap-2">
<h3 className="font-bold text-lg">Follow US</h3>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Github
</a>
</div>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Twitter
</a>
</div>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Dribbble
</a>
</div>
</div>
<div className="flex flex-col gap-2">
<h3 className="font-bold text-lg">Platforms</h3>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Web
</a>
</div>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Mobile
</a>
</div>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Desktop
</a>
</div>
</div>
<div className="flex flex-col gap-2">
<h3 className="font-bold text-lg">About</h3>
<div>
<a
href="#"
href="#howItWorks"
className="opacity-60 hover:opacity-100"
>
Features
How it works
</a>
</div>
<div>
<a
href="#"
href="#team"
className="opacity-60 hover:opacity-100"
>
Pricing
Team
</a>
</div>
<div>
<a
href="#"
href="#faq"
className="opacity-60 hover:opacity-100"
>
FAQ
</a>
</div>
</div>
<div className="flex flex-col gap-2">
<h3 className="font-bold text-lg">Community</h3>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Youtube
</a>
</div>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Discord
</a>
</div>
<div>
<a
href="#"
className="opacity-60 hover:opacity-100"
>
Twitch
</a>
</div>
</div>
</section>
<section className="container pb-14 text-center">
<h3>
&copy; 2024 Landing page made by{" "}
&copy; 2024{" "}
<a
target="_blank"
href="https://github.com/leoMirandaa"
href="#"
className="text-primary transition-all border-primary hover:border-b-2"
>
Leo Miranda
Animulichki
</a>
</h3>
</section>