Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -190,31 +190,37 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated"}}
-      text="Ready to experience the Velvista difference? Our team is at your service."
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "#"},
-      ]}
-    />
+      <ContactSplit
+        title="Contact Our Concierge"
+        description="We are dedicated to ensuring your stay is perfect. Reach out for bookings, special requests, or travel arrangements."
+        tag="Need Assistance?"
+        background={{ variant: "rotated-rays-animated" }}
+        imageSrc="http://img.b2bpic.net/free-photo/reception-desk-hotel_144627-4638.jpg"
+        useInvertedBackground={false}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Velvista Hotel & Resort"
-      copyrightText="© 2025 Velvista. All rights reserved."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
-      ]}
-    />
+      <FooterBase
+        logoText="Velvista Hotel & Resort"
+        copyrightText="© 2025 Velvista. All rights reserved."
+        columns={[
+          {
+            title: "Explore",            items: [
+              { label: "Our Suites", href: "#products" },
+              { label: "Amenities", href: "#features" },
+              { label: "Gallery", href: "#" }
+            ]
+          },
+          {
+            title: "Support",            items: [
+              { label: "Contact Us", href: "#contact" },
+              { label: "FAQ", href: "#faq" },
+              { label: "Bookings", href: "#contact" }
+            ]
+          }
+        ]}
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>