bender/7eca57a8-9fcb-4c43-a857-a6c71426b934
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 08:35:25 +00:00
parent ac54dbf12e
commit e3f4387766
1 changed files with 50 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/app/contact/page.tsx
View File

@@ -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">
<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">
<div id="contact-form" data-section="contact-form">
<ContactSplit
tag="Contact Form"
title="Send Us Your Inquiry"
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."
tag="Get In Touch"
title="Reach Out for Bulk Orders & Inquiries"
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"
imageAlt="Contact form for inquiries"
imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg"
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,7 +97,7 @@ 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>