contact form updated , added telegram instagram icon buttons

components/pages/products/slug/rightSide.tsx

@@ -1,12 +1,5 @@
 import { usePriceModalStore } from "@/store/useProceModalStore";
-import { Facebook, Share2 } from "lucide-react";
-
-const socialLinks = [
-  { name: "telegram", icon: "✈️", color: "#0088cc" },
-  { name: "facebook", icon: <Facebook size={18} />, color: "#1877F2" },
-  { name: "whatsapp", icon: "💬", color: "#25D366" },
-  { name: "twitter", icon: "𝕏", color: "#1DA1F2" },
-];
+import { Instagram, Send, Share2 } from "lucide-react";
 
 interface RightSideProps {
   id: number;
@@ -95,19 +88,14 @@ export function RightSide({
             <Share2 className="w-5 h-5 text-gray-400" />
             <span className="text-sm text-gray-400">Ulashish:</span>
           </div>
-          <div className="flex flex-wrap gap-2">
-            {socialLinks.map((social) => (
-              <a
-                key={social.name}
-                href="#"
-                className="w-10 h-10 rounded-lg flex items-center justify-center text-white text-sm font-bold transition-all duration-300 hover:scale-110 hover:shadow-lg"
-                style={{ backgroundColor: social.color }}
-                title={social.name}
-              >
-                {social.icon}
-              </a>
-            ))}
-          </div>
+          <div className="flex items-center gap-5 mt-5">
+                <a href="" className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500">
+                  <Instagram />
+                </a>
+                <a href="" className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500">
+                  <Send />
+                </a>
+              </div>
         </div>
       </div>
     </div>