Luna Studio Portfolio

Modern portfolio and creative agency landing page built with Vue 3, Vite and TailwindCSS.

Preview

Live Demo:
https://black-eagle-tech.github.io/portfolio/

---

Tech Stack

• Vue 3
• Vite
• TailwindCSS
• Lucide Icons
• Lenis Smooth Scroll
• Intersection Observer Animations

---

Features

• Modern premium UI
• Fully responsive layout
• Mobile navigation menu
• Smooth scrolling
• Reveal animations
• Glassmorphism cards
• Custom cursor (desktop only)
• Spotlight background effect
• Optimized for GitHub Pages deployment

---

Project Structure

src/
│
├── assets/
│   ├── images/
│   └── styles/
│
├── components/
│   ├── layout/
│   ├── sections/
│   └── ui/
│
├── composables/
├── views/
└── main.js

---

Installation

Clone the repository:

git clone https://github.com/black-eagle-tech/portfolio.git

Install dependencies:

npm install

Run development server:

npm run dev

---

Build

Create production build:

npm run build

Preview production build:

npm run preview

---

GitHub Pages Deployment

This project uses gh-pages for deployment.

Deploy command:

npm run deploy

---

Vite Configuration

The project uses the following Vite base path:

base: '/portfolio/'

Required for GitHub Pages deployment.

---

License

This project is open source and available under the MIT License.

---

Author

Black Eagle Tech

GitHub:
https://github.com/black-eagle-tech