Update src/app/privacy/page.tsx

Merge version_109 into main

src/app/page.tsx

@@ -8,6 +8,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 
 export default function LandingPage() {
   return (
@@ -88,6 +89,19 @@ export default function LandingPage() {
             />
         </div>
 
+        <div id="hero-carousel" data-section="hero-carousel">
+          <HeroBillboardCarousel 
+            title="Experience Luxury"
+            description="Our premium fleet in action at events across the region."
+            background={{ variant: "gradient-bars" }}
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-hv8fxndc.jpg", imageAlt: "Event scene 1" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=2", imageAlt: "Event scene 2" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-klkyjyqk.jpg", imageAlt: "Event scene 3" }
+            ]}
+          />
+        </div>
+
         <div id="features" data-section="features">
             <FeatureCardOne
             animationType="slide-up"

src/app/privacy/page.tsx

@@ -0,0 +1,63 @@
+"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="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <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="legal" data-section="legal">
+            <LegalSection
+            layout="page"
+            title="Privacy Policy"
+            sections={[
+              { heading: "Data Collection", content: { type: "paragraph", text: "We collect information you provide directly to us when you use our services." } },
+              { heading: "Usage", content: { type: "list", items: ["To provide our services", "To improve user experience"] } },
+              { heading: "Security", content: { type: "numbered-list", items: ["We use encryption", "We restrict access"] } }
+            ]}
+            />
+        </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="CleanScene"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}