fhermas22/hernotix-tech-landing

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 …