Improve landing page and add a git ignore.

.gitignore

@@ -0,0 +1,76 @@
+# Dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# Testing
+/coverage
+
+# Production
+/build
+/dist
+
+# Misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.env*.local
+
+# Debug logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# IDE
+.idea/
+.vscode/
+*.swp
+*.swo
+
+# TypeScript
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+env/
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+
+# Virtual Environment
+venv/
+ENV/ 

src/components/landing/ActionList.tsx

@@ -1,9 +1,13 @@
-
-import React from 'react';
+import React from "react";
 import { Button } from "@/components/ui/button";
 import { ArrowRight, AlertTriangle } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { Action } from './types';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Action } from "./types";
 
 interface ActionListProps {
   actions: Action[];
@@ -24,7 +28,8 @@ const ActionList: React.FC<ActionListProps> = ({ actions, robotModel }) => {
         )}
         {isLeKiwi && (
           <p className="text-center text-yellow-500 mb-4">
-            LeKiwi model is not yet supported. Please select another model to continue.
+            LeKiwi model is not yet supported. Please select another model to
+            continue.
           </p>
         )}
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -49,11 +54,13 @@ const ActionList: React.FC<ActionListProps> = ({ actions, robotModel }) => {
                             <p>Work in progress</p>
                           </TooltipContent>
                         </Tooltip>
-                        <span className="text-yellow-500 text-xs font-medium">Work in Progress</span>
+                        <span className="text-yellow-500 text-xs font-medium">
+                          Work in Progress
+                        </span>
                       </div>
                     )}
                   </div>
-                  <p className="text-gray-400 text-sm">
+                  <p className="text-gray-400 text-sm text-left">
                     {action.description}
                   </p>
                 </div>

src/pages/Landing.tsx

@@ -291,11 +291,18 @@ const Landing = () => {
       handler: handleTeleoperationClick,
       color: "bg-yellow-500 hover:bg-yellow-600",
     },
+    {
+      title: "Record Dataset",
+      description: "Record episodes for training data.",
+      handler: handleRecordingClick,
+      color: "bg-red-500 hover:bg-red-600",
+    },
     {
       title: "Direct Follower Control",
-      description: "Train a model on your datasets.",
+      description: "Control robot arm with mouse movements.",
       handler: handleDirectFollowerClick,
       color: "bg-blue-500 hover:bg-blue-600",
+      isWorkInProgress: true,
     },
     {
       title: "Calibration",
@@ -304,12 +311,6 @@ const Landing = () => {
       color: "bg-indigo-500 hover:bg-indigo-600",
       isWorkInProgress: true,
     },
-    {
-      title: "Record Dataset",
-      description: "Record episodes for training data.",
-      handler: handleRecordingClick,
-      color: "bg-red-500 hover:bg-red-600",
-    },
     {
       title: "Training",
       description: "Train a model on your datasets.",