Update src/app/page.tsx

Merge version_1 into main

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) => {
+  const handleContactSubmit = (email: string) => {
-    console.log('Booking email submitted:', email);
+    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">
+      <div id="contact-info" data-section="contact-info">
-        <ContactSplit
+        <ContactCenter
-          tag="Book Your Stay"
+          tag="Get In Touch"
-          tagIcon={Calendar}
+          tagIcon={Phone}
           tagAnimation="slide-up"
-          title="Reserve Your Room at Hotel Ekaant"
+          title="Contact 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."
+          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"