Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,13 +6,13 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, CheckCircle, Sparkles } from "lucide-react";
+import { Award, CheckCircle, Sparkles, Mail, MapPin, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -164,24 +164,24 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Get in Touch"
-      description="Ready to get tailored? Send us your event details."
+      title="Booking Inquiry"
+      description="Planning your next event? Submit your details below and our concierge team will reserve your attire."
       inputs={[
-        { name: "name", type: "text", placeholder: "Name" },
-        { name: "email", type: "email", placeholder: "Email" }
+        { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+        { name: "eventDate", type: "date", placeholder: "Event Date", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
-      textarea={{ name: "message", placeholder: "Your questions or event dates" }}
+      multiSelect={{ name: "suitType", label: "Select Suit Type", options: ["Tuxedo", "Business Suit", "Wedding Attire", "Linen Collection"] }}
+      textarea={{ name: "notes", placeholder: "Special instructions or measurements", rows: 4 }}
+      buttonText="Submit Booking Inquiry"
       imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19712.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Collection", href: "#products" }, { label: "Pricing", href: "#pricing" }, { label: "About", href: "#about" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Support", href: "#contact" }] }
-      ]}
+      <FooterCard
       logoText="Elite Suits"
+      copyrightText="© 2025 Elite Suits. All rights reserved. Rental Policy: 48-hour cancellation required for full refund."
     />
   </div>
       </ReactLenis>