🌊 SeaGlass Digital Banking

SeaGlass is a futuristic digital banking interface project that combines the cutting edge of modern web design: Glassmorphism and 3D Interactivity. It offers a premium user experience with a dynamic immersive background and smooth frosted glass effects.

🚀 Live Demo

---

📺 Project Preview

projectgifsea.mp4

---

✨ Key Features

💎 High-End Glassmorphism The entire interface is built with backdrop-blur-xl and semi-transparent layers to achieve a realistic frosted glass feel.	💳 3D Interactive Card The CreditCardShowcase component features 3D depth that physically responds to mouse movements, powered by react-parallax-tilt.
🌌 Dynamic Vanta.js Background Utilizes a Three.js based Vanta (CELLS) effect, creating a living, deep, and interactive visual engine.	📱 Fully Responsive A fluid structure specifically optimized for Mobile, Tablet, and Desktop screens.
⚡ Modern Tech Stack Maximum performance and rapid development with React 19, Vite 7, and Tailwind CSS v4.

---

🛠️ Tech Stack

Technology	Purpose
React 19	Framework (Latest)
Vite 7	Build Tool
Tailwind CSS v4	Styling
Framer Motion	Animations
Vanta.js & Three.js	Background Engine
React Parallax Tilt	Interactivity
Lucide React	Icons

---

📂 Project Structure

src/
├── components/
│   ├── cards/          # 3D and Glassmorphism card components
│   ├── layout/         # Navigation and Footer
│   ├── sections/       # Application Form, Hero, Benefits, Pricing
│   └── ui/             # Reusable UI elements like Buttons
├── engine/             # Vanta.js visual engine configuration
├── utils/              # Static constants and helper data
└── App.jsx             # Main application entry point

---

🤝 Contributing

Contributions, issues, and feature requests are welcome!