https://github.com/codewithdhruba01/animated-landingpage
responsive landing page
https://github.com/codewithdhruba01/animated-landingpage
Last synced: 10 months ago
JSON representation
responsive landing page
- Host: GitHub
- URL: https://github.com/codewithdhruba01/animated-landingpage
- Owner: codewithdhruba01
- Created: 2025-03-11T16:17:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-09T16:15:19.000Z (about 1 year ago)
- Last Synced: 2025-07-28T23:55:50.202Z (10 months ago)
- Language: CSS
- Homepage:
- Size: 6.66 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🤖 AI Agent 4.0 – Futuristic AI Landing Page
**AI Agent 4.0** is a modern, responsive landing page built to showcase the power and versatility of conversational AI. Designed with aesthetic precision and interactive elements, this project delivers an engaging user experience using advanced CSS styling and JavaScript-based parallax effects.
---
## 🌟 Features
- 🎨 **Stunning Hero Section** with multi-layer visuals and animations
- 🖱️ **Parallax Motion Effect** powered by JavaScript to create a sense of depth
- 🌌 **Dark Mode Theme** for a sleek and modern visual style
- 📱 **Responsive Layout** optimized for both desktop and mobile
- 🚀 **Call-to-Action Buttons** with animated gradient borders
- 💻 **Device Mockups** (Robot Image, Macbook Screens) to represent app usage
- 🔐 **Sign-In UI (Planned)**: Sign-in section is included in HTML (commented) for future integration
---
## 🛠️ Technologies Used
- **HTML5** – Semantic structure and layout
- **CSS3** – Custom styles, animations, gradients, and responsive design
- **JavaScript (Vanilla)** – Parallax interactivity using mouse tracking
- **Google Fonts** – Sleek typography using Fira Code, Kanit, and others
---
## 📁 Project Structure
```
AI-Agent-4.0/
├── index.html
├── style.css
├── script.js
└── images/
├── logo.png
├── blur.png
├── icons.png
├── 1736040549160.jpg
├── Macbook-Air-github.com.png
└── Macbook-Air-codepen.io.png
```
---
## 🚧 Project Status
- ✅ **Frontend Complete**
- 🛠️ **Sign-in and backend logic under development**
- 🌐 **Deploy-ready** with minor JavaScript enhancements planned
---