svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

maybe last time footer

Browse source
This commit is contained in:
Proxyy587 2024-06-16 19:52:49 +05:30
parent 8d0a16249c
commit fab750ab28
1 changed files with 76 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

149
components/shared/Footer.tsx
View file

@ -7,83 +7,86 @@ import { FOOTERLINKS } from "@/constants";
const Footer = () => { const Footer = () => {
return ( return (
<> <>
<hr /> <footer className="flex flex-col w-full transition-all bg-zinc-100 text-black dark:bg-[#0308033b] border-t dark:text-white">
<footer className="flex flex-col px-6 md:px-16 lg:px-32 py-10 w-full max-w-screen-2xl mx-auto bg-zinc-100 text-black dark:bg-[#0308033b] dark:text-white transition-all"> <div className="px-6 md:px-16 lg:px-32 py-10 w-full mx-auto max-w-screen-2xl">
<div className="flex flex-col lg:flex-row justify-between max-lg:items-start max-md:items-center items-center mb-14 "> <div className="flex flex-col lg:flex-row justify-between max-lg:items-start max-md:items-center items-center mb-14 ">
<div className="flex items-center mb-6 lg:mb-0"> <div className="flex items-center mb-6 lg:mb-0">
<Image <Image
src="/logo.svg" src="/logo.svg"
alt="logo" alt="logo"
width={200} width={200}
height={80} height={80}
className="dark:block hidden" className="dark:block hidden"
/> />
<Image <Image
src="/logodark.svg" src="/logodark.svg"
alt="logo" alt="logo"
width={200} width={200}
height={80} height={80}
className="dark:hidden block" className="dark:hidden block"
/> />
</div>
<div className="flex flex-col items-center md:items-start md:flex-row justify-between w-full lg:w-auto lg:space-y-0 space-x-8 xl:space-x-16">
<div className="flex flex-col items-center md:items-start">
<h1 className="text-2xl font-light text-primary">Other Pages</h1>
{FOOTERLINKS.otherPages.map((link) => (
<h3 key={link.href}>
<Link
href={link.href}
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
>
{link.label}
</Link>
</h3>
))}
</div> </div>
<div className="flex flex-col items-center md:items-start"> <div className="flex flex-col items-center md:items-start md:flex-row justify-between w-full lg:w-auto lg:space-y-0 space-x-8 xl:space-x-16">
<h1 className="text-2xl font-light text-primary">Resources</h1> <div className="flex flex-col items-center md:items-start">
{FOOTERLINKS.plans.map((link) => ( <h1 className="text-2xl font-light text-primary">
<h3 key={link.href}> Other Pages
<Link </h1>
href={link.href} {FOOTERLINKS.otherPages.map((link) => (
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500" <h3 key={link.href}>
> <Link
{link.label} href={link.href}
</Link> className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
</h3> >
))} {link.label}
</div> </Link>
<div className="flex flex-col items-center md:items-start"> </h3>
<h1 className="text-2xl font-light text-primary">Social</h1> ))}
<p className="text-base font-light"> </div>
{FOOTERLINKS.social.supportText} <div className="flex flex-col items-center md:items-start">
</p> <h1 className="text-2xl font-light text-primary">Resources</h1>
<div className="flex space-x-1 py-3"> {FOOTERLINKS.plans.map((link) => (
<Iconss /> <h3 key={link.href}>
<Link
href={link.href}
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
>
{link.label}
</Link>
</h3>
))}
</div>
<div className="flex flex-col items-center md:items-start">
<h1 className="text-2xl font-light text-primary">Social</h1>
<p className="text-base font-light">
{FOOTERLINKS.social.supportText}
</p>
<div className="flex space-x-1 py-3">
<Iconss />
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div className="border-t mb-6 border-gray-300 dark:border-white/30"></div>
<div className="border-t mb-6 border-gray-300 dark:border-white/30"></div> <div className="flex flex-col lg:flex-row justify-between items-center space-y-4 lg:space-y-0 px-4">
<div className="flex flex-col lg:flex-row justify-between items-center space-y-4 lg:space-y-0 px-4"> <h4 className="text-sm font-light">
<h4 className="text-sm font-light"> Designed and Developed by{" "}
Designed and Developed by{" "} <Link
<Link href={FOOTERLINKS.footerBottom.designedBy.href}
href={FOOTERLINKS.footerBottom.designedBy.href} className="text-primary font-semibold"
className="text-primary font-semibold" >
> {FOOTERLINKS.footerBottom.designedBy.label}
{FOOTERLINKS.footerBottom.designedBy.label} </Link>
</Link> </h4>
</h4> <h4 className="text-sm font-light">
<h4 className="text-sm font-light"> All Rights Reserved{" "}
All Rights Reserved{" "} <Link
<Link href={FOOTERLINKS.footerBottom.rightsReserved.href}
href={FOOTERLINKS.footerBottom.rightsReserved.href} className="text-primary font-semibold"
className="text-primary font-semibold" >
> {FOOTERLINKS.footerBottom.rightsReserved.label}
{FOOTERLINKS.footerBottom.rightsReserved.label} </Link>
</Link> </h4>
</h4> </div>
</div> </div>
</footer> </footer>
</> </>