Update src/app/page.tsx

src/app/page.tsx

@@ -11,6 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FluidBackground from '@/components/background/FluidBackground';
 import { Award, Sparkles, Heart, Trophy, Clock, Users, Hammer, Headphones, Mail, Briefcase, Star } from 'lucide-react';
 
 export default function LandingPage() {
@@ -214,29 +215,35 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactCTA
-          tag="Get In Touch"
-          tagIcon={Mail}
-          tagAnimation="slide-up"
-          title="Exclusive Access Awaits"
-          description="Join our elite circle of collectors and receive early access to new collections, private viewings, and personalized concierge service."
-          buttons={[
-            { text: "Request Consultation", href: "mailto:concierge@anvx.com" },
-            { text: "Browse Collections", href: "#products" }
-          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-        />
+      <div id="contact" data-section="contact" className="relative overflow-hidden">
+        <FluidBackground className="absolute inset-0 z-0" />
+        <div className="relative z-10">
+          <ContactCTA
+            tag="Get In Touch"
+            tagIcon={Mail}
+            tagAnimation="slide-up"
+            title="Exclusive Access Awaits"
+            description="Join our elite circle of collectors and receive early access to new collections, private viewings, and personalized concierge service."
+            buttons={[
+              { text: "Request Consultation", href: "mailto:concierge@anvx.com" },
+              { text: "Browse Collections", href: "#products" }
+            ]}
+            buttonAnimation="slide-up"
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="Anvx"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "© 2024 Anvx Luxury. All Rights Reserved.", href: "#" }}
-        />
+      <div id="footer" data-section="footer" className="relative overflow-hidden">
+        <FluidBackground className="absolute inset-0 z-0" />
+        <div className="relative z-10">
+          <FooterLogoReveal
+            logoText="Anvx"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "© 2024 Anvx Luxury. All Rights Reserved.", href: "#" }}
+          />
+        </div>
       </div>
     </ThemeProvider>
   );