https://github.com/manasscodes/nextbot-landing
A sleek Simple Nextbot Landing Page
https://github.com/manasscodes/nextbot-landing
gsap nextjs spline tailwindcss threejs
Last synced: about 2 months ago
JSON representation
A sleek Simple Nextbot Landing Page
- Host: GitHub
- URL: https://github.com/manasscodes/nextbot-landing
- Owner: manasscodes
- Created: 2025-05-29T06:37:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-29T06:56:59.000Z (about 1 year ago)
- Last Synced: 2025-07-02T06:02:31.153Z (12 months ago)
- Topics: gsap, nextjs, spline, tailwindcss, threejs
- Language: TypeScript
- Homepage: https://nextbotlanding.vercel.app
- Size: 40.3 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
NextBot - Landing Page
A visually engaging landing page built with **Next.js**, **Three.js**, and **Spline**. This project demonstrates modern web design, interactive 3D elements, and seamless user experience.
---
## 🚀 Tech Stack
- **Next.js** – React framework for server-side rendering and static site generation.
- **Three.js** – Powerful 3D graphics library for the web.
- **Spline** – Collaborative 3D design tool for interactive scenes.
- **Styled Components** – CSS-in-JS for modular, maintainable styles.
- **Vercel** – Deployment and hosting.
---
## ✨ Features
- **Interactive 3D Hero Section:** Eye-catching visuals powered by Three.js and Spline.
- **Responsive Design:** Looks great on all devices.
- **Lightning Fast:** Optimized for performance with Next.js.
- **SEO Friendly:** Pre-rendered pages for better search engine visibility.
- **Easy Customization:** Modular components and clear structure.
---
## 📦 Installation
```bash
git clone https://github.com/codewmanas/nextbot-landing.git
cd nextbot-landing
npm install
```
---
## 🛠️ Usage
```bash
npm run dev
```
Visit [http://localhost:3000](http://localhost:3000) to view the landing page.
---
## 🧩 Project Structure
```
nextbot-landing/
├── components/ # Reusable React components
├── pages/ # Next.js pages
├── public/ # Static assets (images, 3D files)
├── styles/ # Global and component styles
├── utils/ # Utility functions
└── README.md
```
---
## 🎨 Customization
- **3D Models:** Edit or replace Spline scenes in `/public/3d/`.
- **Branding:** Update colors, fonts, and images in `/styles/` and `/public/assets/`.
- **Content:** Modify text and sections in `/pages/index.js`.
---
## 📚 Learn More
- [Next.js Documentation](https://nextjs.org/docs)
- [Three.js Documentation](https://threejs.org/docs/)
- [Spline Docs](https://docs.spline.design/)
---
## 🤝 Contributing
Contributions are welcome! Please open issues or submit pull requests for improvements.
---
## 📄 License
This project is licensed under the [MIT License](LICENSE).
---
> **Crafted with creativity and code.**