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.
1.9 KiB
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
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:
- Update content in the component files in
/components - Modify colors in Tailwind classes (teal-600, blue-50, etc.)
- Update contact information in the Footer component
- Add your own images by placing them in
/publicand updating image references
License
© 2035 by Hanna L. Kim