Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Award, Star, Zap } from "lucide-react";
+import { Award, Star, Zap, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -129,23 +129,22 @@ export default function LandingPage() {
           />
         </div>
         <div id="contact" data-section="contact">
-          <ContactCTA
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="Inquiries"
-            title="Ready to redefine your presence?"
-            description="Start a conversation with our studio today."
-            buttons={[{ text: "Contact Us", href: "mailto:inquiries@visualluxury.com" }]}
+          <ContactCenter
+            tag="Get in Touch"
+            title="Let's Create Something Extraordinary"
+            description="Premium consultation for brands seeking aesthetic distinction."
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={true}
           />
         </div>
         <div id="footer" data-section="footer">
-          <FooterSimple
+          <FooterBase
+            logoText="VISUAL LUXURY"
             columns={[
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
-              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Our Services", href: "#services" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+              { title: "Contact", items: [{ label: "hello@visualluxury.studio", href: "mailto:hello@visualluxury.studio" }, { label: "London, UK", href: "#" }] }
             ]}
-            bottomLeftText="© 2024 Visual Luxury"
-            bottomRightText="Crafted with excellence"
           />
         </div>
       </ReactLenis>