An enhanced clone of StudioSize, a design studio specializing in strategy, packaging, motion, naming, and branding solutions. This project recreates the studio's elegant website with modern web technologies while adding performance improvements and responsive optimizations.

• Smooth Animations: Implemented using GSAP and Framer Motion for fluid transitions and interactions
• Interactive Portfolio: Hover-triggered video previews of featured work
• Custom Cursor Effects: Context-aware cursor that changes based on user interactions
• Responsive Design: Fully optimized for all device sizes
• Performance Optimized: Fast loading times with optimized assets

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• GSAP for animations
• Framer Motion
• Swiper for carousels

1. Clone the repository
2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser

• /app: Next.js app directory with routes and global components
• /components: Reusable UI components
• /public: Static assets including images and videos

This is a clone of StudioSize created for educational purposes. All design credit goes to the original creators.