fix: style fix

Author: almoce

src/components/landing/features/FocusModeFeature.tsx

@@ -22,29 +22,20 @@ export const FocusModeFeature = () => {
                    <div className="relative w-16 h-16 flex items-center justify-center mb-2">
                        {/* Ripples */}
                        <motion.div
-                          animate={{ scale: [1, 1.5, 2], opacity: [0.5, 0, 0] }}
+                          animate={{ scale: [1, 1.5, 2], opacity: [0.5, 0.1, 0] }}
                           transition={{ duration: 2, repeat: Infinity, ease: "easeOut" }}
                           className="absolute inset-0 bg-indigo-500/10 rounded-full"
                        />
                         <motion.div
-                          animate={{ scale: [1, 1.5, 2], opacity: [0.5, 0, 0] }}
+                          animate={{ scale: [1, 1.5, 2], opacity: [0.5, 0.3, 0] }}
                           transition={{ duration: 2, repeat: Infinity, ease: "easeOut", delay: 1 }}
                           className="absolute inset-0 bg-indigo-500/10 rounded-full"
                        />
 
                        <div className="relative z-10 bg-zinc-900 p-3 rounded-full border border-indigo-500/20 shadow-[0_0_15px_rgba(99,102,241,0.3)]">
                             <BellOff className="w-6 h-6 text-indigo-400" />
                        </div>
-                       
-                       {/* Floating "silenced" notifications */}
-                       <motion.div 
-                            initial={{ x: 40, y: -20, opacity: 0, scale: 0.5 }}
-                            whileInView={{ x: 25, y: -15, opacity: 0.5, scale: 0.8 }}
-                            transition={{ duration: 0.5, delay: 0.2 }}
-                            className="absolute top-0 right-0"
-                       >
-                            <Bell className="w-4 h-4 text-zinc-600 rotate-12" />
-                       </motion.div>
+                     
                    </div>
 
                    <p className="text-xl font-medium text-white tracking-tight">Focus Active</p>

src/components/landing/features/InsightsFeature.tsx

@@ -31,20 +31,6 @@ export const InsightsFeature = () => {
                      {/* Gradient Area Chart */}
                     <svg className="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="none" viewBox="0 0 100 100">
                          <title>Analytics Chart</title>
-                         <defs>
-                              <linearGradient id="chartGradient" x1="0" y1="0" x2="0" y2="1">
-                                   <stop offset="0%" stopColor="rgb(16, 185, 129)" stopOpacity="0.3" />
-                                   <stop offset="100%" stopColor="rgb(16, 185, 129)" stopOpacity="0" />
-                              </linearGradient>
-                         </defs>
-                         <motion.path
-                              initial={{ d: "M0,100 L0,100 L20,100 L40,100 L60,100 L80,100 L100,100 Z" }}
-                              whileInView={{ 
-                                   d: "M0,100 L0,60 L20,30 L40,50 L60,10 L80,40 L100,20 L100,100 Z"
-                              }}
-                              transition={{ duration: 1.5, ease: "easeOut" }}
-                              fill="url(#chartGradient)"
-                         />
                          <motion.path
                               initial={{ d: "M0,100 L20,100 L40,100 L60,100 L80,100 L100,100" }}
                               whileInView={{
@@ -59,7 +45,6 @@ export const InsightsFeature = () => {
                               vectorEffect="non-scaling-stroke"
                          />
 
-                         {/* Interactive Points Animation - Removed per user request */}
                     </svg>
 
                     {/* Overlay Stats */}