diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..7d54e74 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,171 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; +import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; +import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne"; +import ContactFaq from "@/components/sections/contact/ContactFaq"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { Phone } from "lucide-react"; + +export default function AboutPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..63132b5 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,431 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import ContactFaq from "@/components/sections/contact/ContactFaq"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { Phone, Mail, MessageCircle } from "lucide-react"; +import { useState } from "react"; +import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; + +export default function ContactPage() { + const [contactForm, setContactForm] = useState({ + name: "", email: "", phone: "", message: "" + }); + + const [quoteForm, setQuoteForm] = useState({ + companyName: "", contactPerson: "", email: "", phone: "", machinery: "", capacity: "", requirements: "" + }); + + const handleContactFormChange = (e: React.ChangeEvent) => { + const { name, value } = e.target; + setContactForm(prev => ({ + ...prev, + [name]: value + })); + }; + + const handleQuoteFormChange = (e: React.ChangeEvent) => { + const { name, value } = e.target; + setQuoteForm(prev => ({ + ...prev, + [name]: value + })); + }; + + const handleContactSubmit = (e: React.FormEvent) => { + e.preventDefault(); + console.log("Contact form submitted:", contactForm); + alert("Thank you for reaching out. We will contact you shortly."); + setContactForm({ name: "", email: "", phone: "", message: "" }); + }; + + const handleQuoteSubmit = (e: React.FormEvent) => { + e.preventDefault(); + console.log("Quote form submitted:", quoteForm); + alert("Thank you for your quote request. We will prepare a custom quote and contact you within 2-3 business days."); + setQuoteForm({ + companyName: "", contactPerson: "", email: "", phone: "", machinery: "", capacity: "", requirements: "" + }); + }; + + const handleWhatsAppClick = () => { + window.open("https://wa.me/919876543210", "_blank"); + }; + + const handleCallClick = () => { + window.location.href = "tel:+919876543210"; + }; + + return ( + + + +
+ +
+ +
+
+

Quick Contact Options

+
+ {/* WhatsApp Option */} +
+
+ +
+

WhatsApp

+

Chat with us on WhatsApp for immediate response. Fastest way to reach us!

+ +
+ + {/* Call Option */} +
+
+ +
+

Call Us

+

Speak directly with our team. Available 9 AM - 6 PM (Mon-Sat)

+ +
+ + {/* Email Option */} +
+
+ +
+

Email

+

Send us detailed information about your requirements

+ + Send Email + +
+
+
+
+ + {/* Contact Form Section */} +
+
+

Send us a Message

+

Fill out the form below and we'll get back to you as soon as possible

+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ +