src/app/layout.tsx

@@ -1416,4 +1416,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -6,14 +6,14 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Leaf, TreePine, Sparkles, Camera, Calendar, Phone, Mail, MapPin, MessageSquare } from 'lucide-react';
+import { Leaf, TreePine, Sparkles, Camera, Phone, Mail, MapPin, MessageSquare } from 'lucide-react';
 
 export default function LandingPage() {
-  const handleBookingSubmit = (email: string) => {
-    console.log('Booking email submitted:', email);
+  const handleContactSubmit = (email: string) => {
+    console.log('Contact email submitted:', email);
   };
 
   return (
@@ -38,7 +38,7 @@ export default function LandingPage() {
             { name: "Gallery", id: "gallery" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Book Now", href: "booking" }}
+          button={{ text: "Book Now", href: "contact-info" }}
           brandName="Hotel Ekaant"
         />
       </div>
@@ -55,8 +55,8 @@ export default function LandingPage() {
           imageAlt="Hotel Ekaant Resort surrounded by green landscape"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "Book Now", href: "booking" },
-            { text: "View Rooms", href: "gallery" }
+            { text: "View Rooms", href: "gallery" },
+            { text: "Learn More", href: "about" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -139,23 +139,19 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact-form" data-section="contact-form">
-        <ContactSplit
-          tag="Book Your Stay"
-          tagIcon={Calendar}
+      <div id="contact-info" data-section="contact-info">
+        <ContactCenter
+          tag="Get In Touch"
+          tagIcon={Phone}
           tagAnimation="slide-up"
-          title="Reserve Your Room at Hotel Ekaant"
-          description="Fill in your details below and our team will confirm your booking. We'll send a confirmation email with invoice and WhatsApp notification to ensure seamless communication."
+          title="Contact Hotel Ekaant"
+          description="Reach out to us for reservations, inquiries, or any special requests. Our team is here to help make your stay unforgettable."
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/lamp-comfort-bed-pillow-fabric_1203-4833.jpg?_wi=2"
-          imageAlt="Elegant resort room"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
           inputPlaceholder="Enter your email"
-          buttonText="Proceed to Booking"
+          buttonText="Subscribe"
           termsText="We'll send booking confirmation via email and WhatsApp. Your details are secure."
-          onSubmit={handleBookingSubmit}
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -177,7 +173,7 @@ export default function LandingPage() {
           ]}
           title="Contact Information"
           description="Reach out to us for reservations, inquiries, or any special requests"
-          tag="Get In Touch"
+          tag="Contact Details"
           tagIcon={Phone}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -228,4 +224,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}