Footer.jsx: All internal navigation links use <a href> instead of <Link to> #58

New Issue

Closed

opened 2026-05-17 17:52:37 -05:00 by null · 0 comments

null commented

2026-05-17 17:52:37 -05:00

Owner

Bug Description

src/components/layout/Footer.jsx uses <a href="/..."> for all internal navigation links (Quick Links, Services, Industries, Contact Form, Request Consultation button). This causes full page reloads on every footer click instead of client-side navigation.

Affected Lines

Line 61: <a href="/contact"> — Contact Form link
Line 64: <a href="/contact"> — Request Consultation button
Lines 76-83: Quick Links — all 6 use <a href>
Lines 93-100: Services — all 7 use <a href>
Lines 109-116: Industries — all 4 use <a href>

Fix

Import { Link } from "react-router-dom" and replace all internal <a href> with <Link to>. Keep <a> only for external links (mailto: and tel: which are already correct).

Labels

bug, frontend, P1 High

## Bug Description `src/components/layout/Footer.jsx` uses `<a href="/...">` for all internal navigation links (Quick Links, Services, Industries, Contact Form, Request Consultation button). This causes full page reloads on every footer click instead of client-side navigation. ## Affected Lines - Line 61: `<a href="/contact">` — Contact Form link - Line 64: `<a href="/contact">` — Request Consultation button - Lines 76-83: Quick Links — all 6 use `<a href>` - Lines 93-100: Services — all 7 use `<a href>` - Lines 109-116: Industries — all 4 use `<a href>` ## Fix Import `{ Link } from "react-router-dom"` and replace all internal `<a href>` with `<Link to>`. Keep `<a>` only for external links (`mailto:` and `tel:` which are already correct). ## Labels - bug, frontend, P1 High