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

@@ -10,50 +10,52 @@ export default function PrivacyPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
         contentWidth="medium"
-        sizing="largeSmallSizeLargeTitles"
-        background="blurBottom"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
+            <NavbarLayoutFloatingInline
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Our Premium Fleet", id: "/fleet" },
-              { name: "Contact us", id: "/contact-us" },
+                { 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
+
+        <div id="legal" data-section="legal">
+            <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." } }
+              { 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
+            <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" }] },
+                { 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=""
-          />
+            logoText="CleanScene"
+            />
         </div>
       </ReactLenis>
     </ThemeProvider>