Navigation Wiring — Connect All Routes & Social Links

[AbinVarghexe]

Description

Wire up all navigation links and social media links across the site. Currently all links point to href="#".

Navigation Links to Wire

Update app/lib/constants.ts → navLinks:

Label	Route
About Us	/about
Products	/products
Case Study	/works
Services	/services (placeholder or /works)
Careers	/careers
Blogs	/blogs
Contact Us	/about#contact
Home	/

Components to Update

1. NavMenu (app/components/layout/NavMenu.tsx)

   • Replace href="#" with actual routes
   • Use Next.js Link component for client-side navigation
   • Close menu on link click

2. LogoScreen (app/components/features/home/LogoScreen.tsx)

   • Wire "About Us" button → /about
   • Wire "Our Works" button → /works

3. SocialLinks (app/components/ui/SocialLinks.tsx)

   • Update with real Incial social URLs:
     • LinkedIn: https://linkedin.com/company/incial
     • X/Twitter: https://x.com/incial
     • Instagram: https://instagram.com/incial.in
     • Facebook: https://facebook.com/incial
     • WhatsApp: appropriate WhatsApp link

4. Header logo (app/components/layout/Header.tsx)

   • Logo text "We Are incial." should link to /

Technical Requirements

• Use Next.js <Link> for internal routes (prefetch enabled)
• External social links: target="_blank" + rel="noopener noreferrer"
• Smooth page transitions when navigating

Branch

feat/wire-navigation

Parent: #1