Modern landing page for The Governor HQ ecosystem - built with React, Vite, TypeScript, and Tailwind CSS
Visit governor-hq.com
- Modern Design - Minimalist, Apple-like aesthetic
- Smooth Animations - Subtle motion with Framer Motion
- Responsive - Mobile-first design approach
- Fast - Optimized with Vite
- Accessible - Semantic HTML and ARIA labels
- Node.js 18+
- npm, yarn, or pnpm
# Clone the repository
git clone https://github.com/the-governor-hq/governor-hq-website.git
cd governor-hq-website
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:5173 in your browser.
npm run buildThe production build will be in the dist folder.
npm run previewgovernor-hq-website/
├── src/
│ ├── components/
│ │ ├── Hero.tsx # Hero section
│ │ ├── Projects.tsx # Projects showcase
│ │ └── Footer.tsx # Footer section
│ ├── App.tsx # Main app component
│ ├── main.tsx # Entry point
│ └── index.css # Global styles
├── public/ # Static assets
├── index.html # HTML template
├── tailwind.config.js # Tailwind configuration
├── vite.config.ts # Vite configuration
└── package.json # Dependencies
This site is optimized for deployment on:
- Vercel (recommended)
- Netlify
- GitHub Pages
- Any static hosting service
npm install -g vercel
vercelor simply connect your GitHub repository to Vercel for automatic deployments.
Edit colors in tailwind.config.js:
theme: {
extend: {
colors: {
primary: {
// Your color palette
}
}
}
}Update the projects array in src/components/Projects.tsx to add/modify projects.
MIT © The Governor HQ
Contributions are welcome! Please check out our contributing guidelines.