maybe its fixed
This commit is contained in:
Proxyy587
parent
de011cb351
commit
99838cc93d
4 changed files with 45 additions and 104 deletions
|
|
@ -212,66 +212,3 @@ footer {
|
|||
background-repeat: no-repeat;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.footbootom {
|
||||
margin-top: 3%;
|
||||
padding: 0 9%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.foot-header {
|
||||
font-size: 2rem;
|
||||
font-weight: 300;
|
||||
/* color: rgb(55, 115, 255); */
|
||||
}
|
||||
.footimg > img {
|
||||
width: 64px;
|
||||
margin: 10px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.footop a {
|
||||
text-decoration: none;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.footbootom h4 {
|
||||
font-size: 1rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.footcolum1 > p {
|
||||
line-height: 1;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 300;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.box-socials-foot > a > i {
|
||||
font-size: 1.6rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.3 ease;
|
||||
}
|
||||
|
||||
.footbootom > h4 > a {
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
footer {
|
||||
padding: 1% 1%;
|
||||
background-image: none;
|
||||
}
|
||||
.footop {
|
||||
@apply flex-center text-center flex-col gap-6;
|
||||
}
|
||||
.footcolum1 {
|
||||
@apply flex-center flex-col;
|
||||
}
|
||||
.footbootom {
|
||||
@apply flex-center text-center gap-5 opacity-80;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,9 +6,9 @@ import { FOOTERLINKS } from "@/constants";
|
|||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<footer className="flex flex-col px-24 md:px-32 py-10 w-full bg-zinc-100 text-black dark:bg-[#00000738] dark:text-white border-t dark:border-none">
|
||||
<div className="footop flex justify-around items-start mb-14">
|
||||
<div className="flex items-center">
|
||||
<footer className="flex flex-col px-6 md:px-16 lg:px-32 py-10 w-full bg-zinc-100 text-black dark:bg-[#0308033b] dark:text-white border-t max-md:bg-none transition-all">
|
||||
<div className="flex flex-col lg:flex-row justify-between md:items-start items-center mb-14">
|
||||
<div className="flex items-center mb-6 lg:mb-0">
|
||||
<Image
|
||||
src="/logo.svg"
|
||||
alt="logo"
|
||||
|
|
@ -24,43 +24,47 @@ const Footer = () => {
|
|||
className="dark:hidden block"
|
||||
/>
|
||||
</div>
|
||||
<div className="footcolum1 flex flex-col items-start justify-center ">
|
||||
<h1 className="foot-header font-[700] text-primary">Other Pages</h1>
|
||||
<div className="flex flex-col items-center md:items-start md:flex-row justify-between w-full lg:w-auto gap-8 lg:space-y-0 lg:space-x-12">
|
||||
<div className="flex flex-col items-center md:items-start">
|
||||
<h1 className="text-2xl font-light text-primary">Use SvrJs</h1>
|
||||
{FOOTERLINKS.otherPages.map((link) => (
|
||||
<h3 key={link.href}>
|
||||
<Link
|
||||
href={link.href}
|
||||
className="dark:hover:text-green-100/70 hover:text-green-500"
|
||||
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
|
||||
>
|
||||
{link.label}
|
||||
</Link>
|
||||
</h3>
|
||||
))}
|
||||
</div>
|
||||
<div className="footcolum1 flex flex-col items-start justify-center">
|
||||
<h1 className="foot-header text-primary">Plans</h1>
|
||||
<div className="flex flex-col items-center md:items-start">
|
||||
<h1 className="text-2xl font-light text-primary">Other Pages</h1>
|
||||
{FOOTERLINKS.plans.map((link) => (
|
||||
<h3 key={link.href}>
|
||||
<Link
|
||||
href={link.href}
|
||||
className="dark:hover:text-green-100/70 hover:text-green-500"
|
||||
className="text-base font-light dark:hover:text-green-100/70 hover:text-green-500"
|
||||
>
|
||||
{link.label}
|
||||
</Link>
|
||||
</h3>
|
||||
))}
|
||||
</div>
|
||||
<div className="footcolum1 flex flex-col items-start justify-center">
|
||||
<h1 className="foot-header text-primary">Social</h1>
|
||||
<p>{FOOTERLINKS.social.supportText}</p>
|
||||
<div className="box-socials-foot flex py-5">
|
||||
<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 className="line mb-6 border-t dark:border-white/30 border-gray-300"></div>
|
||||
<div className="footbootom flex justify-between items-center">
|
||||
<h4 className="text-sm max-md:hidden">
|
||||
</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">
|
||||
<h4 className="text-sm font-light">
|
||||
Designed and Developed by{" "}
|
||||
<Link
|
||||
href={FOOTERLINKS.footerBottom.designedBy.href}
|
||||
|
|
@ -69,7 +73,7 @@ const Footer = () => {
|
|||
{FOOTERLINKS.footerBottom.designedBy.label}
|
||||
</Link>
|
||||
</h4>
|
||||
<h4 className="text-sm">
|
||||
<h4 className="text-sm font-light">
|
||||
All Rights Reserved{" "}
|
||||
<Link
|
||||
href={FOOTERLINKS.footerBottom.rightsReserved.href}
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ const Hero = () => {
|
|||
};
|
||||
|
||||
return (
|
||||
<section className="relative container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
|
||||
<section className="relative sm:container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
|
||||
<GridPattern
|
||||
squares={[
|
||||
[4, 4],
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@ export const questions = [
|
|||
export const FOOTERLINKS = {
|
||||
otherPages: [
|
||||
{ href: "/", label: "Home" },
|
||||
{ href: "/testimonial", label: "Testimonial" },
|
||||
{ href: "/docs", label: "Docs" },
|
||||
{ href: "/contact", label: "Contact" },
|
||||
],
|
||||
plans: [
|
||||
|
|
@ -138,7 +138,7 @@ export const FOOTERLINKS = {
|
|||
},
|
||||
rightsReserved: {
|
||||
href: "https://cyprostudio.com",
|
||||
label: "Cypro Studio",
|
||||
label: "SVRJS",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue