feat:added the privacy page with clean ui

src/App.tsx

@@ -1,17 +1,19 @@
-import { Toaster } from "@/components/ui/toaster";
 import { Toaster as Sonner } from "@/components/ui/sonner";
+import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
-import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
 import { ThemeProvider } from "@/contexts/ThemeContext";
 import { AnimatePresence } from "framer-motion";
-import Index from "./pages/Index";
-import Projects from "./pages/Projects";
-import ProjectDetails from "./pages/ProjectDetails";
+import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
+import Footer from "./components/Footer";
+import Navbar from "./components/Navbar";
 import Blog from "./pages/Blog";
 import BlogArticle from "./pages/BlogArticle";
+import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
+import ProjectDetails from "./pages/ProjectDetails";
+import Projects from "./pages/Projects";
 import { QueryProvider } from "./provider/QueryProvider";
-
+import { PrivacyPolicy } from "./pages/PrivacyPolicy";
 
 function AnimatedRoutes() {
   const location = useLocation();
@@ -26,6 +28,7 @@ function AnimatedRoutes() {
         <Route path="/blog/:id" element={<BlogArticle />} />
         {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
         <Route path="*" element={<NotFound />} />
+        <Route path="/privacy" element={<PrivacyPolicy />} />
       </Routes>
     </AnimatePresence>
   );
@@ -38,7 +41,9 @@ const App = () => (
         <Toaster />
         <Sonner />
         <BrowserRouter>
+          <Navbar />
           <AnimatedRoutes />
+          <Footer />
         </BrowserRouter>
       </TooltipProvider>
     </ThemeProvider>