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 ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, Building, Calendar, Facebook, Instagram, Linkedin, Star, Twitter, Users } from "lucide-react";
+import { Award, Building, Calendar, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -269,45 +269,52 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Inquire & Book"
+      background={{ variant: "sparkles-gradient" }}
+      tag="Book Your Stay"
       title="Plan Your Luxurious Escape"
-      description="Contact us directly to reserve your suite, plan an event, or arrange bespoke services. Our dedicated team is ready to assist you in crafting your perfect stay."
-      buttons={[
-        {
-          text: "Book Your Stay Now",          href: "#"},
-        {
-          text: "Send an Inquiry",          href: "#"},
-      ]}
+      description="Ready to experience unparalleled luxury? Fill out the form below to inquire about bookings, events, or bespoke services. Our dedicated team will get back to you promptly."
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-room-with-balcony-view_23-2149303350.jpg"
+      imageAlt="Luxurious hotel room with a view"
+      inputPlaceholder="Your email address"
+      buttonText="Send Inquiry"
+      termsText="By sending an inquiry, you agree to our Terms and Conditions."
+      onSubmit={(email) => console.log(`Inquiry from: ${email}`)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoSrc="http://img.b2bpic.net/free-photo/front-view-stewardess-holding-drink_23-2150197226.jpg"
       logoAlt="Scarlet Crown Grand Hotel & Spa Logo"
       logoText="Scarlet Crown Grand Hotel & Spa"
       copyrightText="© 2024 Scarlet Crown Grand Hotel & Spa. All rights reserved."
-      socialLinks={[
+      columns={[
         {
-          icon: Facebook,
-          href: "#",          ariaLabel: "Facebook"},
+          title: "Company",          items: [
+            { label: "About Us", href: "#hero" },
+            { label: "Awards", href: "#awards" },
+            { label: "Careers", href: "#" }
+          ]
+        },
         {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
+          title: "Services",          items: [
+            { label: "Suites", href: "#suites" },
+            { label: "Dining & Spa", href: "#dining-spa" },
+            { label: "Experiences", href: "#experiences-gallery" }
+          ]
+        },
         {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
-        {
-          icon: Linkedin,
-          href: "#",          ariaLabel: "LinkedIn"},
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" }
+          ]
+        }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}