Merge branch 'main' into navbar

frontend/src/App.js

@@ -24,9 +24,9 @@ import Extension from "./pages/Extension";
 import UI from "./pages/UI";
 import FrontendTools from "./pages/FrontendTools";
 import EthicalHacking from "./pages/EthicalHacking";
-import CodingPlatform from "./pages/CodingPlateform";
 import CoursesPlatform from "./pages/CoursesPlatform";
 import Faq from "./Component/Faq";
+import CodingPlatform from "./pages/CodingPlateform"; // Corrected import
 
 function App() {
   const [searchQuery, setSearchQuery] = useState("");

frontend/src/Component/Footer.js

@@ -2,7 +2,6 @@ import React from "react";
 import logo from "../image/logo.png";
 import "../style/Footer.css";
 
-
 import { BsLinkedin } from "react-icons/bs";
 
 import { FaGithubSquare, FaLinkedin, FaTwitter } from "react-icons/fa";

frontend/src/DB/product.json

@@ -2954,12 +2954,19 @@
 		"description": "Webflow is a free no-code web designing tool where you can build beautiful websites with ease and publish them."
 	},
 	{
+		"productName": "Framer Motion",
+		"category": "UI",
+		"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ4dEvwYNKclGGZ0pMtgCfodUMu22JqspXQow&s",
+		"link": "https://www.framer.com/motion/",
+		"description": "Framer Motion is a powerful open-source motion library for React that makes it easy to create smooth and complex animations. It provides a flexible API for designing interactive UI animations, enhancing the user experience with seamless transitions and engaging visual effects."
+  }
+  {
 		"productName": "Iconfinder",
 		"category": "Icon Library",
 		"image": "https://static-00.iconduck.com/assets.00/iconfinder-icon-500x512-kl5zm80l.png",
 		"link": "https://www.iconfinder.com/",
 		"description": "Iconfinder is a comprehensive icon library offering a vast collection of high-quality icons for designers and developers. Easily find, customize, and integrate icons into your projects to enhance visual appeal and user experience."
-		}
+  }