CyberBots – Advanced Robotics & AI Solutions

A modern, futuristic landing page for a robotics and AI company. Features a 3D interactive robot model, responsive design, and a professional layout for services, testimonials, and contact.

Features

• 3D Interactive Robot – Powered by Spline Viewer, the main hero includes a rotating 3D model.
• Fully Responsive – Optimized for all screen sizes, with a mobile‑friendly hamburger menu.
• Loading Animation – Smooth initial loader with a cyber‑themed spinner.
• Services Section – Three core offerings (AI Integration, Custom Robotics, Maintenance & Support).
• Contact Form – User‑friendly form for inquiries (front‑end only).
• Testimonials – Client reviews with hover effects.
• Back‑to‑Top Button – Dynamically appears on scroll.
• Dynamic Year in Footer – Automatically updates the copyright year.

Technologies Used

• HTML5
• CSS3 (custom animations, gradients, glassmorphism)
• JavaScript (interactivity, scroll animations, mobile menu)
• Spline Viewer – 3D model integration
• Font Awesome Icons

How to Run

1. Clone the repository:
   git clone https://github.com/RohmaNadeem/cyberbots.git
2. Open index.html in any modern web browser.

Live Demo

https://rohmanadeem.github.io/cyberbots/

Project Structure

cyberbots/
├── index.html
├── style.css
├── script.js
├── images-and-icon/
│   ├── sun.svg
│   └── downarrow.svg
└── README.md
## Future Improvements

- Add actual form submission backend (e.g., using Formspree or a simple PHP script).
- Implement a light/dark theme switcher (already wired in JS).
- Optimize the 3D model for better performance on mobile devices.

## Connect

- [LinkedIn](https://www.linkedin.com/in/rohma-nadeem-25b041382/)
- [GitHub](https://github.com/RohmaNadeem)