Marketing changes (#448)

* Marketing changes: Home page (ordering of robots + thumbnail changes), Husky A300 User Manual (Added Unboxing Video Guide)

* Updated Husky AMP Image

* Updated home page thumbnails: Husky AMP (Adjusted sizing), Dingo, and Jackal. + Adjusted home page header margin for better spacing

* Resized A300 and AMP home thumbnails + adjusted Warthog thumbnail

* Centered Husky A300 Unboxing Video Guide

---------

Co-authored-by: Lyna Tran <ltran@CPR02283M.local>
Co-authored-by: Lyna Tran <ltran@Mac.clearpath.ai>

Author: 3 people

docs_robots/outdoor_robots/husky/a300/user_manual_husky.mdx

@@ -1312,6 +1312,22 @@ $W$ is the effective track of the robot, 0.562 m.
 
 ## Unboxing
 
+<iframe
+  src="https://www.youtube.com/embed/S7tZKQamS0U?si=Nr17hx37GPaNPHcw"
+  title="YouTube video player"
+  style={{
+    display: 'block',
+    margin: '0 auto',
+    width: '100%',
+    maxWidth: '560px',
+    aspectRatio: '16 / 9',
+  }}
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+  referrerPolicy="strict-origin-when-cross-origin"
+  allowFullScreen
+/>
+
 <ComponentUnboxingTheHuskyA300 />
 
 ---

src/css/custom.css

@@ -80,6 +80,7 @@ safety-icon {
 .homepage-robot-header {
   font-size: 1.2em;
   font-weight: bold;
+  margin: 0px 0px 5px;
 }
 
 .table-container-for-centering {

src/data/features.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import Translate, { translate } from "@docusaurus/Translate";
-
 export type FeatureItem = {
   title: string;
   image: {
@@ -10,20 +9,19 @@ export type FeatureItem = {
   };
   text: JSX.Element;
 };
-
 const FEATURES: FeatureItem[] = [
   {
     title: translate({
-      message: "JACKAL",
-      id: "homepage_jackal",
+      message: "WARTHOG",
+      id: "homepage_warthog",
     }),
     image: {
-      src: "/img/website_images/jackal_thumbnail.png",
+      src: "/img/website_images/warthog_thumbnail.png",
       width: 250,
       height: 150,
-      hyperlink: "/docs_robots/outdoor_robots/jackal/user_manual_jackal",
+      hyperlink: "/docs_robots/outdoor_robots/warthog/user_manual_warthog",
     },
-    text: <Translate id="homepage_jackal">Small Outdoor Platform</Translate>,
+    text: <Translate id="homepage_warthog">Large Outdoor Platform</Translate>,
   },
   {
     title: translate({
@@ -40,82 +38,81 @@ const FEATURES: FeatureItem[] = [
   },
   {
     title: translate({
-      message: "HUSKY A200 OBSERVER",
-      id: "homepage_husky_a200_observer",
+      message: "HUSKY A300 AMP",
+      id: "homepage_husky_a300_amp",
     }),
     image: {
-      src: "/img/website_images/husky_a200_observer_thumbnail.png",
-      width: 114,
+      src: "/img/website_images/husky_a300_amp_thumbnail.png",
+      width: 140,
       height: 150,
-      hyperlink: "/docs_robots/legacy/ros1_robots/solutions/husky_a200_observer/user_manual_husky_a200_observer",
+      hyperlink: "/docs_robots/solutions/husky_a300_amp/",
     },
-    text: <Translate id="homepage_husky_a200_observer">Medium Outdoor Solution</Translate>,
+    text: <Translate id="homepage_husky_a300_amp">Medium Outdoor Solution</Translate>,
   },
   {
     title: translate({
-      message: "WARTHOG",
-      id: "homepage_warthog",
+      message: "JACKAL",
+      id: "homepage_jackal",
     }),
     image: {
-      src: "/img/website_images/warthog_thumbnail.png",
+      src: "/img/website_images/jackal_thumbnail.png",
       width: 250,
       height: 150,
-      hyperlink: "/docs_robots/outdoor_robots/warthog/user_manual_warthog",
+      hyperlink: "/docs_robots/outdoor_robots/jackal/user_manual_jackal",
     },
-    text: <Translate id="homepage_warthog">Large Outdoor Platform</Translate>,
+    text: <Translate id="homepage_jackal">Small Outdoor Platform</Translate>,
   },
   {
     title: translate({
-      message: "TURTLEBOT 4",
-      id: "homepage_turtlebot",
+      message: "RIDGEBACK",
+      id: "homepage_ridgeback",
     }),
     image: {
-      src: "/img/website_images/turtlebot_thumbnail.png",
+      src: "/img/website_images/ridgeback_thumbnail.png",
       width: 250,
       height: 150,
-      hyperlink: "/docs_robots/learning_platforms/turtlebot4",
+      hyperlink: "/docs_robots/indoor_robots/ridgeback/user_manual_ridgeback",
     },
-    text: <Translate id="homepage_turtlebot">Classroom Indoor Differential Platform</Translate>,
+    text: <Translate id="homepage_ridgeback">Large Indoor Omnidirectional Platform</Translate>,
   },
   {
     title: translate({
-      message: "DINGO",
-      id: "homepage_dingo",
+      message: "BOXER",
+      id: "homepage_boxer",
     }),
     image: {
-      src: "/img/website_images/dingo_thumbnail.png",
+      src: "/img/website_images/boxer_thumbnail.png",
       width: 250,
       height: 150,
-      hyperlink: "/docs_robots/indoor_robots/dingo/user_manual_dingo",
+      hyperlink: "/docs_robots/indoor_robots/boxer/user_manual_boxer",
     },
-    text: <Translate id="homepage_dingo">Small Indoor Platform, Differential And Omnidirectional Configurations</Translate>,
+    text: <Translate id="homepage_boxer">Medium Indoor Differential Platform</Translate>,
   },
   {
     title: translate({
-      message: "BOXER",
-      id: "homepage_boxer",
+      message: "DINGO",
+      id: "homepage_dingo",
     }),
     image: {
-      src: "/img/website_images/boxer_thumbnail.png",
+      src: "/img/website_images/dingo_thumbnail.png",
       width: 250,
       height: 150,
-      hyperlink: "/docs_robots/indoor_robots/boxer/user_manual_boxer",
+      hyperlink: "/docs_robots/indoor_robots/dingo/user_manual_dingo",
     },
-    text: <Translate id="homepage_boxer">Medium Indoor Differential Platform</Translate>,
+    text: <Translate id="homepage_dingo">Small Indoor Platform, Differential And Omnidirectional Configurations</Translate>,
   },
   {
     title: translate({
-      message: "RIDGEBACK",
-      id: "homepage_ridgeback",
+      message: "TURTLEBOT 4",
+      id: "homepage_turtlebot",
     }),
     image: {
-      src: "/img/website_images/ridgeback_thumbnail.png",
+      src: "/img/website_images/turtlebot_thumbnail.png",
       width: 250,
       height: 150,
-      hyperlink: "/docs_robots/indoor_robots/ridgeback/user_manual_ridgeback",
+      hyperlink: "/docs_robots/learning_platforms/turtlebot4",
     },
-    text: <Translate id="homepage_ridgeback">Large Indoor Omnidirectional Platform</Translate>,
+    text: <Translate id="homepage_turtlebot">Classroom Indoor Differential Platform</Translate>,
   },
 ];
-
-export default FEATURES;
+export default FEATURES;