src/app/page.tsx

@@ -8,7 +8,8 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Award, Heart, MessageCircle, Sparkles, Star } from 'lucide-react';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import { Award, Heart, MessageCircle, Sparkles, Star, Mail, MapPin, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -176,6 +177,26 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Get In Touch"
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          title="Contact Information"
+          description="Reach out to us for reservations, inquiries, or to learn more about our premium luxury experiences."
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/bed-with-sea-view_1137-127.jpg"
+          imageAlt="Dar Saray contact"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={(email) => console.log('Contact email:', email)}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/bed-with-sea-view_1137-127.jpg"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfaff;
-  --card: #f7f5ff;
-  --foreground: #0f0022;
-  --primary-cta: #8b5cf6;
+  --background: #1a1612;
+  --card: #2d2420;
+  --foreground: #f5f1e8;
+  --primary-cta: #d4a574;
   --primary-cta-text: #fbfaff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1612;
   --secondary-cta-text: #0f0022;
-  --accent: #d8cef5;
-  --background-accent: #c4a8f9;
+  --accent: #2d2420;
+  --background-accent: #d4a574;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);