https://github.com/abir-dev/king
https://github.com/abir-dev/king
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/abir-dev/king
- Owner: Abir-dev
- Created: 2025-07-26T07:39:32.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-10-03T07:59:43.000Z (8 months ago)
- Last Synced: 2025-10-03T09:31:02.719Z (8 months ago)
- Language: TypeScript
- Homepage: https://kin-g.vercel.app
- Size: 36.1 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Kin-G Technologies Website
A modern, responsive multi-page website for Kin-G Technologies Pvt. Ltd., built with React, TypeScript, and Tailwind CSS.
## Features
- **Multi-page SPA** with React Router and smooth transitions
- **Modern Design** with neon effects and dark/light mode
- **Hero Parallax Effect** with scroll-triggered animations
- **Page Transitions** using Framer Motion AnimatePresence
- **Scroll Animations** with GSAP ScrollTrigger integration
- **Responsive Layout** optimized for all devices
- **Smooth Navigation** with hover effects and active states
- **TypeScript** for type safety
- **Tailwind CSS** for styling
### Animation Features
- **Hero Parallax Scrolling** - Dynamic image movement based on scroll position
- **Page Route Transitions** - Smooth fade and slide animations between pages
- **Scroll-Triggered Animations** - Elements animate as they enter the viewport
- **Navigation Hover Effects** - Interactive menu items with micro-animations
- **Loading States** - Beautiful loading spinners and transitions
- **Smooth Scrolling** - Enhanced CSS scroll behavior throughout the site
## Pages
- **Home** - Company overview and hero section
- **Services** - Detailed service offerings with pricing
- **About** - Company history, team, and values
- **Launchpad** - Career development program details
- **Contact** - Multiple contact methods and office locations
## Deployment
This project is configured for Vercel deployment with:
- `vercel.json` configuration for SPA routing
- Optimized build output in `dist/spa`
- Client-side only architecture
### Deploy to Vercel
1. Push to GitHub repository
2. Connect to Vercel
3. Deploy automatically with zero configuration
### Local Development
```bash
npm install
npm run dev
```
### Build
```bash
npm run build
```
## Tech Stack
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- GSAP
- React Router 6
- Radix UI Components
- Tabler Icons