From 70fbd5ea29d1d9d559fb8e22172818a50303285d Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Mon, 20 Jul 2026 22:28:04 +0530
Subject: [PATCH] reduce overall content glow of about  section

---
 features/landing/faq.tsx      | 12 ++++++------
 features/landing/features.tsx | 10 +++++-----
 features/landing/stats.tsx    |  2 +-
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/features/landing/faq.tsx b/features/landing/faq.tsx
index 7150271..b064463 100644
--- a/features/landing/faq.tsx
+++ b/features/landing/faq.tsx
@@ -93,8 +93,8 @@ export default function FAQ() {
             variants={itemVariants}
             className="w-full relative group/card"
           >
-            {/* Soft backdrop glow */}
-            <div className="absolute -inset-1 rounded-[28px] bg-gradient-to-b from-slate-200/50 to-slate-100/10 opacity-50 blur-xl transition duration-500 group-hover/card:opacity-100 dark:from-white/10 dark:to-transparent" />
+            {/* Soft backdrop glow (hidden in dark mode for a cleaner look) */}
+            <div className="absolute -inset-1 rounded-[28px] bg-gradient-to-b from-slate-200/50 to-slate-100/10 opacity-50 blur-xl transition duration-500 group-hover/card:opacity-100 dark:hidden" />
 
             <div className="relative w-full overflow-hidden rounded-[24px] border border-transparent bg-white shadow-[0_8px_30px_rgb(0,0,0,0.12)] dark:border-white/[0.08] dark:bg-[#0f172a]/60 dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.05)] dark:backdrop-blur-2xl">
               <div className="divide-y divide-slate-100 dark:divide-white/10">
@@ -112,8 +112,8 @@ export default function FAQ() {
                         <span
                           className={`text-[15px] md:text-[17px] font-[600] tracking-tight transition-colors duration-300 ${
                             isOpen
-                              ? "text-[#3B82F6] dark:text-blue-400"
-                              : "text-slate-900 group-hover:text-blue-600 dark:text-white dark:group-hover:text-blue-400"
+                              ? "text-[#3B82F6] dark:text-white"
+                              : "text-slate-900 group-hover:text-blue-600 dark:text-white dark:group-hover:text-white"
                           }`}
                         >
                           {faq.question}
@@ -121,8 +121,8 @@ export default function FAQ() {
                         <div
                           className={`ml-4 md:ml-6 flex h-8 w-8 md:h-9 md:w-9 shrink-0 items-center justify-center rounded-full transition-all duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)] ${
                             isOpen
-                              ? "bg-blue-100 text-[#3B82F6] shadow-sm dark:bg-blue-500/20 dark:text-blue-400"
-                              : "bg-slate-100 text-slate-400 group-hover:bg-blue-50 group-hover:text-blue-500 group-hover:scale-110 dark:bg-white/5 dark:text-slate-500 dark:group-hover:bg-white/10"
+                              ? "bg-blue-100 text-[#3B82F6] shadow-sm dark:bg-white/10 dark:text-white"
+                              : "bg-slate-100 text-slate-400 group-hover:bg-blue-50 group-hover:text-blue-500 group-hover:scale-110 dark:bg-white/5 dark:text-slate-500 dark:group-hover:bg-white/10 dark:group-hover:text-white"
                           }`}
                         >
                           <ChevronDown
diff --git a/features/landing/features.tsx b/features/landing/features.tsx
index ef6c19b..057a437 100644
--- a/features/landing/features.tsx
+++ b/features/landing/features.tsx
@@ -84,7 +84,7 @@ export default function Features() {
           {/* Feature Cards Grid */}
           <motion.div
             variants={itemVariants}
-            className="mt-8 lg:mt-10 flex flex-col sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:gap-4 lg:gap-5 divide-y sm:divide-y-0 divide-slate-100 sm:divide-transparent bg-white sm:bg-transparent rounded-[24px] sm:rounded-none shadow-[0_8px_30px_rgb(0,0,0,0.04)] sm:shadow-none border border-slate-100 sm:border-transparent overflow-hidden sm:overflow-visible dark:border-white/[0.08] dark:divide-white/[0.08] dark:bg-[#0f172a]/40 sm:dark:bg-transparent"
+            className="mt-8 lg:mt-10 flex flex-col sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:gap-4 lg:gap-5 divide-y sm:divide-y-0 divide-slate-100 sm:divide-transparent bg-white sm:bg-transparent rounded-[24px] sm:rounded-none shadow-[0_8px_30px_rgb(0,0,0,0.04)] sm:shadow-none border border-slate-100 sm:border-transparent overflow-hidden sm:overflow-visible dark:border-white/[0.08] sm:dark:border-transparent dark:divide-white/[0.08] sm:dark:divide-transparent dark:bg-[#0f172a]/40 sm:dark:bg-transparent"
           >
             {landingFeatures.map((feature, i) => {
               const Icon = feature.icon;
@@ -140,8 +140,8 @@ export default function Features() {
                   key={feature.title}
                   className="group relative overflow-hidden sm:rounded-[20px] sm:border border-transparent sm:bg-white p-4 sm:p-6 lg:p-7 text-left sm:shadow-[0_4px_20px_rgb(0,0,0,0.08)] transition-all duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)] hover:bg-slate-50 sm:hover:bg-white sm:hover:scale-[1.01] sm:hover:-translate-y-1 sm:hover:border-indigo-400/30 sm:hover:shadow-[0_20px_40px_-12px_rgba(99,102,241,0.15)] sm:dark:border-white/[0.06] sm:dark:bg-[#0A0F1C]/60 sm:dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.03)] dark:hover:bg-white/[0.02] sm:dark:hover:border-indigo-500/[0.15] sm:dark:hover:bg-[#0f172a]/80 sm:dark:backdrop-blur-xl flex flex-row sm:flex-col items-start gap-4 sm:gap-0 h-full"
                 >
-                  {/* Subtle hover glow behind icon (hidden on mobile to keep list clean) */}
-                  <div className="hidden sm:block absolute inset-0 -z-10 opacity-0 transition-opacity duration-500 group-hover:opacity-100 pointer-events-none">
+                  {/* Subtle hover glow behind icon (hidden on mobile and in dark mode to keep list clean) */}
+                  <div className="hidden sm:block absolute inset-0 -z-10 opacity-0 transition-opacity duration-500 group-hover:opacity-100 dark:group-hover:opacity-0 pointer-events-none">
                     <div
                       className={`absolute -left-8 -top-8 h-32 w-32 rounded-full ${t.glow} blur-3xl`}
                     />
@@ -151,7 +151,7 @@ export default function Features() {
                     className={`relative shrink-0 sm:mb-6 inline-flex h-[42px] w-[42px] sm:h-14 sm:w-14 items-center justify-center rounded-[12px] sm:rounded-[16px] border ${t.bg} ${t.border} transition-transform duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)] group-hover:scale-110 group-hover:rotate-3 shadow-sm`}
                   >
                     <div
-                      className={`absolute inset-0 rounded-[12px] sm:rounded-[16px] ${t.glow} blur-md opacity-0 group-hover:opacity-100 transition-opacity duration-500`}
+                      className={`absolute inset-0 rounded-[12px] sm:rounded-[16px] ${t.glow} blur-md opacity-0 group-hover:opacity-100 dark:group-hover:opacity-20 transition-opacity duration-500`}
                     />
                     <Icon
                       className={`relative z-10 h-5 w-5 sm:h-6 sm:w-6 ${t.text}`}
@@ -160,7 +160,7 @@ export default function Features() {
                   </div>
 
                   <div className="flex flex-col flex-grow pt-1 sm:pt-0">
-                    <h3 className="text-[15px] sm:text-[17px] font-[800] tracking-tight text-slate-900 dark:text-white group-hover:text-indigo-600 dark:group-hover:text-indigo-300 transition-colors duration-300">
+                    <h3 className="text-[15px] sm:text-[17px] font-[800] tracking-tight text-slate-900 dark:text-white group-hover:text-indigo-600 dark:group-hover:text-white transition-colors duration-300">
                       {feature.title}
                     </h3>
                     <p className="mt-1 sm:mt-2 text-[13px] sm:text-[14px] leading-[1.6] sm:leading-[1.65] font-[500] text-slate-500 dark:text-[#94a3b8]">
diff --git a/features/landing/stats.tsx b/features/landing/stats.tsx
index 3b2d914..a6a7adc 100644
--- a/features/landing/stats.tsx
+++ b/features/landing/stats.tsx
@@ -155,7 +155,7 @@ export default function Stats() {
                   key={stat.title}
                   className="group relative overflow-hidden rounded-[16px] sm:rounded-[20px] border border-transparent bg-white p-4 sm:p-5 md:p-6 text-left shadow-[0_4px_20px_rgb(0,0,0,0.08)] transition-all duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)] hover:scale-[1.02] hover:-translate-y-1 hover:border-indigo-400/50 hover:bg-white hover:shadow-[0_20px_40px_-12px_rgba(99,102,241,0.25)] dark:border-white/[0.08] dark:bg-[#0f172a]/60 dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.05)] dark:hover:border-indigo-500/[0.2] dark:hover:bg-[#1e293b]/80 flex flex-col justify-between"
                 >
-                  <div className="absolute inset-0 -z-10 opacity-0 transition-opacity duration-500 group-hover:opacity-100">
+                  <div className="absolute inset-0 -z-10 opacity-0 transition-opacity duration-500 group-hover:opacity-100 dark:group-hover:opacity-0">
                     <div
                       className={`absolute -right-8 -top-8 h-24 w-24 rounded-full ${solidColors[i % 4].split(" ")[0]} opacity-5 dark:opacity-20 blur-2xl`}
                     />