Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -3,8 +3,9 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { Phone, MessageCircle, Mail } from "lucide-react";
 
@@ -13,7 +14,7 @@ const navItems = [
   { name: "Products", id: "/products" },
   { name: "Applications", id: "/applications" },
   { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" },
+  { name: "Contact", id: "/contact" }
 ];
 
 export default function ContactPage() {
@@ -34,45 +35,61 @@ export default function ContactPage() {
         <NavbarStyleApple brandName="RADHE MARKETING" navItems={navItems} />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="contact-form" data-section="contact-form">
-        <HeroCarouselLogo
-          logoText="GET IN TOUCH"
-          description="Contact Radhe Marketing for Product Information, Bulk Orders, and Custom Solutions"
-          buttons={[
-            { text: "Call Us", href: "tel:+919909421029" },
-            { text: "WhatsApp", href: "https://wa.me/919909421029" },
-          ]}
-          slides={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=1",              imageAlt: "Radhe Marketing warehouse facility"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg?_wi=1",              imageAlt: "Contact us today"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1422.jpg?_wi=1",              imageAlt: "Our professional team"},
-          ]}
-          autoplayDelay={4000}
-          showDimOverlay={true}
-          ariaLabel="Contact Us Hero Section"
-        />
-      </div>
-
-      <div id="inquiry-contact" data-section="inquiry-contact">
         <ContactSplit
-          tag="Contact Form"
+          tag="Get In Touch"
-          title="Send Us Your Inquiry"
+          title="Reach Out for Bulk Orders & Inquiries"
-          description="Fill out the form below with your contact information and inquiry details. Our team will respond within 24 hours with comprehensive information about our products, pricing, and custom solutions tailored to your needs."
+          description="Contact Radhe Marketing for wholesale pricing, product specifications, technical support, or to discuss your specific industrial wheel requirements. Our team responds quickly to all inquiries with customized solutions."
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg"
-          imageAlt="Contact form for inquiries"
+          imageAlt="Radhe Marketing customer inquiry contact"
           mediaPosition="right"
           inputPlaceholder="Enter your email address"
           buttonText="Send Inquiry"
-          termsText="We respect your privacy and will only use your information to respond to your inquiry."
+          termsText="We respect your privacy. We'll respond within 24 hours with detailed information."
           mediaAnimation="none"
         />
       </div>
 
+      <div id="contact-methods" data-section="contact-methods">
+        <FeatureCardTwentySeven
+          title="Multiple Ways to Connect"
+          description="Choose your preferred method to reach us - phone, WhatsApp, email, or the contact form above"
+          tag="Contact Options"
+          features={[
+            {
+              id: "phone",              title: "Call Us Directly",              description: "Speak with our sales team directly for immediate assistance on product selection, pricing, and bulk orders. Available Monday to Friday during business hours.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg",              imageAlt: "Direct phone contact"
+            },
+            {
+              id: "whatsapp",              title: "WhatsApp Inquiry",              description: "Send product inquiries, photos, or specifications via WhatsApp. Quick response times and perfect for sharing detailed requirements with our team.",              imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg",              imageAlt: "WhatsApp messaging"
+            },
+            {
+              id: "email",              title: "Email for Documents",              description: "Send detailed inquiries, technical specifications, or bulk order requests via email. Perfect for comprehensive correspondence and record-keeping.",              imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg",              imageAlt: "Email communication"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="visit-us" data-section="visit-us">
+        <MediaAbout
+          tag="Visit Our Facility"
+          title="Radhe Marketing Headquarters"
+          description="Located in Ahmedabad, Gujarat - the industrial heart of India. Visit our warehouse to view our complete product range, discuss custom requirements, and arrange pickup for bulk orders. We welcome factory managers, logistics coordinators, and business partners."
+          imageSrc="http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1422.jpg"
+          imageAlt="Radhe Marketing Ahmedabad facility"
+          buttons={[
+            { text: "Call for Directions", href: "tel:+919909421029" },
+            { text: "Request Visit", href: "https://wa.me/919909421029" }
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="RADHE MARKETING"
@@ -80,10 +97,10 @@ export default function ContactPage() {
           socialLinks={[
             { icon: Phone, href: "tel:+919909421029", ariaLabel: "Call us at +91-9909-421029" },
             { icon: MessageCircle, href: "https://wa.me/919909421029", ariaLabel: "WhatsApp us at +91-9909-421029" },
-            { icon: Mail, href: "mailto:info@radhemarketingwheels.com", ariaLabel: "Email us" },
+            { icon: Mail, href: "mailto:info@radhemarketingwheels.com", ariaLabel: "Email us" }
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}