You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
1.9 KiB
83 lines
1.9 KiB
# 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
|