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,7 +215,9 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <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}
@@ -230,14 +233,18 @@ export default function LandingPage() {
             useInvertedBackground={false}
           />
         </div>
+      </div>
 
-      <div id="footer" data-section="footer">
+      <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>
   );
 }