Homepage improvemetns

Author: wakeless

website/src/components/HomepageFeatures/index.tsx

@@ -12,7 +12,7 @@ type FeatureItem = {
 const FeatureList: FeatureItem[] = [
   {
     title: 'The Problem',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    Svg: require('@site/static/img/radar-problem.svg').default,
     description: (
       <>
         Claude Code windows get buried in tabs, suspended with Ctrl+Z, or hidden in background terminals.
@@ -22,7 +22,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'The Solution',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    Svg: require('@site/static/img/radar-solution.svg').default,
     description: (
       <>
         A live dashboard showing every Claude session with context: which project, which terminal,
@@ -32,7 +32,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'How It Works',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    Svg: require('@site/static/img/radar-how-it-works.svg').default,
     description: (
       <>
         Uses Claude's plugin hooks to capture sessions as they start/end and track their activity.

website/src/pages/index.tsx

@@ -21,18 +21,22 @@ function HomepageHeader() {
         <p className="hero__subtitle">
           So I built a dashboard to track them all
         </p>
-        <div style={{marginTop: '2rem', maxWidth: '900px', margin: '2rem auto'}}>
-          <div style={{marginBottom: '2rem'}}>
+        <div style={{marginTop: '2rem', maxWidth: '1200px', margin: '2rem auto'}}>
+          <div style={{marginBottom: '2rem', position: 'relative'}}>
             <video
+              controls
               autoPlay
               loop
               muted
               playsInline
+              controlsList="nodownload"
               style={{
                 width: '100%',
-                maxWidth: '800px',
+                maxWidth: '1100px',
                 borderRadius: '8px',
-                boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)'
+                boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+                display: 'block',
+                margin: '0 auto'
               }}
             >
               <source src={videoUrl} type="video/mp4" />