# 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

```bash
npm install
```

### Development

Run the development server:

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser to see the result.

### Build

Create a production build:

```bash
npm run build
```

Start the production server:

```bash
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