Update src/app/page.tsx

src/app/page.tsx

@@ -11,6 +11,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Zap, Flame, Camera, CreditCard, Star, Award, Users, Dumbbell, Heart, MessageSquare, Sparkles } from "lucide-react";
+import { useState } from "react";
 
 const assetMap: Record<string, string> = {
   "hero-gym-banner": "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg",  "gym-interior": "http://img.b2bpic.net/free-photo/low-angle-view-young-sportsmen-cycling-exercise-bikes-while-working-out-gym_637285-2532.jpg",  "trainer-madhan": "http://img.b2bpic.net/free-photo/indian-man-doing-excercisses-special-equipment-gym-with-personal-trainer_1157-51767.jpg",  "weight-loss-training": "http://img.b2bpic.net/free-photo/fat-woman-dieting-fitness-portrait-obese-woman-working-out-gym_1157-48530.jpg",  "muscle-building": "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-1992.jpg",  "personal-training": "http://img.b2bpic.net/free-photo/indian-man-doing-excercisses-special-equipment-gym-with-personal-trainer_1157-51767.jpg",  "diet-guidance": "http://img.b2bpic.net/free-photo/veggie-lettering-notebook-surrounded-by-veggie-food_23-2148305836.jpg",  "gym-equipment-1": "http://img.b2bpic.net/free-photo/black-dumbbells-with-different-weight_7502-8973.jpg",  "gym-equipment-2": "http://img.b2bpic.net/free-photo/male-feet-sneakers-running-treadmill-gym-exercise-concept_335224-798.jpg",  "transformation-before-after": "http://img.b2bpic.net/free-photo/people-working-out-indoors-together-with-jump-rope_23-2149175362.jpg",  "testimonial-1": "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",  "testimonial-2": "http://img.b2bpic.net/free-photo/cheerful-young-sports-woman-with-arms-crossed_171337-8914.jpg",  "testimonial-3": "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",  "testimonial-4": "http://img.b2bpic.net/free-photo/portrait-smiling-young-sportswoman_171337-10026.jpg"};
@@ -20,6 +21,21 @@ function getAssetUrl(assetId: string): string {
 }
 
 export default function FitnessEmpire() {
+  const [formData, setFormData] = useState({
+    name: "",    phone: "",    email: "",    message: ""
+  });
+
+  const handleFormChange = (field: string, value: string) => {
+    setFormData(prev => ({
+      ...prev,
+      [field]: value
+    }));
+  };
+
+  const handleFormSubmit = (email: string) => {
+    console.log("Form submitted:", { ...formData, email });
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -218,21 +234,83 @@ export default function FitnessEmpire() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
+        <div className="max-w-4xl mx-auto px-4 md:px-8 py-16 md:py-24">
-          tag="Get In Touch"
+          <div className="mb-12 text-center">
-          tagIcon={MessageSquare}
+            <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-500 bg-opacity-20 mb-6">
-          tagAnimation="slide-up"
+              <MessageSquare size={16} className="text-orange-500" />
-          title="Visit Fitness Empire Today"
+              <span className="text-sm font-medium text-orange-500">Get In Touch</span>
-          description="Located at No 158/8, By-Pass Road, Periyakuppam, Thiruvallur. Contact us for gym tours, membership queries, or any fitness questions. Join our community of 250+ successful members transforming their lives."
+            </div>
-          background={{ variant: "plain" }}
+            <h2 className="text-4xl md:text-5xl font-bold mb-4">Visit Fitness Empire Today</h2>
-          useInvertedBackground={false}
+            <p className="text-lg text-gray-400 mb-8">Located at No 158/8, By-Pass Road, Periyakuppam, Thiruvallur. Contact us for gym tours, membership queries, or any fitness questions. Join our community of 250+ successful members transforming their lives.</p>
-          inputPlaceholder="Enter your name"
+          </div>
-          buttonText="Connect via WhatsApp"
+
-          termsText="By clicking Connect, you agree to be contacted about our fitness programs and special offers."
+          <div className="bg-gradient-to-br from-orange-500 to-red-600 rounded-2xl p-8 md:p-12">
-          mediaPosition="right"
+            <form className="space-y-6">
-          mediaAnimation="slide-up"
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-          containerClassName="py-16 md:py-24"
+                <div>
-        />
+                  <label className="block text-sm font-medium text-white mb-2">Full Name *</label>
+                  <input
+                    type="text"
+                    placeholder="Enter your full name"
+                    value={formData.name}
+                    onChange={(e) => handleFormChange("name", e.target.value)}
+                    className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
+                    required
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-white mb-2">Phone Number *</label>
+                  <input
+                    type="tel"
+                    placeholder="Enter your phone number"
+                    value={formData.phone}
+                    onChange={(e) => handleFormChange("phone", e.target.value)}
+                    className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
+                    required
+                  />
+                </div>
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-white mb-2">Email Address *</label>
+                <input
+                  type="email"
+                  placeholder="Enter your email address"
+                  value={formData.email}
+                  onChange={(e) => handleFormChange("email", e.target.value)}
+                  className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
+                  required
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm font-medium text-white mb-2">Message</label>
+                <textarea
+                  value={formData.message}
+                  onChange={(e) => handleFormChange("message", e.target.value)}
+                  placeholder="Tell us about your fitness goals..."
+                  rows={5}
+                  className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
+                />
+              </div>
+
+              <div className="flex items-start gap-3">
+                <input type="checkbox" id="terms" className="mt-1" />
+                <label htmlFor="terms" className="text-sm text-white text-opacity-90">
+                  By clicking Connect, you agree to be contacted about our fitness programs and special offers.
+                </label>
+              </div>
+
+              <button
+                type="button"
+                onClick={() => handleFormSubmit(formData.email)}
+                className="w-full px-6 py-3 bg-white text-orange-600 font-semibold rounded-lg hover:bg-gray-100 transition-colors"
+              >
+                Connect via WhatsApp
+              </button>
+            </form>
+          </div>
+        </div>
       </div>
 
       <div id="footer" data-section="footer">