芝麻web文件管理V1.00
编辑当前文件:/home/paymbalq/kalibotics.com/index.html__456b06e
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kalibotics - African Robotics Innovation</title> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="animations.css"> <link rel="stylesheet" href="benchmark-elements.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Orbitron:wght@400;500;600;700&display=swap" rel="stylesheet"> </head> <body> <header> <nav> <div class="logo"> <a href="#home"><img src="images/Logo.png" alt="Kalibotics Logo" class="logo-img"></a> </div> <div class="menu-toggle"> <i class="fas fa-bars"></i> </div> <ul class="nav-links"> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#products">Products</a></li> <li><a href="#next-gen-projects">Next-Gen Projects</a></li> <li><a href="#recognition">Recognition</a></li> <li><a href="#blog">Blog</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> </header> <section id="home" class="hero"> <!-- Particle container will be added by JavaScript --> <div class="hero-content"> <h1>Democratizing AI Robotics in Africa</h1> <p>Simplifying AI Integration for All</p> <p>At Kalibotics, we're bridging the gap between cutting-edge AI and practical robotics applications. Our innovative solutions make complex robotics accessible to professionals and hobbyists alike, driving technological advancement across the African continent.</p> <a href="#products" class="cta-button">Explore Our Solutions</a> </div> <div class="hero-image"> <div class="vtol-drone"> <object data="images/vtol-drone.svg" type="image/svg+xml" class="drone-svg"></object> </div> <!-- Self-driving cars animation --> <div class="self-driving-car"> <object data="images/self-driving-car.svg" type="image/svg+xml" class="car-svg"></object> </div> <div class="self-driving-car"> <object data="images/self-driving-car.svg" type="image/svg+xml" class="car-svg"></object> </div> <div class="self-driving-car"> <object data="images/self-driving-car.svg" type="image/svg+xml" class="car-svg"></object> </div> <!-- Underwater robots animation --> <div class="underwater-robot"> <object data="images/underwater-robot.svg" type="image/svg+xml" class="robot-svg"></object> </div> <div class="underwater-robot"> <object data="images/underwater-robot.svg" type="image/svg+xml" class="robot-svg"></object> </div> </div> </section> <section id="about" class="about"> <!-- Circuit pattern and gears will be added by JavaScript --> <div class="container"> <h2 class="section-title">About Kalibotics</h2> <div class="about-content"> <div class="about-text"> <h3>Our Mission</h3> <p>Kalibotics is on a mission to democratize AI robotics in Africa, making advanced technology accessible and practical for everyday applications. We develop intuitive platforms that eliminate the complexity traditionally associated with robotics programming and AI implementation.</p> <h3>The Problem We're Solving</h3> <p>The integration of AI with robotics presents significant challenges:</p> <ul> <li>Complex technical requirements create barriers to entry</li> <li>Different robot configurations make knowledge transfer difficult</li> <li>Bridging the gap between virtual models and physical implementation is challenging</li> <li>Traditional solutions require extensive coding expertise</li> </ul> <h3>Our Approach</h3> <p>We've developed the Kalibotics AIC (AI Control) and KCBox to streamline how robots connect to AI models. Our comprehensive software stack handles motion planning, object detection, and reinforcement learning, allowing robots to learn and perform complex tasks without requiring users to write complex code for every robot.</p> </div> <div class="about-image"> <img src="images/34e59433-2ed3-4670-9c94-d49f3a3720e8_removalai_preview.png" alt="African Robotics Engineers" style="width:100%;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.12);object-fit:cover;" /> </div> </div> </div> </section> <section id="products" class="services"> <!-- Circuit pattern will be added by JavaScript --> <div class="container"> <h2 class="section-title">Our Product Suite</h2> <div class="product-category"> <h3 class="category-title">Robotics Hardware</h3> <div class="services-grid"> <div class="service-card"> <div class="service-icon"> <i class="fas fa-robot"></i> </div> <h3>Kalibotics Robotic Arm</h3> <p>A Teensy-based robotic arm that's easily programmable with Arduino code, perfect for education and industrial applications.</p> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-car"></i> </div> <h3>Line-Following Car (P-101)</h3> <p>An Arduino-based vehicle that autonomously follows line patterns, ideal for introducing students to robotics concepts.</p> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-car-side"></i> </div> <h3>Obstacle Avoidance Car (M-101)</h3> <p>Our Arduino-based car that uses sensors to detect and navigate around obstacles autonomously.</p> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-helicopter"></i> </div> <h3>Autonomous Drone (K-101)</h3> <p>Developed in partnership with AI company Sprylynx, this drone operates independently using sophisticated computer vision.</p> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-car-alt"></i> </div> <h3>AI Mini Self-Driving Car</h3> <p>Using advanced computer vision algorithms, this vehicle can autonomously navigate tracks without human intervention.</p> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-chess"></i> </div> <h3>AI Chessbot</h3> <p>Our demonstration platform that combines robotics and AI to play chess against human opponents, showcasing the potential of accessible AI robotics.</p> </div> </div> </div> </div> </section> <section id="next-gen-projects" class="next-gen-projects redesigned"> <div class="container"> <h2 class="section-title">The Future of African Robotics</h2> <div class="projects-grid"> <div class="project-card large"> <div class="project-icon"><i class="fas fa-brain"></i></div> <div class="project-content"> <h3>Kalibotics AIC</h3> <p>AI Control platform for robotics, enabling seamless integration of AI models for motion planning, object detection, and reinforcement learning. Intuitive and powerful for advanced robotics applications.</p> </div> </div> <div class="project-card large"> <div class="project-icon"><i class="fas fa-server"></i></div> <div class="project-content"> <h3>KCBox</h3> <p>Custom compute unit for offline AI-powered robotics, ideal for remote and challenging environments across Africa.</p> </div> </div> <div class="project-card"> <div class="project-icon"><i class="fas fa-water"></i></div> <div class="project-content"> <h3>Autonomous Underwater Vehicle</h3> <p>Exploratory and rescue missions underwater, expanding robotics to marine environments.</p> </div> </div> <div class="project-card"> <div class="project-icon"><i class="fas fa-shield-alt"></i></div> <div class="project-content"> <h3>Threat Avoidance Drone</h3> <p>Advanced UAV with multi-sensory analysis for obstacle avoidance and mission safety.</p> </div> </div> <div class="project-card"> <div class="project-icon"><i class="fas fa-robot"></i></div> <div class="project-content"> <h3>3D Printed Humanoid</h3> <p>Robots with human-like locomotion and perception for assistance and education.</p> </div> </div> <div class="project-card"> <div class="project-icon"><i class="fas fa-truck-monster"></i></div> <div class="project-content"> <h3>Autonomous Rover</h3> <p>Hazardous environment exploration while keeping operators safe.</p> </div> </div> <div class="project-card"> <div class="project-icon"><i class="fas fa-solar-panel"></i></div> <div class="project-content"> <h3>Solar Powered VTOL</h3> <p>Renewable energy VTOL vehicles for sustainable surveillance operations.</p> </div> </div> <div class="project-card"> <div class="project-icon"><i class="fas fa-trash"></i></div> <div class="project-content"> <h3>Trash Picking Drone</h3> <p>Autonomous waste management for urban environments.</p> </div> </div> </div> </div> </section> <section id="recognition" class="about"> <div class="container"> <h2 class="section-title">Awards & Recognition</h2> <div class="recognition-content"> <div class="recognition-category"> <h3>Accelerator Programs</h3> <ul> <li>VC4A Mentor-Driven Capital Program</li> <li>Forbes Digital Accelerator</li> </ul> </div> <div class="recognition-category"> <h3>Competitions & Hackathons</h3> <ul> <li>National Communications Commission (NCC) IoT Robotics and AI Hackathon</li> </ul> </div> <div class="recognition-category"> <h3>Government Recognition</h3> <ul> <li>March 8th Initiative Award (Friends of VP of Nigeria)</li> </ul> </div> <div class="recognition-category"> <h3>Notable Exhibitions</h3> <ul> <li>AI Chessbot Expo at Ventures Park (October 21, 2021)</li> <li class="attendees">Attended by:</li> <li>Federal Ministry of Communication and Digital Economy</li> <li>Federal Ministry of Education</li> <li>United Nations Industrial Development Organization (UNIDO)</li> <li>Federal Ministry of Science, Technology and Innovation</li> <li>Federal Ministry of Labour and Employment</li> </ul> </div> </div> </div> </section> <section id="blog" class="services"> <div class="container"> <h2 class="section-title">Latest Insights from Kalibotics</h2> <div class="blog-grid"> <div class="blog-card"> <div class="blog-image" style="background-image: url('images/agriculture.jpg');"></div> <div class="blog-content"> <h3>How AI is Transforming African Agriculture</h3> <p>Exploring the revolutionary impact of artificial intelligence on farming practices across the continent...</p> <a href="#" class="read-more">Read More</a> </div> </div> <div class="blog-card"> <div class="blog-image" style="background-image: url('images/manufacturing.jpg');"></div> <div class="blog-content"> <h3>The Future of Manufacturing: Robotics in Nigerian Industry</h3> <p>Examining how robotic automation is reshaping production processes and creating new opportunities...</p> <a href="#" class="read-more">Read More</a> </div> </div> </div> </div> </section> <section class="cta-section"> <div class="container"> <div class="cta-content"> <h2>Join the Robotics Revolution</h2> <p>We are building the future of robotics in Africa — accessible, intelligent, and transformative.</p> <a href="#contact" class="cta-button">Contact Us Today</a> </div> </div> </section> <section id="contact" class="contact"> <div class="container"> <h2 class="section-title">Join the Robotics Revolution</h2> <div class="contact-container"> <div class="contact-info"> <p>We are building the future of robotics in Africa — accessible, intelligent, and transformative. We welcome the opportunity to partner with you in scaling Kalibotics' impact globally.</p> <div class="info-item"> <i class="fas fa-envelope"></i> <p>hello@kalibotics.com</p> </div> <div class="info-item"> <i class="fas fa-phone"></i> <p>+234 904 000 1100</p> </div> <div class="info-item"> <i class="fas fa-globe"></i> <p>kalibotics.com</p> </div> <div class="social-links"> <a href="#" class="social-icon"><i class="fab fa-linkedin"></i></a> <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a> <a href="#" class="social-icon"><i class="fab fa-facebook"></i></a> <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a> </div> </div> <div class="contact-form"> <form id="contactForm"> <div class="form-group"> <input type="text" id="name" name="name" placeholder="Your Name" required> </div> <div class="form-group"> <input type="email" id="email" name="email" placeholder="Your Email" required> </div> <div class="form-group"> <input type="text" id="subject" name="subject" placeholder="Subject"> </div> <div class="form-group"> <textarea id="message" name="message" placeholder="Your Message" required></textarea> </div> <button type="submit" class="submit-btn">Send Message</button> </form> </div> </div> </div> </section> <footer> <div class="container"> <div class="footer-content"> <div class="footer-logo"> <img src="images/Logo.png" alt="Kalibotics Logo" class="footer-logo-img"> <p>Democratizing AI Robotics in Africa</p> </div> <div class="footer-links"> <h3>Quick Links</h3> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#products">Products</a></li> <li><a href="#next-gen-projects">Next-Gen Projects</a></li> <li><a href="#recognition">Recognition</a></li> <li><a href="#blog">Blog</a></li> </ul> </div> <div class="footer-newsletter"> <h3>Stay Updated</h3> <p>Subscribe to our newsletter for the latest in robotics innovation</p> <form class="newsletter-form"> <input type="email" placeholder="Your Email"> <button type="submit">Subscribe</button> </form> </div> </div> <div class="footer-bottom"> <p>© 2024 Kalibotics. All Rights Reserved.</p> </div> </div> </footer> <link rel="stylesheet" href="contact-form.css"> <script src="script.js"></script> <script src="animations.js"></script> <script src="benchmark-elements.js"></script> </body> </html>