Hanna L. Kim - Building Bridges Website

A modern, mobile-friendly website for Hanna L. Kim, showcasing her vision for healthcare reform and economic equality.

Features

• Responsive Design: Fully mobile-friendly with a responsive navigation menu
• Modern Stack: Built with Next.js 16, TypeScript, and Tailwind CSS
• Smooth Scrolling: Smooth anchor link navigation
• Accessible: Semantic HTML and ARIA labels for better accessibility
• Performance: Optimized for fast loading and SEO

Sections

• Hero Section: "Building Bridges" tagline with call-to-action
• About: Introduction to Hanna L. Kim and her mission
• Values & Vision: Four core values with icons and descriptions
• Contact: Contact form for inquiries
• Footer: Newsletter subscription and social media links

Getting Started

Prerequisites

• Node.js 18+ and npm

Installation

npm install

Development

Run the development server:

npm run dev

Open http://localhost:3000 in your browser to see the result.

Build

Create a production build:

npm run build

Start the production server:

npm start

Technologies Used

• Next.js 16: React framework with App Router
• TypeScript: Type-safe JavaScript
• Tailwind CSS: Utility-first CSS framework
• React 19: Latest React version

Color Palette

The website uses a calming palette of:

• Blues: Trust and confidence
• Teals/Greens: Growth and harmony
• Neutrals: Professional and accessible

Customization

To customize the website:

1. Update content in the component files in /components
2. Modify colors in Tailwind classes (teal-600, blue-50, etc.)
3. Update contact information in the Footer component
4. Add your own images by placing them in /public and updating image references

License

© 2035 by Hanna L. Kim