feat:added the privacy page with clean ui

src/components/ContactSection.tsx

@@ -50,7 +50,7 @@ export default function ContactSection() {
   };
 
   return (
-    <section id="contact" ref={ref} className="py-24 relative overflow-hidden">
+    <section id="contact" ref={ref} className="relative overflow-hidden pb-24">
       {/* Background */}
       <div className="absolute inset-0 opacity-30">
         <div className="absolute bottom-0 left-1/4 w-96 h-96 bg-primary/10 rounded-full blur-[150px]" />
@@ -65,7 +65,7 @@ export default function ContactSection() {
           transition={{ duration: 0.6 }}
           className="text-center mb-16"
         >
-          <span className="inline-block px-4 py-1.5 rounded-full glass text-sm font-medium text-primary mb-4">
+          <span className="inline-block px-4 py-1.5 rounded-full text-sm font-medium text-primary mb-4">
             Let's Connect
           </span>
           <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold mb-4">
@@ -116,38 +116,6 @@ export default function ContactSection() {
                 </motion.div>
               ))}
             </div>
-
-            {/* Decorative illustration */}
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={isInView ? { opacity: 1 } : {}}
-              transition={{ duration: 0.8, delay: 0.5 }}
-              className="hidden lg:block relative h-48"
-            >
-              <div className="absolute inset-0 flex items-center justify-center">
-                <div className="relative">
-                  {[...Array(3)].map((_, i) => (
-                    <motion.div
-                      key={i}
-                      className="absolute w-32 h-32 rounded-full border-2 border-primary/20"
-                      style={{
-                        left: i * 20,
-                        top: i * 10,
-                      }}
-                      animate={{
-                        scale: [1, 1.1, 1],
-                        opacity: [0.3, 0.6, 0.3],
-                      }}
-                      transition={{
-                        duration: 3,
-                        repeat: Infinity,
-                        delay: i * 0.5,
-                      }}
-                    />
-                  ))}
-                </div>
-              </div>
-            </motion.div>
           </motion.div>
 
           {/* Contact Form */}