Business Suites of Columbia - Modernized Website

A modern, mobile-first redesign of the Business Suites of Columbia website built with Next.js 15, React 19, and Tailwind CSS 4.

🌟 Overview

This project is a complete modernization of the Business Suites of Columbia website, transforming the outdated 2015 design into a contemporary, responsive, and accessible web application while preserving all original content and brand identity.

✨ Key Features

• Mobile-First Responsive Design - Optimized for all devices
• Modern UI/UX - Clean interface with improved readability
• Sticky Navigation - Fixed header with hamburger menu on mobile
• Interactive Gallery - Lightbox for full-screen image viewing
• Contact Form - Validated form with Google Maps integration
• SEO Optimized - Proper meta tags and semantic HTML
• Accessible - WCAG compliant with keyboard navigation

🚀 Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Open http://localhost:3000

🎨 Design System

See STYLE_GUIDE.md for complete design documentation including:

• Color palette
• Typography system
• Component guidelines
• Spacing and layout
• Accessibility standards

📁 Project Structure

src/
├── app/                      # Next.js pages
│   ├── page.tsx             # Homepage
│   ├── about/page.tsx       # About page
│   ├── contact/page.tsx     # Contact page
│   └── layout.tsx           # Root layout
├── components/
│   ├── sections/            # Layout components
│   └── ui/                  # Reusable UI components
└── lib/                     # Utilities

📱 Pages Implemented

1. ✅ Home (/) - Hero, features, gallery, CTAs
2. ✅ About Us (/about) - Mission, values, company story
3. ✅ Private Offices (/offices) - Service offerings, features, benefits
4. ✅ Virtual Office (/virtual-office) - Plans, pricing, features
5. ✅ Floor Plan (/floor-plan) - Space layouts, amenities, gallery
6. ✅ Virtual Tour (/virtual-tour) - Photo tour of facilities
7. ✅ Contact (/contact) - Form, map, contact information

🛠 Technology Stack

• Next.js 15 - React framework
• React 19 - UI library
• TypeScript 5 - Type safety
• Tailwind CSS 4 - Styling
• Lucide React - Icons

📞 Contact

Business Suites of Columbia

• Phone: 410.381.2800
• Email: info@businesssuitesofcolumbia.com
• Address: 9520 Berger Road, Suite 212, Columbia, MD 21046

---

© 2025 Business Suites of Columbia. All Rights Reserved.