Skip to content

feat: Fix missing logo, add VISWAM.ai text branding, and finalize UI...

Praveena Veeranki requested to merge wireframe-feature into 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

image After

image

🔹 Contact Page

Before

image After

image

📁 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

Merge request reports

Loading