bender/5786dc97-d884-49e3-a9fa-7c22845c843d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-21 06:24:53 +00:00
Conversation 0 Commits 1 Files Changed 1 +27 -186
1 changed files with 27 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/app/page.tsx
View File

@@ -32,59 +32,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Dashboard",
id: "hero",
},
{
name: "Control",
id: "control",
},
{
name: "Status",
id: "status",
},
{
name: "Support",
id: "faq",
},
{ name: "Dashboard", id: "hero" },
{ name: "Control", id: "control" },
{ name: "Status", id: "status" },
{ name: "Support", id: "faq" },
]}
brandName="TurtleBotOS"
button={{
text: "Connect ROS2",
}}
button={{ text: "Connect ROS2" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="Command The Future of Robotics"
description="TurtleBotOS provides a cutting-edge interface to monitor, control, and analyze your TurtleBot3 fleet in real-time via ROS2."
tag="ROS2 ENABLED CONTROL SYSTEM"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513310.jpg",
imageAlt: "Futuristic robotics command center UI",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scientist-man-looking-camera-sitting-modern-equipped-laboratory-scientist-doctor-examining-virus-evolution-using-high-tech-typing-computer-chemistry-tools-scientific-research_482257-12807.jpg",
imageAlt: "Neon blue robotics data visualization",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management-illustration_23-2148609718.jpg",
imageAlt: "Smart home management interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/notepad-with-green-screen-working-labooratory-with-mock-up-monitor-chroma-key-display-while-professional-engineer-testing-virus-evolution-background-high-tech-development-lab_482257-13921.jpg",
imageAlt: "Professional engineering lab dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/display-tablet-with-green-screen-mock-up-template-placed-desk-scientific-laboratory-while-woman-medical-research-scientist-analysing-virus-evolution-digital-monitor-conducting-experiment_482257-13920.jpg",
imageAlt: "Robotic research analytics monitor",
},
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513310.jpg", imageAlt: "Futuristic robotics command center UI" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-scientist-man-looking-camera-sitting-modern-equipped-laboratory-scientist-doctor-examining-virus-evolution-using-high-tech-typing-computer-chemistry-tools-scientific-research_482257-12807.jpg", imageAlt: "Neon blue robotics data visualization" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -99,23 +65,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Spatial LiDAR Mapping",
description: "High-fidelity mapping with real-time scan visualization.",
imageSrc: "http://img.b2bpic.net/free-vector/map-location-pin-blue_78370-7927.jpg",
imageAlt: "LiDAR mapping sensor data",
},
title: "Spatial LiDAR Mapping", description: "High-fidelity mapping with real-time scan visualization.", imageSrc: "http://img.b2bpic.net/free-vector/map-location-pin-blue_78370-7927.jpg", imageAlt: "LiDAR mapping sensor data"},
{
title: "Voice Recognition",
description: "Command your robot effortlessly with intuitive natural language.",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg",
imageAlt: "Voice command holographic wave",
},
title: "Voice Recognition", description: "Command your robot effortlessly with intuitive natural language.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg", imageAlt: "Voice command holographic wave"},
{
title: "Autonomous Tracking",
description: "Intelligent tracking algorithms built for human-robot interaction.",
imageSrc: "http://img.b2bpic.net/free-photo/interactive-transparent-window-screen-smart-car_53876-105390.jpg",
imageAlt: "Robot autonomous pathfinding path",
},
title: "Autonomous Tracking", description: "Intelligent tracking algorithms built for human-robot interaction.", imageSrc: "http://img.b2bpic.net/free-photo/interactive-transparent-window-screen-smart-car_53876-105390.jpg", imageAlt: "Robot autonomous pathfinding path"},
]}
title="Advanced AI Features"
description="Built-in modules for SLAM, human tracking, and low-latency websocket connectivity."
@@ -129,31 +83,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
description: "Uptime",
},
{
id: "m2",
value: "15ms",
description: "Latency",
},
{
id: "m3",
value: "82%",
description: "Battery Health",
},
{
id: "m4",
value: "4.2GHz",
description: "Compute Load",
},
{
id: "m5",
value: "120 FPS",
description: "Vision Stream",
},
{ id: "m1", value: "99.9%", description: "Uptime" },
{ id: "m2", value: "15ms", description: "Latency" },
{ id: "m3", value: "82%", description: "Battery Health" },
{ id: "m4", value: "4.2GHz", description: "Compute Load" },
{ id: "m5", value: "120 FPS", description: "Vision Stream" },
]}
title="System Telemetry"
description="Real-time performance metrics for your robotic cluster."
@@ -167,42 +101,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "ctrl-1",
name: "Movement Control",
price: "Active",
imageSrc: "http://img.b2bpic.net/free-vector/flat-abstract-wireframe-background_23-2149008532.jpg",
},
{
id: "ctrl-2",
name: "Human Tracking",
price: "Toggle",
imageSrc: "http://img.b2bpic.net/free-vector/neon-lights-podcast-logo-collection_23-2148788314.jpg",
},
{
id: "ctrl-3",
name: "Emergency Stop",
price: "Critical",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg",
},
{
id: "ctrl-4",
name: "Camera Stream",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-29969.jpg",
},
{
id: "ctrl-5",
name: "SLAM Viewer",
price: "Visual",
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170086.jpg",
},
{
id: "ctrl-6",
name: "Log Terminal",
price: "Synced",
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869044.jpg",
},
{ id: "ctrl-1", name: "Movement Control", price: "Active", imageSrc: "http://img.b2bpic.net/free-vector/flat-abstract-wireframe-background_23-2149008532.jpg" },
{ id: "ctrl-2", name: "Human Tracking", price: "Toggle", imageSrc: "http://img.b2bpic.net/free-vector/neon-lights-podcast-logo-collection_23-2148788314.jpg" },
{ id: "ctrl-3", name: "Emergency Stop", price: "Critical", imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg" },
]}
title="Control Console"
description="Direct interaction modules for movement and state management."
@@ -215,7 +116,7 @@ export default function LandingPage() {
title="Hardware Status"
description="Constant monitoring of internal systems."
subdescription="ROS2 node health, sensor integrity, and motor driver status verified."
imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
icon={Box}
mediaAnimation="slide-up"
/>
@@ -225,15 +126,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"ROS Foundation",
"TurtleBot Team",
"OAK-D AI",
"OpenCV Lab",
"NVIDIA Jetson",
"SLAMware Corp",
"Websockets.io",
]}
names={["ROS Foundation", "TurtleBot Team", "OAK-D AI", "OpenCV Lab", "NVIDIA Jetson", "SLAMware Corp", "Websockets.io"]}
title="Infrastructure Partners"
description="We build on top of industry-leading open source and proprietary robotics tech."
/>
@@ -245,41 +138,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
role: "Head Engineer",
testimonial: "Seamless integration with ROS2. My workflow is faster than ever.",
imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-touching-robot_1268-23720.jpg",
},
{
id: "t2",
name: "Maya S.",
role: "Researcher",
testimonial: "The LiDAR mapping is smooth and real-time visualization is perfect.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-glasses-desk_23-2147637564.jpg",
},
{
id: "t3",
name: "Sam K.",
role: "Scientist",
testimonial: "Voice recognition actually works! It changed how we conduct experiments.",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
},
{
id: "t4",
name: "Jordan P.",
role: "Technician",
testimonial: "The dashboard UI looks amazing, like something out of a movie.",
imageSrc: "http://img.b2bpic.net/free-photo/airport-security-officer-standing-airport-terminal_107420-95843.jpg",
},
{
id: "t5",
name: "Elena D.",
role: "Lab Lead",
testimonial: "Reliable connection and excellent telemetry tools for our cluster.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-working-medical-research_23-2149345487.jpg",
},
{ id: "t1", name: "Alex R.", role: "Head Engineer", testimonial: "Seamless integration with ROS2. My workflow is faster than ever.", imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-touching-robot_1268-23720.jpg" },
{ id: "t2", name: "Maya S.", role: "Researcher", testimonial: "The LiDAR mapping is smooth and real-time visualization is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-glasses-desk_23-2147637564.jpg" },
]}
title="Lab Operator Reviews"
description="What our robotics engineers say about TurtleBotOS."
@@ -291,21 +151,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How to connect rosbridge?",
content: "Ensure roslibjs is initialized and point to ws://localhost:9090.",
},
{
id: "f2",
title: "Latency issues?",
content: "Check your local WebSocket server configuration and network speed.",
},
{
id: "f3",
title: "Can I use external camera?",
content: "Yes, configure the video stream source in the settings panel.",
},
{ id: "f1", title: "How to connect rosbridge?", content: "Ensure roslibjs is initialized and point to ws://localhost:9090." },
{ id: "f2", title: "Latency issues?", content: "Check your local WebSocket server configuration and network speed." },
]}
title="System Support"
description="Answers to common setup and operational questions."
@@ -316,14 +163,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="TurtleBotOS"
leftLink={{
text: "Docs",
href: "#",
}}
rightLink={{
text: "Status",
href: "#",
}}
leftLink={{ text: "Docs", href: "#" }}
rightLink={{ text: "Status", href: "#" }}
/>
</div>
</ReactLenis>