Luxie Portfolio ✦

A premium, high-performance developer portfolio featuring a 3D character model, smooth inertia scrolling, and interactive section stacking. Built with React, Three.js, and Framer Motion.

---

✦ Features

• 3D Interactive Character: A floating character model that reacts to scroll position and allows 360° cursor interaction.
• Inertia ScrollStack: A smooth, CSS/JS-driven card stacking system for showcasing categorized skills.
• Infinite Ribbon Marquee: A 3D curved ribbon that displays client reviews with auto-rotation and interactive pause.
• Typewriter Identity: A synchronized name animation that triggers only after the initial page load for maximum impact.
• Glassmorphic UI: Smooth blurs, grain overlays, and modern typography using the Satoshi and Clash Display families.

✦ Getting Started

1. Clone the repo

First, you clone the repo to your local machine:

git clone https://github.com/luxie47/DailyOrigin.git
cd DailyOrigin

2. Install Dependencies

npm install

3. Run Locally

npm run dev

✦ How to Use & Customize

• Identity & Projects: All content is structured within src/components/sections/. Simply edit the JSX files to update your bio, projects, and testimonials.
• 3D Model: Replace public/model/explorer.glb with your own .glb model to personalize the character.
• Styling: Global tokens are managed in src/index.css and src/styles/globals.css.

✦ Deployment

This project is optimized for deployment on Vercel or Netlify. Simply connect your GitHub repository for automatic CI/CD.

---

Portfolio meticulously crafted by Luxie