feat: Fix missing logo, add VISWAM.ai text branding, and finalize UI...
🚀 Merge Request: UI Enhancement – Summer of AI & Contact Page
📋 Description
This MR implements premium SaaS-style UI enhancements for the following pages:
- Programs → Summer of AI
- Contact Page
The update focuses on improving visual hierarchy, layout structure, spacing, and overall user experience, while keeping all existing functionality unchanged.
🎯 What’s Improved
✅ Summer of AI Page
- Enhanced Hero Section (better typography, spacing, alignment)
- Converted features into modern card-based UI
- Redesigned FAQ section with accordion
- Improved CTA (Apply Now) with gradient styling
- Ensured consistency with Projects page UI
- Added full dark & light theme support
✅ Contact Page
- Redesigned contact form UI
- Improved spacing, alignment, and readability
- Added clean input fields with focus states
- Enhanced layout (structured + user-friendly)
- Applied consistent design system
- Supported both dark & light modes
🎨 UI Enhancements
-
🌑 Dark mode with glassmorphism cards -
🌕 Light mode with clean backgrounds & soft shadows -
🎨 Gradient accents (blue → purple) -
🔘 Rounded components (rounded-2xl) -
✨ Smooth hover effects (scale + transition) -
📱 Fully responsive design
🖼 ️ Before vs After
🔹 Summer of AI Page
Before
🔹 Contact Page
Before
📁 Files Changed
/pages/programs/summer-of-ai.tsx
/pages/contact.tsx
/components/ui/Card.tsx
/components/ui/Button.tsx
/components/ui/Accordion.tsx
/components/ui/Input.tsx
⚠ ️ Notes
- No changes to backend or APIs
- No changes to content
- Only UI/UX improvements applied
- Existing functionality remains intact
✅ Acceptance Checklist
-
UI matches modern SaaS design -
Consistent with Projects page -
Dark & Light modes working -
Fully responsive -
No UI breakage
🧪 Testing Done
-
✅ Tested in dark & light themes -
✅ Verified responsiveness (mobile, tablet, desktop) -
✅ Checked hover + focus states -
✅ Ensured layout consistency
📌 Result
The VISWAM.AI UI now feels:
- More modern & premium
- More structured and readable
- More consistent across pages
- More engaging for users
Edited by Praveena Veeranki



