diff --git a/components/page-header.tsx b/components/page-header.tsx
index 4c992d8..1442032 100644
--- a/components/page-header.tsx
+++ b/components/page-header.tsx
@@ -23,7 +23,7 @@ const PageHeader = ({
   image,
 }: PageHeaderProps) => {
   return (
-    <div className="bg-second-gradient">
+    <div className="bg-cover-gradient">
       <AppContent className="flex w-full flex-col gap-14 py-12 md:py-20">
         <div className="flex flex-col items-start justify-between gap-5 md:flex-row md:gap-28">
           <div className="flex w-full flex-col justify-center gap-8 md:max-w-[700px] lg:gap-14">
diff --git a/tailwind.config.js b/tailwind.config.js
index 0716f34..2f39b14 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -22,9 +22,7 @@ module.exports = {
       backgroundImage: {
         "main-gradient":
           "radial-gradient(114.29% 42.52% at 103.66% 58.94%, #D0F8F1 0%, #D1F3FF 18.23%, #ECF8FF 51.28%, #E1FFFA 80.21%, #D0F2FF 93.23%)",
-        "second-gradient":
-          "radial-gradient(56.07% 115.65% at 93.66% 158.94%, #D0F8F1 0%, #D1F3FF 18.23%, #ECF8FF 51.28%, #E1FFFA 80.21%, #D0F2FF 93.23%)",
-
+        "cover-gradient": "linear-gradient(84deg, #FFF -1.95%, #C2E8F5 59.98%, #FFF 100.64%)",
         "classic-gradient": "radial-gradient(325.52% 79.63% at 100% -0.02%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(205.45% 61.89% at 2.34% 99.98%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)",
         "project-page-gradient": "linear-gradient(180deg, #C2E8F5 -17.44%, #FFF 17.72%)"
       },