feat: enhancing the organization information section for AOSSIE theme (#30)

* feat: enhancing the organization information section for AOSSIE theme

* resolving coderabbit review

Author: rahul-vyas-dev

src/components/SupportUsButton.tsx

@@ -173,16 +173,20 @@ function SupportUsButton({
           ${classAccordingToTheme(Theme)}`}
         >
           {/* Background grid */}
-          <div className="absolute inset-0 bg-[radial-gradient(rgba(0,0,0,0.15)_1.5px,transparent_0)] bg-size-[20px_20px] pointer-events-none opacity-100"></div>
-          <div
-            className={`absolute top-0 left-0 bottom-0 w-1/2 h-full  rounded-2xl p-6 overflow-visible ${classAccordingToTheme(Theme)}`}
-          ></div>
+          <div className="absolute inset-0 bg-[radial-gradient(rgba(0,0,0,0.15)_1.5px,transparent_0)] bg-size-[20px_20px] pointer-events-none opacity-100 z-10"></div>
+          
+          {/* Gradient background */}
+          {Theme === "AOSSIE" && (
+            <div
+              className={`absolute top-0 left-0 bottom-0 w-full h-full rounded-2xl p-6 overflow-visible gradient-bg`}
+            ></div>
+          )}
 
           {/* Content container */}
           <div className="relative z-10 flex justify-start flex-col text-start gap-4">
             {/* Sponsor label  */}
             {hero.sponsorLabel && (
-              <span className="text-[10px] font-extrabold tracking-[0.2em] uppercase block">
+              <span className={`text-[10px] font-extrabold tracking-[0.2em] uppercase block ${Theme === "AOSSIE" && "text-white"}`}>
                 {hero.sponsorLabel}
               </span>
             )}
@@ -245,7 +249,7 @@ function SupportUsButton({
                 </h3>
                 <p
                   className={`italic font-semibold 
-                ${Theme === "AOSSIE" && "text-[#614f08]"}
+                ${Theme === "AOSSIE" && "text-[#908f8f]"}
                 ${Theme === "light" && "text-gray-600"}
                 ${Theme === "dark" && "text-gray-400"}
                 ${Theme === "minimal" && "text-gray-800"}

src/styles/style.css

@@ -17,3 +17,10 @@
 .sponsor-pattern-grid {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2391c44a' stroke-opacity='0.4' stroke-width='1'%3E%3Cpath d='M0 0H100M0 20H100M0 40H100M0 60H100M0 80H100M0 100H100'/%3E%3Cpath d='M0 0V100M20 0V100M40 0V100M60 0V100M80 0V100M100 0V100'/%3E%3C/g%3E%3C/svg%3E");
 }
+
+.gradient-bg {
+  background:
+    linear-gradient(340deg, #0f0f0f 20%, #292308 25%, transparent 100%),
+    linear-gradient(150deg, #0f0f0f 10%, #292308 20%, #ffd000 30%,transparent 100%),
+    linear-gradient(50deg, #ffd000 100%, #ffd000 100%);
+}