Description:-

This pull request addresses Issue #6 — Redesign Footer Section for Better UI and Alignment. The existing footer lacked visual balance and was not aligned with the modern UI aesthetics of the site. This PR implements a cleaner, responsive, and more user-friendly footer design.

Tools & Technologies Used:-

• React.js – For component structure.
• Tailwind CSS – For responsive styling and layout.
• Lucide-React – For sleek and modern icons (optional depending on your icon set).
• Heroicons / React Icons – For contact icons (MdPhone, MdEmail, MdLocationOn).

Features Added / Improvements Made:-

• Redesigned footer layout using Flexbox and Grid (via Tailwind).
• Added responsive design for all screen sizes (mobile to desktop).
• Aligned footer sections with consistent spacing, padding, and color schemes.
• Applied gradient color effects (from-[#ff512f] to-[#dd2476]) for headings and icons.
• Enhanced hover effects on contact information with underline transitions.
• Updated typography and icon sizes for better readability.
• Made the footer visually consistent with the rest of the website theme.

Design Overview:-

• Redesigned footer with a clean and responsive layout.
• Navigation links now use react-router (not react-router-dom).
• Applied gradient hover effects and smooth transitions.
• Improved alignment, spacing, and text styling using Tailwind.
• Fully mobile-friendly and visually balanced design.