A professional and engaging landing page for premium eye care services, featuring immersive transitions and high-quality visual presentations of optical products and services.
- 👁️ Stunning showcase of premium optical products and lenses
- 🎬 Professional video transitions highlighting eye care expertise
- 🔍 Interactive lens technology demonstrations
- 📱 Fully responsive design for all devices
- ⚡ Optimized performance with modern web technologies
- 🎨 Elegant UI/UX focused on eye care professionalism
- Frontend Framework: React 19
- Build Tool: Vite 7
- Animation: GSAP 3 with ScrollTrigger
- Styling: Tailwind CSS 4
- Icons: Lucide React
- Responsive Design: React Responsive
-
Clone the repository:
git clone https://github.com/devjasani79/EyeVisionOptics.git cd mocktail -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Build for production:
npm run build
mocktail/
├── src/
│ ├── components/
│ │ ├── Hero.jsx # Hero section with eye care introduction
│ │ ├── Lenses.jsx # Premium lens technology showcase
│ │ ├── Products.jsx # Eye care products display
│ │ └── Navbar.jsx # Professional navigation
│ ├── App.jsx
│ └── main.jsx
├── public/
│ ├── images/
│ │ ├── bg/ # Background videos and images
│ │ └── without bg/ # Transparent images
│ └── fonts/ # Custom fonts
└── constants/ # Project constants and configs
- High-quality video showcases of lens technologies
- Smooth transitions between eye care product demonstrations
- Professional animations highlighting optical features
- Detailed lens technology demonstrations
- Interactive product comparisons
- Engaging visual explanations of eye care benefits
- Mobile-first approach for accessibility
- Optimized product visualization
- Professional eye care aesthetics and branding
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.