src/app/page.tsx

@@ -11,8 +11,11 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [formData, setFormData] = useState({ name: '', email: '', message: '' });
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -121,14 +124,45 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-    <ContactSplit
-      tag="Get in Touch"
-      title="Plan Your Journey"
-      description="We're here to help you plan your journey. Reach out for any questions, support, or custom itinerary requests. Connect with us via Telegram @just_my_camera or Instagram @Odilbek_amin, or email us at odilbekaminboyev1226@gmail.com."
-      buttonText="Send"
-      background={{ variant: "animated-grid" }}
-      useInvertedBackground={false}
-    />
+    <div className="flex flex-col items-center py-20 px-4">
+      <form className="flex flex-col gap-4 w-full max-w-md bg-[var(--card)] p-8 rounded-xl shadow-lg border">
+        <h2 className="text-2xl font-bold mb-4">Contact Us</h2>
+        <input 
+            required 
+            placeholder="Name" 
+            className="w-full p-3 rounded-lg border bg-[var(--background)]" 
+            value={formData.name}
+            onChange={(e) => setFormData({...formData, name: e.target.value})}
+        />
+        <input 
+            required 
+            type="email" 
+            placeholder="Email" 
+            className="w-full p-3 rounded-lg border bg-[var(--background)]" 
+            value={formData.email}
+            onChange={(e) => setFormData({...formData, email: e.target.value})}
+        />
+        <textarea 
+            required 
+            placeholder="Message" 
+            rows={4}
+            className="w-full p-3 rounded-lg border bg-[var(--background)]"
+            value={formData.message}
+            onChange={(e) => setFormData({...formData, message: e.target.value})}
+        />
+        <button className="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] p-3 rounded-lg font-bold hover:opacity-90 transition">
+          Send
+        </button>
+        <div className="flex gap-4 mt-4">
+          <a href="https://t.me/just_my_camera" className="flex-1 flex items-center justify-center gap-2 bg-[var(--secondary-cta)] text-[var(--secondary-cta-text)] py-3 rounded-lg font-semibold hover:opacity-90 transition">
+            <MessageCircle size={18} /> Telegram
+          </a>
+          <a href="https://instagram.com/Odilbek_amin" className="flex-1 flex items-center justify-center gap-2 bg-[var(--secondary-cta)] text-[var(--secondary-cta-text)] py-3 rounded-lg font-semibold hover:opacity-90 transition">
+            <Instagram size={18} /> Instagram
+          </a>
+        </div>
+      </form>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">