A modern maritime recruitment web application built with React, TypeScript, and cutting-edge animation libraries to showcase job opportunities and services for maritime professionals.
- Dynamic job listings with filtering capabilities
- Interactive service showcases
- Talent pool registration system
- Smooth scrolling with Lenis
- Advanced animations with Framer Motion
- Responsive design for all devices
- SEO-friendly dynamic page titles
- Frontend: React 18 + TypeScript
- Styling: CSS Modules
- Animation: Framer Motion
- Smooth Scrolling: Lenis
- Routing: React Router 6
- Build Tool: Vite
-
Clone the repository:
git clone https://github.com/your-username/marine-promo-app.git cd marine-promo-app -
Install dependencies:
npm install # or yarn install -
Install required additional packages:
npm install framer-motion @studio-freight/lenis react-router-dom # or yarn add framer-motion @studio-freight/lenis react-router-dom
Development mode:
npm run dev
# or
yarn devProduction build:
npm run build
# or
yarn buildsrc/
├── assets/ # Static assets
│ ├── images/ # Image files
│ └── styles/ # Global styles
├── components/ # Reusable components
├── pages/ # Page components
├── utils/ # Utility functions
├── App.tsx # Main app component
└── main.tsx # Application entry point
- Maritime Theme: Ocean-inspired color scheme and imagery
- Motion Design: Smooth transitions and micro-interactions
- User Experience: Intuitive navigation and clear CTAs
- Performance: Optimized animations and lazy loading
- Home: Overview of services
- Jobs: Maritime job listings
- Services: Crew management solutions
- Talent Pool: Professional registration
- Career Development: Training resources
- Contact: Company information
Distributed under the MIT License.
Project Maintainer - Shivraj Khetri Email - [email protected]
⚓ Smooth sailing with your maritime recruitment needs! ⚓