fhermas22/hernotix-tech-landing
Record type:
software
Creator:
fhe
Host:
A modern, professional, and dynamic landing page for HERNOTIX Tech, a Web and Mobile development studio based in Benin.
# HERNOTIX Tech - Landing Page
A modern, professional, and dynamic landing page for **HERNOTIX Tech**, a Web and Mobile development studio based in Benin. Built with React 19, Tailwind CSS v4, and optimized for deployment on Vercel.
## 🎯 Features
- **Responsive Design**: Fully responsive layout that works seamlessly on mobile, tablet, and desktop devices
- **Modern UI/UX**: Clean, professional design with smooth animations and transitions
- **Brand Identity**: Carefully crafted visual identity using Azure Blue, Gold Yellow, and Charcoal Black color scheme
- **Performance Optimized**: Lightning-fast load times with Vite bundling and optimized assets
- **SEO Ready**: Semantic HTML structure and meta tags for better search engine visibility
- **Accessibility**: WCAG compliant with proper ARIA labels and keyboard navigation
- **Vercel Ready**: Pre-configured for seamless deployment on Vercel
## 🚀 Quick Start
### Prerequisites
Before you begin, ensure you have the following installed:
- **Node.js** (version 18 or higher)
- **npm** or **pnpm** (package manager)
- **Git** (for version control)
### Installation
1. **Clone the repository**
```bash
git clone github.com
cd hernotix-tech-landing
```
2. **Install dependencies**
```bash
npm install
```
3. **Start the development server**
```bash
npm run dev
```
The application will be available at `localhost`
4. **Build for production**
```bash
npm run build
```
5. **Preview production build**
```bash
npm run preview
```
## 📁 Project Structure
```
hernotix-tech-landing/
├── public/
│ ├── hero_illustration.png # Hero section illustration
│ ├── web_development_icon.png # Web development service icon
│ ├── mobile_development_icon.png # Mobile development service icon
│ └── benin_tech_illustration.png # About section illustration
│ └── hernotix_tech.svg # Logo SVG
├── src/
│ ├── components/
│ │ ├── Header.tsx …