Add src/app/privacy/page.tsx

src/app/privacy/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+const testCarImages = [
+  'https://images.unsplash.com/photo-1552519507-da3a142c6e3d?w=800&q=80',
+  'https://images.unsplash.com/photo-1494976866105-d32a481b81b4?w=800&q=80',
+  'https://images.unsplash.com/photo-1527524330007-3ea4e06ed667?w=800&q=80',
+];
+
+export default function PrivacyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Browse", id: "browse" },
+            { name: "Compare", id: "compare" },
+          ]}
+          brandName="Webild"
+          button={{ text: "Search", href: "search" }}
+        />
+      </div>
+
+      <div className="min-h-screen p-4">
+        <div className="max-w-2xl mx-auto pt-24">
+          <h1 className="text-4xl font-bold mb-4">Privacy Policy</h1>
+          <p className="text-gray-600 mb-8">Last updated: January 2025</p>
+          <div className="space-y-6">
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">1. Information We Collect</h2>
+              <p className="text-gray-700">We collect information you provide directly to us when using our car database and comparison tools.</p>
+            </section>
+            <section>
+              <h2 className="text-2xl font-semibold mb-3">2. How We Use Your Information</h2>
+              <p className="text-gray-700">We use the information we collect to provide, maintain, and improve our services.</p>
+            </section>
+          </div>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}