UI Enhancement: Improve Footer Design for Better Visual Appeal

[milan-deori]

Description:-

The current footer design lacks visual structure, proper alignment, and spacing. The footer elements appear disconnected, with unbalanced spacing and limited styling. This affects the overall polish and professionalism of the site, especially in dark mode.

What I Will Improve:

Layout & Structure:

• Refactor the footer using a flexbox or grid layout to create three clearly defined columns (branding, quick links, social).
• Ensure equal spacing between sections to avoid clustering.

Branding Section:

• Add margin/padding around the DevNotes logo and text.
• Adjust font size and color to match the overall site theme.

Links Section (Always Learning / Open Source):

• Center-align the icons and text vertically and horizontally.
• Add hover effects for interactive feedback.

Social Icons (Connect with me):

• will add more icon.
• will add style.

Visual Enhancements:

Introduce a subtle border or divider between the main content and footer.
Add responsive behavior so that the layout stacks gracefully on smaller screens.
Optimize color contrast and typography for better readability.

[milan-deori]

Hey @Sauve9119 ,

Assign this issue to me and add level for this issue.