Motion ✨

Step into a bold, cinematic web experience where design meets motion. Motion is a polished landing page concept built with React, TypeScript, Vite, Tailwind CSS, and lucide-react, crafted to feel immersive, modern, and alive.

🌌 What makes it special

• A full-screen dark hero section with a dramatic, premium feel
• A cursor-following spotlight that reveals a second image through a soft glowing mask
• Smooth entrance animations that bring the typography and content to life
• A refined navigation bar and bold call-to-action designed for storytelling

🧱 Built with

• React 18
• TypeScript
• Vite
• Tailwind CSS
• lucide-react
• gh-pages for deployment

▶️ Run locally

npm install
npm run dev

Open http://localhost:5173/ to see the experience in your browser.

🚀 Publish to GitHub Pages

npm run build
npm run deploy

This publishes the production build to the gh-pages branch so the site can be served by GitHub Pages.

📁 Project structure

• src/App.tsx — hero layout, navigation, and spotlight interaction
• src/index.css — fonts, global styling, and animation keyframes
• vite.config.ts — base path configuration for hosted deployment

✨ Highlights

• Responsive layout for mobile and desktop
• Soft, elegant motion with reduced-motion support
• Clean, story-driven visual direction
• Ready for sharing and live deployment