A demo landing page built to showcase modern frontend development skills to real skate shops. Designed with a dark street-culture aesthetic, smooth scroll animations, and a 3D interactive skateboard model.
(Deploy link — https://mirante-skateshop-2juhbfrs2-bielcxs-projects.vercel.app/)
| Layer | Technology |
|---|---|
| Framework | React 19 |
| Language | TypeScript |
| Bundler | Vite 8 |
| Styling | Tailwind CSS v4 |
| Animations | Framer Motion 12 |
| 3D Rendering | Three.js + React Three Fiber + Drei |
| Component Libraries | shadcn/ui · React Bits · Aceternity UI |
| Smooth Scroll | Lenis |
| Icons | Lucide React · Tabler Icons |
- Interactive 3D skateboard model with mouse parallax and hover rotation
- Animated brand logo marquee
- Responsive product grid
- Scroll-triggered entrance animations on every section
- Sticky navbar that collapses on scroll
- Dark grain overlay and ambient glow effects
- Mobile-first layout
npm install
npm run devDesenvolvido por Gabriel Cavalcanti — Dev & Skatista
- GitHub: github.com/Bielcx
- LinkedIn: linkedin.com/in/gabrielcavalcanti-dev