🌐 Zentry — The Web3 Landing Experience

Zentry is a futuristic landing page crafted to showcase the power of animation, scroll-based interactivity, and immersive sound. Perfect for Web3 platforms, portfolios, or experimental digital playgrounds.

Live Demo

---

📋 Table of Contents

1. Introduction
2. Tech Stack
3. Features
4. Quick Start
5. Installation
6. License
7. Acknowledgements

---

🚀 Introduction

Zentry is a futuristic landing page crafted to showcase the power of animation, scroll-based interactivity, and immersive sound.
Perfect for Web3 platforms, portfolios, or experimental digital playgrounds.

---

🔧 Tech Stack

• ⚛ React 19 — Latest UI library with concurrent rendering
• ⚡ Vite 7 — Superfast frontend build tool
• 🌈 Tailwind CSS v3.4 — Utility-first CSS framework
• 🎞 GSAP 3 + @gsap/react — For scroll-based and timeline animations
• 🎧 react-use — Hooks for audio playback and scroll state
• 🎨 react-icons — Easy-to-use icons

---

⚙ Features

• ✨ Web3-inspired immersive visuals
• 📜 Scroll-triggered animations using GSAP
• 🔊 Audio-enabled transitions for rich experience
• 🌀 Utility-first responsive styling with Tailwind
• 🧠 Organized code with reusable components
• 💡 Ideal base for creative landing pages or experiments

---

⚡ Quick Start

📦 Prerequisites

• Node.js ≥ 18
• npm / yarn / pnpm

---

🛠️ Installation

Clone the repository:

git clone https://github.com/your-username/zentry.git
cd zentry
npm install

Start the dev server:

npm run dev

Build for production:

npm run build

Preview Build:

npm run prebuild

🪪 License This project is licensed under the MIT License.

🙏 Acknowledgements

• GSAP
• React
• Vite
• Tailwind CSS
• React Use
• React Icons