chnage linear graident colors

This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-02-10 13:44:44 +05:00
parent cd86d6397e
commit 1ab5c6b741
7 changed files with 14 additions and 14 deletions

View File

@@ -76,7 +76,7 @@ export function Footer() {
{/* Newsletter Section for gitea */} {/* Newsletter Section for gitea */}
<div className=" absolute w-full -top-40 px-4 py-12 md:py-16"> <div className=" absolute w-full -top-40 px-4 py-12 md:py-16">
<div className="mx-auto max-w-6xl"> <div className="mx-auto max-w-6xl">
<div className="rounded-2xl bg-[#fa1d1d] px-6 py-8 md:flex lg:flex-row flex-col max-lg:gap-5 md:items-center lg:justify-between justify-center md:px-10 md:py-12"> <div className="rounded-2xl bg-red-600 px-6 py-8 md:flex lg:flex-row flex-col max-lg:gap-5 md:items-center lg:justify-between justify-center md:px-10 md:py-12">
<div className="mb-8 md:mb-0"> <div className="mb-8 md:mb-0">
<h2 className="font-unbounded text-2xl font-bold text-white md:text-3xl"> <h2 className="font-unbounded text-2xl font-bold text-white md:text-3xl">
{t("contactTitle")} {t("contactTitle")}
@@ -238,8 +238,8 @@ export function Footer() {
{/* Copyright Section */} {/* Copyright Section */}
<div className="border-t border-gray-800 px-4 py-8"> <div className="border-t border-gray-800 px-4 py-8">
<div className="mx-auto max-w-6xl"> <div className="mx-auto max-w-6xl">
<div className="font-almarai flex flex-col justify-center gap-4 text-sm text-gray-400 md:flex-row md:items-center"> <div className="font-almarai flex flex-col justify-center gap-4 text-lg text-gray-400 md:flex-row md:items-center">
<a href="http://felix-its.uz/">{t("footer.create", { name: "Felix-its.uz" })}</a> <a href="http://felix-its.uz/" className="hover:text-red-600">{t("footer.create", { name: "Felix-its.uz" })}</a>
{/* <div className="flex gap-6"> {/* <div className="flex gap-6">
<a href="#terms" className="hover:text-white"> <a href="#terms" className="hover:text-white">
Terms & Conditions Terms & Conditions

View File

@@ -18,11 +18,11 @@ export function Line() {
> >
<Phone className="text-white w-5 h-5" /> <Phone className="text-white w-5 h-5" />
</span> </span>
+123-456-7890 +998-77-372-21-21
</p> </p>
</div> </div>
<Image <Image
src="/images/home/fireHydrant.png" src="/images/home/balon.png"
alt="image" alt="image"
width={60} width={60}
height={60} height={60}

View File

@@ -25,7 +25,7 @@ export function OurService() {
{/* cards */} {/* cards */}
<div className="max-w-250 w-full mx-auto flex sm:flex-row flex-col items-center gap-5 my-10"> <div className="max-w-250 w-full mx-auto flex sm:flex-row flex-col items-center gap-5 my-10">
<div className="relative space-y-4 py-6 px-8 rounded-xl sm:w-[55%] w-full bg-[linear-gradient(to_bottom_right,#000000,#000000,#000000,#d2610a)]"> <div className="relative space-y-4 py-6 px-8 rounded-xl sm:w-[55%] w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)]">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text"> <p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.operation.title")} {t("home.services.services.operation.title")}
</p> </p>
@@ -43,7 +43,7 @@ export function OurService() {
className="object-contain sm:absolute bottom-0 right-2 z-10" className="object-contain sm:absolute bottom-0 right-2 z-10"
/> />
</div> </div>
<div className="relative overflow-hidden space-y-4 py-6 px-8 rounded-xl sm:w-[45%] w-full bg-[linear-gradient(to_bottom_right,#000000,#000000,#000000,#d2610a)]"> <div className="relative overflow-hidden space-y-4 py-6 px-8 rounded-xl sm:w-[45%] w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)]">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text"> <p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.suppression.title")} {t("home.services.services.suppression.title")}
</p> </p>
@@ -64,7 +64,7 @@ export function OurService() {
</div> </div>
<div className="max-w-250 flex sm:flex-row flex-col items-start justify-between gap-5 mt-5 w-full mx-auto"> <div className="max-w-250 flex sm:flex-row flex-col items-start justify-between gap-5 mt-5 w-full mx-auto">
<div className="relative rounded-xl sm:w-[40%] w-full bg-[linear-gradient(to_bottom_right,#d2610a,#000000,#000000)]"> <div className="relative rounded-xl sm:w-[40%] w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)]">
<Image <Image
src="/images/home/ambulance.png" src="/images/home/ambulance.png"
alt="images" alt="images"
@@ -85,7 +85,7 @@ export function OurService() {
</div> </div>
</div> </div>
<div className="sm:w-[60%] w-full"> <div className="sm:w-[60%] w-full">
<div className="relative overflow-hidden space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#000000,#000000,#d2610a)]"> <div className="relative overflow-hidden space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)]">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text"> <p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.monitoring.title")} {t("home.services.services.monitoring.title")}
</p> </p>
@@ -103,7 +103,7 @@ export function OurService() {
className="object-contain sm:absolute -bottom-20 -right-4 max-sm:-mb-20 z-10" className="object-contain sm:absolute -bottom-20 -right-4 max-sm:-mb-20 z-10"
/> />
</div> </div>
<div className="py-8 px-8 rounded-xl mt-5 w-full p-5 bg-[linear-gradient(to_top_right,#000000,#000000,#d2610a)] flex sm:flex-row flex-col gap-5 items-center justify-between"> <div className="py-8 px-8 rounded-xl mt-5 w-full p-5 bg-[linear-gradient(to_top_right,#000000,#190b00,#542604,#8f4308)] flex sm:flex-row flex-col gap-5 items-center justify-between">
<h2 className="font-unbounded sm:text-3xl text-xl font-semibold font-armanai text-white"> <h2 className="font-unbounded sm:text-3xl text-xl font-semibold font-armanai text-white">
{t("home.services.viewMoreServices")} {t("home.services.viewMoreServices")}
</h2> </h2>

View File

@@ -33,7 +33,7 @@ export default function ProductCard({
{/* Content Container */} {/* Content Container */}
<div className="p-6 sm:p-4"> <div className="p-6 sm:p-4">
<h3 className="text-lg text-center sm:text-xl md:text-2xl font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300"> <h3 className="text-lg text-center sm:text-xl md:text-2xl font-unbounded font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300">
{title} {title}
</h3> </h3>
</div> </div>

View File

@@ -40,7 +40,7 @@ export function RightSide({
return ( return (
<div className="flex flex-col justify-center space-y-6"> <div className="flex flex-col justify-center space-y-6">
{/* Title */} {/* Title */}
<h1 className="text-2xl md:text-3xl lg:text-4xl font-bold text-white leading-tight"> <h1 className="text-2xl md:text-3xl lg:text-4xl font-unbounded font-bold text-white leading-tight">
{title} {title}
</h1> </h1>

View File

@@ -19,7 +19,7 @@ export function ServiceBanner() {
<div <div
className="absolute inset-0 z-10" className="absolute inset-0 z-10"
style={{ style={{
background: `linear-gradient(to top right, #d2610a 0%, #1e1d1ce3 30%, #1e1d1ce3 100%)`, background: `linear-gradient(to right top, rgb(157 73 9) 0%, rgb(33 32 31 / 89%) 40%, rgba(30, 29, 28, 0.89) 100%)`,
}} }}
/> />

View File

@@ -50,7 +50,7 @@ export default function Card({
{/* Content Container */} {/* Content Container */}
<div className="p-6 sm:p-4"> <div className="p-6 sm:p-4">
<h3 className="text-lg text-center sm:text-xl md:text-2xl font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300"> <h3 className="text-lg text-center sm:text-xl md:text-2xl font-unbounded font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300">
{title} {title}
</h3> </h3>
</div> </div>