Add src/app/privacy/page.tsx

Merge version_108 into main

src/app/privacy/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Our Premium Fleet", id: "/fleet" },
+              { name: "Contact us", id: "/contact-us" },
+            ]}
+            brandName="CleanScene"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777837799704-b8guhfm1.png"
+            logoAlt="CleanScene Logo"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
+            className="py-2"
+          />
+        </div>
+        <div id="privacy" data-section="privacy">
+          <LegalSection
+            layout="page"
+            title="Privacy Policy"
+            sections={[
+              { heading: "Information We Collect", content: { type: "paragraph", text: "At CleanScene, we collect information you provide directly to us when you request an estimate, contact us, or interact with our services. This includes your name, email, phone number, and event details." } },
+              { heading: "How We Use Your Information", content: { type: "paragraph", text: "We use the collected information to provide our restroom rental services, communicate with you regarding your event, and improve our customer service experience." } },
+              { heading: "Data Protection", content: { type: "paragraph", text: "We implement security measures to protect your personal information from unauthorized access, alteration, or disclosure. We do not sell your personal data to third parties." } }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
+              { items: [{ label: "Contact Us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
+            ]}
+            logoText=""
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}