Skip to content

Commit dc3bc78

Browse files
MAYANKSHARMA01010MAYANKSHARMA01010
committed
update contact page with new team representatives, department emails, and contact layout
1 parent 2c562e3 commit dc3bc78

3 files changed

Lines changed: 71 additions & 55 deletions

File tree

‎frontend/public/Negi_ji.png‎

1.37 MB
Loading

‎frontend/src/app/contact/page.tsx‎

Lines changed: 50 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,16 @@ function Section({ children, className = "" }: { children: React.ReactNode; clas
3131
);
3232
}
3333

34-
const WHATSAPP = "https://wa.me/919816388337";
35-
const PHONE = "tel:+919816388337";
36-
const EMAIL = "mailto:info@fortschritthealthcareltd.com";
34+
const VIKAS = { phone: "tel:+918352810339", whatsapp: "https://wa.me/918352810339", value: "+91 83528 10339" };
35+
const KANISHKA = { phone: "tel:+918580877336", whatsapp: "https://wa.me/918580877336", value: "+91 85808 77336" };
36+
const LANDLINE = "tel:+9101795350639";
37+
const EMAILS = [
38+
{ label: "General Information", value: "info@fortschritthealthcareltd.com" },
39+
{ label: "Corporate Enquiries", value: "fortschritthealthcare@gmail.com" },
40+
{ label: "Sales & Distribution", value: "fortschritthealthcareltdsales@gmail.com" },
41+
{ label: "CEO Office", value: "ceo@fortschritthealthcareltd.com" },
42+
];
43+
const PRIMARY_EMAIL = "mailto:info@fortschritthealthcareltd.com";
3744

3845
export default function ContactPage() {
3946
const [form, setForm] = useState({ name: "", company: "", email: "", phone: "", subject: "", message: "" });
@@ -113,9 +120,9 @@ export default function ContactPage() {
113120
<motion.div initial={{ opacity: 0, y: 24 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.7, delay: 0.38 }}
114121
className="flex flex-col sm:flex-row justify-center gap-5">
115122
{[
116-
{ href: PHONE, icon: "call", label: "Call Now", bg: "bg-white", text: "text-primary", shadow: "shadow-white/20" },
117-
{ href: WHATSAPP, icon: "chat", label: "WhatsApp", bg: "bg-[#25D366]", text: "text-white", shadow: "shadow-green-400/30" },
118-
{ href: EMAIL, icon: "mail", label: "Email Us", bg: "bg-white/10 border border-white/25", text: "text-white", shadow: "" },
123+
{ href: VIKAS.phone, icon: "call", label: "Call Vikas", bg: "bg-white", text: "text-primary", shadow: "shadow-white/20" },
124+
{ href: VIKAS.whatsapp, icon: "chat", label: "WhatsApp Vikas", bg: "bg-[#25D366]", text: "text-white", shadow: "shadow-green-400/30" },
125+
{ href: PRIMARY_EMAIL, icon: "mail", label: "Email Us", bg: "bg-white/10 border border-white/25", text: "text-white", shadow: "" },
119126
].map((item) => (
120127
<motion.a key={item.label} href={item.href} target={item.href.startsWith("http") ? "_blank" : undefined}
121128
whileHover={{ scale: 1.06, y: -4 }} whileTap={{ scale: 0.97 }}
@@ -129,22 +136,27 @@ export default function ContactPage() {
129136
</section>
130137

131138
<section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 -mt-1 py-24">
132-
<Section className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mb-24">
139+
<Section className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 mb-24">
133140
{[
134141
{
135-
icon: "call", color: "primary", href: PHONE,
136-
title: "Call Direct", sub: "Speak to our team instantly",
137-
value: "+91 98163 88337 (Naveen)", action: "Call Now →",
142+
icon: "person", color: "primary", href: VIKAS.phone,
143+
title: "Vikas", sub: "Primary Contact - Sales",
144+
value: VIKAS.value, action: "Connect Now →",
138145
},
139146
{
140-
icon: "chat", color: "green", href: WHATSAPP,
141-
title: "WhatsApp", sub: "Chat, share enquiries & get quotes",
142-
value: "+91 98163 88337 (Naveen)", action: "Open Chat →",
147+
icon: "person", color: "green", href: KANISHKA.whatsapp,
148+
title: "Kanishka", sub: "Sales & Product Enquiry",
149+
value: KANISHKA.value, action: "Connect Now →",
143150
},
144151
{
145-
icon: "mail_outline", color: "secondary", href: EMAIL,
146-
title: "Email Us", sub: "Detailed enquiries & documentation",
147-
value: "info@fortschritthealthcareltd.com", action: "Compose →",
152+
icon: "phone_in_talk", color: "secondary", href: LANDLINE,
153+
title: "Landline", sub: "Corporate & Plant",
154+
value: "+91 01795-350639", action: "Dial Now →",
155+
},
156+
{
157+
icon: "mail_outline", color: "sky", href: PRIMARY_EMAIL,
158+
title: "Email", sub: "Detailed Documentation",
159+
value: "info@fortschritthealthcareltd.com", action: "Compose Now →",
148160
},
149161
].map((card) => (
150162
<motion.a key={card.title} href={card.href}
@@ -165,21 +177,23 @@ export default function ContactPage() {
165177
</div>
166178
<div className="text-[10px] font-bold text-slate-400 uppercase tracking-widest mb-2">{card.sub}</div>
167179
<h3 className="text-2xl font-extrabold text-primary mb-3">{card.title}</h3>
168-
<p className="font-bold text-slate-600 mb-6 text-lg">{card.value}</p>
180+
<p className={`font-bold text-slate-600 mb-6 ${card.title === "Email" ? "text-xs break-all" : "text-lg"}`}>
181+
{card.value}
182+
</p>
169183
<div className={`text-sm font-bold tracking-tight group-hover:translate-x-2 transition-transform ${
170184
card.color === "green" ? "text-green-500" : card.color === "secondary" ? "text-secondary" : "text-primary"
171185
}`}>{card.action}</div>
172186
</motion.a>
173187
))}
174188
</Section>
175189

176-
<div className="grid lg:grid-cols-5 gap-16 items-start">
190+
<div className="grid lg:grid-cols-2 gap-16 items-start">
177191
<motion.div
178192
initial={{ opacity: 0, x: -40 }}
179193
whileInView={{ opacity: 1, x: 0 }}
180194
viewport={{ once: true, margin: "-60px" }}
181195
transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }}
182-
className="lg:col-span-2 space-y-10">
196+
className="space-y-10">
183197
<div>
184198
<h2 className="text-4xl font-extrabold text-primary mb-4 leading-tight">
185199
Every way to reach us
@@ -213,24 +227,18 @@ export default function ContactPage() {
213227

214228
<div className="p-6 bg-white rounded-2xl border border-slate-100 shadow-sm">
215229
<h4 className="font-bold text-primary mb-4 flex items-center gap-2">
216-
<span className="material-icons text-base">contacts</span>
217-
Key Contacts
230+
<span className="material-icons text-base">mail</span>
231+
Department Emails
218232
</h4>
219233
<div className="space-y-4">
220-
<div className="flex items-center gap-4">
221-
<div className="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm flex-shrink-0">N</div>
222-
<div>
223-
<p className="font-bold text-slate-700 text-sm">Naveen Kandpal</p>
224-
<a href="tel:+919816388337" className="text-primary text-xs font-semibold hover:underline">+91 98163 88337</a>
225-
</div>
226-
</div>
227-
<div className="flex items-center gap-4">
228-
<div className="w-10 h-10 rounded-full bg-sky-50 flex items-center justify-center text-secondary font-bold text-sm flex-shrink-0">C</div>
229-
<div>
230-
<p className="font-bold text-slate-700 text-sm">Chander Negi</p>
231-
<a href="tel:+919324144466" className="text-secondary text-xs font-semibold hover:underline">+91 93241 44466</a>
234+
{EMAILS.map((email) => (
235+
<div key={email.value} className="flex flex-col">
236+
<span className="text-[10px] font-bold text-slate-400 uppercase tracking-widest">{email.label}</span>
237+
<a href={`mailto:${email.value}`} className="text-primary text-xs font-semibold hover:underline truncate">
238+
{email.value}
239+
</a>
232240
</div>
233-
</div>
241+
))}
234242
</div>
235243
</div>
236244

@@ -241,7 +249,7 @@ export default function ContactPage() {
241249
whileInView={{ opacity: 1, x: 0 }}
242250
viewport={{ once: true, margin: "-60px" }}
243251
transition={{ duration: 0.8, ease }}
244-
className="lg:col-span-3 bg-white rounded-[40px] border border-slate-100 shadow-2xl shadow-primary/5 p-8 md:p-12">
252+
className="bg-white rounded-[40px] border border-slate-100 shadow-2xl shadow-primary/5 p-8 md:p-12">
245253
<AnimatePresence mode="wait">
246254
{submitted ? (
247255
<motion.div key="success"
@@ -374,11 +382,11 @@ export default function ContactPage() {
374382
</motion.button>
375383
<p className="text-center text-xs text-slate-400">
376384
Or reach us instantly:{" "}
377-
<a href={PHONE} className="text-primary font-bold hover:underline">Call</a>
385+
<a href={VIKAS.phone} className="text-primary font-bold hover:underline">Call</a>
378386
{" · "}
379-
<a href={WHATSAPP} target="_blank" className="text-green-500 font-bold hover:underline">WhatsApp</a>
387+
<a href={KANISHKA.whatsapp} target="_blank" className="text-green-500 font-bold hover:underline">WhatsApp</a>
380388
{" · "}
381-
<a href={EMAIL} className="text-secondary font-bold hover:underline">Email</a>
389+
<a href={PRIMARY_EMAIL} className="text-secondary font-bold hover:underline">Email</a>
382390
</p>
383391
</form>
384392
</motion.div>
@@ -412,15 +420,15 @@ export default function ContactPage() {
412420
<p className="text-white/70 text-lg">91/2, DIC Industrial Area Baddi, Himachal Pradesh – 173205</p>
413421
</div>
414422
<div className="flex flex-col sm:flex-row gap-4 flex-shrink-0">
415-
<motion.a href={PHONE} whileHover={{ scale: 1.04 }} whileTap={{ scale: 0.97 }}
423+
<motion.a href={VIKAS.phone} whileHover={{ scale: 1.04 }} whileTap={{ scale: 0.97 }}
416424
className="flex items-center gap-3 px-8 py-4 bg-white text-primary font-bold rounded-2xl text-sm shadow-xl hover:bg-slate-50 transition-colors">
417425
<span className="material-icons">call</span>
418-
Call for Directions
426+
Call Vikas
419427
</motion.a>
420-
<motion.a href={WHATSAPP} target="_blank" whileHover={{ scale: 1.04 }} whileTap={{ scale: 0.97 }}
428+
<motion.a href={VIKAS.whatsapp} target="_blank" whileHover={{ scale: 1.04 }} whileTap={{ scale: 0.97 }}
421429
className="flex items-center gap-3 px-8 py-4 bg-[#25D366] text-white font-bold rounded-2xl text-sm shadow-xl hover:bg-[#1db954] transition-colors">
422430
<span className="material-icons">chat</span>
423-
WhatsApp Directions
431+
WhatsApp Vikas
424432
</motion.a>
425433
</div>
426434
</div>

‎frontend/src/components/layout/Footer.tsx‎

Lines changed: 21 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ const Footer = () => {
1010
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
1111
<div>
1212
<div className="flex items-center gap-3 mb-6">
13-
<img
14-
src="/brand/logo.webp"
15-
alt="Logo"
13+
<img
14+
src="/brand/logo.webp"
15+
alt="Logo"
1616
className="h-10 w-auto brightness-0 invert"
1717
/>
1818
<h3 className="text-2xl font-black italic tracking-tighter decoration-secondary decoration-4">
@@ -23,18 +23,18 @@ const Footer = () => {
2323
Pioneering precision medicine for a healthier tomorrow. Quality without compromise, healthcare for all.
2424
</p>
2525
<div className="flex gap-4">
26-
<a
27-
href="https://www.facebook.com/p/Fortschritt-Healthcare-100009673599725"
28-
target="_blank"
26+
<a
27+
href="https://www.facebook.com/p/Fortschritt-Healthcare-100009673599725"
28+
target="_blank"
2929
rel="noopener noreferrer"
3030
className="w-9 h-9 rounded-full bg-white/10 flex items-center justify-center hover:bg-secondary hover:text-white transition-all duration-300 group"
3131
aria-label="Facebook"
3232
>
3333
<Facebook size={18} className="group-hover:scale-110 transition-transform" />
3434
</a>
35-
<a
36-
href="https://www.linkedin.com/company/fortschritt-healthcare-ltd"
37-
target="_blank"
35+
<a
36+
href="https://www.linkedin.com/company/fortschritt-healthcare-ltd"
37+
target="_blank"
3838
rel="noopener noreferrer"
3939
className="w-9 h-9 rounded-full bg-white/10 flex items-center justify-center hover:bg-secondary hover:text-white transition-all duration-300 group"
4040
aria-label="LinkedIn"
@@ -70,14 +70,14 @@ const Footer = () => {
7070
<ul className="space-y-4 text-white/70 text-sm">
7171
<li className="flex items-start gap-3">
7272
<span className="material-icons text-secondary text-base pt-1">business</span>
73-
<span>201, Suraj Heritage, G.B Road,<br/>Thane, Maharashtra – 400615</span>
73+
<span>201, Suraj Heritage, G.B Road,<br />Thane, Maharashtra - 400615</span>
7474
</li>
7575
<li className="flex items-start gap-3">
7676
<span className="material-icons text-secondary text-base pt-1">call</span>
7777
<span>
78-
<a href="tel:+919816388337" className="hover:text-white transition-colors">+91 98163 88337</a> (Naveen)<br/>
79-
<a href="tel:+919324144466" className="hover:text-white transition-colors">+91 93241 44466</a> (Chander)<br/>
80-
<a href="tel:+9101795350639" className="hover:text-white transition-colors">+91 01795-350639</a>
78+
<a href="tel:+918352810339" className="hover:text-white transition-colors">+91 83528 10339</a> (Vikas)<br />
79+
<a href="tel:+918580877336" className="hover:text-white transition-colors">+91 85808 77336</a> (Kanishka)<br />
80+
<a href="tel:+9101795350639" className="hover:text-white transition-colors">+91 01795-350639</a> (General)
8181
</span>
8282
</li>
8383
<li className="flex flex-col gap-2">
@@ -89,6 +89,14 @@ const Footer = () => {
8989
<span className="material-icons text-secondary text-base">mail</span>
9090
<a href="mailto:fortschritthealthcare@gmail.com" className="hover:text-white transition-colors text-[10px]">fortschritthealthcare@gmail.com</a>
9191
</div>
92+
<div className="flex items-center gap-3">
93+
<span className="material-icons text-secondary text-base">mail</span>
94+
<a href="mailto:fortschritthealthcareltdsales@gmail.com" className="hover:text-white transition-colors text-[10px]">fortschritthealthcareltdsales@gmail.com</a>
95+
</div>
96+
<div className="flex items-center gap-3">
97+
<span className="material-icons text-secondary text-base">mail</span>
98+
<a href="mailto:ceo@fortschritthealthcareltd.com" className="hover:text-white transition-colors text-[10px]">ceo@fortschritthealthcareltd.com</a>
99+
</div>
92100
</li>
93101
</ul>
94102
</div>

0 commit comments

Comments
 (0)