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

9
components/shared/Footer.tsx
View file

@ -7,8 +7,8 @@ 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
@ -28,7 +28,9 @@ const Footer = () => {
</div> </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 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"> <div className="flex flex-col items-center md:items-start">
<h1 className="text-2xl font-light text-primary">Other Pages</h1> <h1 className="text-2xl font-light text-primary">
Other Pages
</h1>
{FOOTERLINKS.otherPages.map((link) => ( {FOOTERLINKS.otherPages.map((link) => (
<h3 key={link.href}> <h3 key={link.href}>
<Link <Link
@ -85,6 +87,7 @@ const Footer = () => {
</Link> </Link>
</h4> </h4>
</div> </div>
</div>
</footer> </footer>
</> </>
); );