LOGICBYTE_WEBSITE — HTML Business Template

SHA-256: 872510daf6fd6b2e325403ca09674668c3ba91b2466df8cd4e5acfd88d8b5dcf

2026-10-13T06:22:14.590Z

Got it 👍 You want your README to feel **polished, professional, and easy to read** while keeping all the important details. Here’s a refined version with improved formatting, readability, and some extras (badges, sections, tables, and consistent Markdown style):

---

# 🚀 LOGICBYTE: Business Automation Landing Page

This repository contains the **front-end code** for the **LOGICBYTE landing page**, a sleek dark-themed website designed to showcase **business automation solutions using BOTS**.

The page features:
✨ A modern UI,
🤖 A dynamic Rive-based robot animation,
📱 Full responsiveness,
🎯 Clear calls-to-action to engage users.

---

## ✨ Features

* **Dark Mode Design** → Professional aesthetic with black background, white text, and purple accents.
* **Rive Integration** → Dynamic robot animation (`newrobot.riv`) rendered using `<canvas>` + [`@rive-app/canvas`](https://www.npmjs.com/package/@rive-app/canvas).
* **Responsive Layout** → Works seamlessly across desktop, tablet, and mobile.
* **Calls-to-Action (CTA)** → Bold **“Get Started”** and **“Documentation”** buttons.
* **Modern Typography** → Powered by the **Poppins** font for a clean, bold look.

---

## 🛠️ Tech Stack

| Technology     | Purpose                                |
| -------------- | -------------------------------------- |
| **HTML5**      | Page structure & content               |
| **CSS3**       | Styling, layout & responsiveness       |
| **JavaScript** | Initialize & resize the Rive animation |
| **Rive**       | Custom interactive robot animation     |

> ⚠️ **Note**: The Rive asset (`newrobot.riv`) must be present in the project root for the animation to load.

---

## 💻 Getting Started

### Prerequisites

* A modern web browser (Chrome, Firefox, Edge, or Safari).
* The `newrobot.riv` animation file in the root folder.

### Installation

```bash
# Clone the repository
git clone https://github.com/Vansh27189/LOGICBYTE_WEBSITE.git

# Navigate into the project
cd LOGICBYTE_WEBSITE
```

### Run the Project

Place `newrobot.riv` in the project root, then open `index.html` in your browser:

```bash
# macOS
open index.html  

# Windows
start index.html
```

---

## 📂 Project Structure

| File           | Description                                                     |
| -------------- | --------------------------------------------------------------- |
| `index.html`   | Main HTML structure (header, sections, Rive canvas integration) |
| `style.css`    | Styling rules (dark theme, responsiveness, animations)          |
| `newrobot.riv` | Rive animation file                          |

---

## 🤝 Contribution

Contributions are welcome! 🎉

* Fork the repo
* Create a new branch (`git checkout -b feature/your-feature`)
* Commit changes (`git commit -m 'Add new feature'`)
* Push to your branch (`git push origin feature/your-feature`)
* Submit a Pull Request 🚀

---

## 📜 License

This project is **open-source** and available under the [MIT License](LICENSE).

---

👉 Pro tip: You can also add **preview screenshots** of your landing page (or a short GIF of the robot animation) to make the README more engaging.

---