scenic-robotics

byAryan Rathore

Create a highly advanced, futuristic, robotics-style website for a product called “ASTRA SCOUT X”. This is a smart farming rover with live camera, sensors, and remote control system. The website must look like a premium robotics startup (similar to Tesla, DJI, Boston Dynamics, Apple product pages). --- 🎨 DESIGN STYLE: - Dark futuristic theme (#050505 background) - Neon glow accents (electric green #00FF9C, cyan blue #00CFFF) - Glassmorphism UI (blurred panels, glowing borders) - Smooth animations and micro-interactions - Use modern fonts: Orbitron (for titles) + Roboto (for text) - Soft glowing shadows and hover effects - Fully responsive (mobile + desktop) --- 🚀 HERO SECTION (VERY IMPORTANT) - Huge glowing title: “ASTRA SCOUT X” - Subtitle: “Smart Farming Rover for Real-Time Monitoring” - Animated robot image floating with glow effect - Add parallax effect (image moves slightly with mouse) - Two buttons: - “View Live Dashboard” - “Explore Features” --- 🤖 PRODUCT SHOWCASE (3D STYLE) - Show robot images in rotating or sliding gallery - Add hover zoom + glow - Sections: - Front View - Side View - Action View --- 🎮 CONTROLLER SECTION - Show controller images with labels: - Joystick control - OLED display - Real-time feedback - Add animated lines pointing to components --- ⚙️ FEATURES SECTION (MODERN GRID) Cards with glow + hover animation: - Live Camera (Pan + Tilt) - Temperature & Humidity (DHT11) - Air Quality Detection (MQ135) - Metal Detection (M-18) - Solar Panel Adjustment - ESP-NOW Wireless Control Each card should animate on hover. --- 🧠 HOW IT WORKS (INTERACTIVE) - Step-by-step flow with animation: 1. Rover moves 2. Sensors collect data 3. Data sent to dashboard Use animated arrows or timeline UI --- 📊 LIVE DASHBOARD (REALISTIC UI) - Create a futuristic dashboard panel: Temperature: 30°C Humidity: 65% Air Quality: Moderate Metal Detection: Not Detected - Add animated progress bars or gauges - Add placeholder for live camera feed (ESP32-CAM stream) --- 💰 PRICING SECTION - Show modern pricing card: Cost: ₹4000 Selling Price: ₹7500 Profit clearly highlighted - Add glowing border and hover effect --- 🌍 MARKET / IMPACT SECTION - Show statistics: - 14+ crore farmers in India - Rising smart farming demand - Use infographic style with icons --- 🔮 FUTURE SECTION - AI crop detection - Autonomous navigation - GPS tracking - 4G/5G connectivity Make it look futuristic (glowing icons) --- 📞 CONTACT SECTION - Email: aryanrathore272009@gmail.com - Phone: 8810323513 - Add glowing contact card UI --- ✨ ADVANCED FEATURES (VERY IMPORTANT) - Smooth scrolling animations - Scroll-triggered fade and slide effects - Hover glow effects on all cards - Floating particles background (subtle) - Animated gradient lines - Button hover animations (neon glow) --- ⚡ EXTRA (MAKE IT PREMIUM) - Add loader animation when page opens - Add subtle sound-like UI feel (visual pulses) - Add section transitions --- IMPORTANT: The website must feel like a high-end robotics product—not a basic school project. It should impress investors, judges, and users immediately.