From 9dd09106029f11c1f734df8d01902db8aa6e087c Mon Sep 17 00:00:00 2001
From: Raj Sharma <raj.sharma@phonepe.com>
Date: Tue, 9 Jan 2024 23:50:28 +0530
Subject: [PATCH] grad fixes

---
 src/app/(assets)/symetric-grad.svg   | 24 ++++++++++++------------
 src/app/(assets)/symetric-grad1.svg  | 28 ++++++++++++++++++++++++++++
 src/app/(home)/page.tsx              |  6 +++---
 src/app/(home)/story/page.tsx        |  2 +-
 src/components/gradient-provider.tsx |  2 +-
 5 files changed, 45 insertions(+), 17 deletions(-)
 create mode 100644 src/app/(assets)/symetric-grad1.svg

diff --git a/src/app/(assets)/symetric-grad.svg b/src/app/(assets)/symetric-grad.svg
index 68bdb89..ceb1178 100644
--- a/src/app/(assets)/symetric-grad.svg
+++ b/src/app/(assets)/symetric-grad.svg
@@ -1,28 +1,28 @@
 <svg width="2258" height="1534" viewBox="0 0 2258 1534" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_f_458_153)">
-<ellipse cx="1123.1" cy="626.098" rx="325.512" ry="383.098" transform="rotate(-90 1123.1 626.098)" fill="#95C6FF"/>
+<g filter="url(#filter0_f_467_3)">
+<ellipse cx="1123.1" cy="626.098" rx="325.512" ry="383.098" transform="rotate(-90 1123.1 626.098)" fill="#7474FF"/>
 </g>
-<g filter="url(#filter1_f_458_153)">
-<ellipse cx="742.098" cy="905.488" rx="325.512" ry="383.098" transform="rotate(-90 742.098 905.488)" fill="#95FFFF"/>
+<g filter="url(#filter1_f_467_3)">
+<ellipse cx="742.098" cy="905.488" rx="325.512" ry="383.098" transform="rotate(-90 742.098 905.488)" fill="#A7C9FF"/>
 </g>
-<g filter="url(#filter2_f_458_153)">
-<ellipse cx="1504.1" cy="905.488" rx="325.512" ry="383.098" transform="rotate(-90 1504.1 905.488)" fill="#95FFFF"/>
+<g filter="url(#filter2_f_467_3)">
+<ellipse cx="1504.1" cy="905.488" rx="325.512" ry="383.098" transform="rotate(-90 1504.1 905.488)" fill="#A7C9FF"/>
 </g>
 <defs>
-<filter id="filter0_f_458_153" x="440" y="0.585938" width="1366.2" height="1251.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_467_3" x="440" y="0.585938" width="1366.2" height="1251.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_458_153"/>
+<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_467_3"/>
 </filter>
-<filter id="filter1_f_458_153" x="-41" y="179.976" width="1566.2" height="1451.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_f_467_3" x="-41" y="179.976" width="1566.2" height="1451.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_458_153"/>
+<feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_467_3"/>
 </filter>
-<filter id="filter2_f_458_153" x="721" y="179.976" width="1566.2" height="1451.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter2_f_467_3" x="721" y="179.976" width="1566.2" height="1451.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_458_153"/>
+<feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_467_3"/>
 </filter>
 </defs>
 </svg>
diff --git a/src/app/(assets)/symetric-grad1.svg b/src/app/(assets)/symetric-grad1.svg
new file mode 100644
index 0000000..68bdb89
--- /dev/null
+++ b/src/app/(assets)/symetric-grad1.svg
@@ -0,0 +1,28 @@
+<svg width="2258" height="1534" viewBox="0 0 2258 1534" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_458_153)">
+<ellipse cx="1123.1" cy="626.098" rx="325.512" ry="383.098" transform="rotate(-90 1123.1 626.098)" fill="#95C6FF"/>
+</g>
+<g filter="url(#filter1_f_458_153)">
+<ellipse cx="742.098" cy="905.488" rx="325.512" ry="383.098" transform="rotate(-90 742.098 905.488)" fill="#95FFFF"/>
+</g>
+<g filter="url(#filter2_f_458_153)">
+<ellipse cx="1504.1" cy="905.488" rx="325.512" ry="383.098" transform="rotate(-90 1504.1 905.488)" fill="#95FFFF"/>
+</g>
+<defs>
+<filter id="filter0_f_458_153" x="440" y="0.585938" width="1366.2" height="1251.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_458_153"/>
+</filter>
+<filter id="filter1_f_458_153" x="-41" y="179.976" width="1566.2" height="1451.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_458_153"/>
+</filter>
+<filter id="filter2_f_458_153" x="721" y="179.976" width="1566.2" height="1451.02" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_458_153"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 0bc9adf..778bddb 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -36,9 +36,9 @@ export default function Page() {
           <Projects />
         </section>
         <section className="stories-section">
-          <SymetricGradProvider>
-            <Stories />
-          </SymetricGradProvider>
+          {/* <SymetricGradProvider> */}
+          <Stories />
+          {/* </SymetricGradProvider> */}
         </section>
         <section className="now-section">
           <Now />
diff --git a/src/app/(home)/story/page.tsx b/src/app/(home)/story/page.tsx
index 74ae8ec..4754298 100644
--- a/src/app/(home)/story/page.tsx
+++ b/src/app/(home)/story/page.tsx
@@ -43,7 +43,7 @@ export default async function Story({
           grainHeight: 1,
         }}
       />
-      <BackgroundGradentProvider className="-z-10 h-screen w-full opacity-90" />
+      <BackgroundGradentProvider className="-z-10 h-screen w-full opacity-60" />
       <SymetricGradProvider gradient_class={cn("rotate-0")} className="w-full">
         <Image
           width={400}
diff --git a/src/components/gradient-provider.tsx b/src/components/gradient-provider.tsx
index 5679c90..64d22df 100644
--- a/src/components/gradient-provider.tsx
+++ b/src/components/gradient-provider.tsx
@@ -55,7 +55,7 @@ export function BackgroundGradentProvider({
   return (
     <motion.div
       className={cn(
-        "fixed overflow-hidden w-full h-full opacity-20 top-0 left-0",
+        "fixed overflow-hidden w-full h-full opacity-60 top-0 left-0",
         className,
       )}
     >