Quick Reel Website

A fully responsive Quick Reel landing page,
designed to promote an AI-powered tool for creating viral short clips.
Responsive for all devices, built using HTML, CSS, and JavaScript.

➥ Live Demo

Demo Screeshots

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features

🤖 Introduction

This project is a modern landing page built using HTML5, CSS3, and JavaScript. It is designed to promote QuickReel, an AI-powered tool for converting long videos into viral short clips. The website features a clean, responsive design with an intuitive layout, ensuring a seamless and engaging user experience. By leveraging modern web development techniques, this project creates a fast, scalable, and user-friendly interface that highlights the platform's key features and benefits.

⚙️ Tech Stack

• HTML5
• CSS3
• JavaScript

🔋 Features

👉 Hero Section: A compelling hero section that highlights the key benefits of the platform—AI-powered video editing, user trust, and a call-to-action button for getting started.

👉 Features & Services Section: An overview of the platform’s advanced tools, including AI-generated clips, auto-cropping, subtitles, and social media previews.

👉 How It Works Section: A step-by-step guide explaining how users can upload a video, let the AI generate short clips, and download or publish the results in one click.

👉 User Testimonials Section: Feedback from real users highlighting their experience and satisfaction with QuickReel.

👉 Pricing Plans Section: A detailed comparison of the Free, Pro, and Premium subscription tiers, showcasing what each plan offers.

👉 FAQ Section: Answers to frequently asked questions to address user concerns and simplify onboarding.

👉 Animated Sections with ScrollReveal: Smooth animations triggered as the user scrolls through the page, implemented using the ScrollReveal library to enhance engagement and visual appeal.

👉 Footer: A footer with navigation links, social media icons, and a subscription option for the newsletter.

🤸 Quick Start

To set up the QuickReel project on your local machine, follow these steps.

---

Prerequisites

Before starting, make sure you have the following installed:

• Git : Required for cloning the repository.
• A code editor like VS Code with Live Server installed for local hosting.

---

Steps

1. Clone the repository:

   git clone https://github.com/psparwez/quick-reel.git

2. Navigate to the project folder:

   cd quick-reel

3. Open the project in your editor:

   code .

4. Run the project using Live Server:

   • Right-click the index.html file in your editor.
   • Select "Open with Live Server" to launch the website in your default browser.

---

You’re now ready to explore and customize QuickReel locally!

---

📞 Contact

If you have any questions, encounter issues, or would like to collaborate on this project, feel free to reach out!

Reporting Issues

If you encounter any bugs or have suggestions, please open an issue on the GitHub Issues page.

I look forward to hearing from you and collaborating!

License

MIT