update

src/pages/GettingStarted.jsx

@@ -27,9 +27,10 @@ import Layout from '../components/Layout';
 import PageHero from '../components/PageHero';
 
 // YouTube Video with styled overlay
-function YouTubeEmbed({ videoId, title }) {
+function YouTubeEmbed({ videoId, title, version = 'wireless' }) {
   const [isPlaying, setIsPlaying] = useState(false);
-  const thumbnailUrl = '/assets/assembly-screenshot.png';
+  const thumbnailUrlLite = '/assets/miniature_lite.png';
+  const thumbnailUrlWireless = '/assets/miniature_wireless.png';
 
   if (isPlaying) {
     return (
@@ -74,7 +75,7 @@ function YouTubeEmbed({ videoId, title }) {
       {/* Thumbnail */}
       <Box
         component="img"
-        src={thumbnailUrl}
+        src={version === 'lite' ? thumbnailUrlLite : thumbnailUrlWireless}
         alt={title}
         sx={{
           width: '100%',
@@ -141,7 +142,7 @@ function YouTubeEmbed({ videoId, title }) {
 }
 
 export default function GettingStarted() {
-  const [version, setVersion] = useState('lite'); // 'lite' or 'wireless'
+  const [version, setVersion] = useState('wireless'); // 'lite' or 'wireless'
 
   return (
     <Layout transparentHeader>
@@ -261,12 +262,12 @@ export default function GettingStarted() {
                   borderRadius: 3,
                   overflow: 'hidden',
                   backgroundColor: '#000',
-                  maxWidth: 800,
+                  maxWidth: 1000,
                   mx: 'auto',
                   boxShadow: '0 8px 40px rgba(0, 0, 0, 0.2)',
                 }}
               >
-                <YouTubeEmbed videoId="PC5Yx950nMY" title="Reachy Mini Lite Assembly" />
+                <YouTubeEmbed videoId="PC5Yx950nMY" title="Reachy Mini Lite Assembly" version="lite" />
               </Box>
 
               <Button
@@ -404,12 +405,12 @@ export default function GettingStarted() {
                   borderRadius: 3,
                   overflow: 'hidden',
                   backgroundColor: '#000',
-                  maxWidth: 800,
+                  maxWidth: 1000,
                   mx: 'auto',
                   boxShadow: '0 8px 40px rgba(0, 0, 0, 0.2)',
                 }}
               >
-                <YouTubeEmbed videoId="WeKKdnuXca4" title="Reachy Mini Assembly" />
+                <YouTubeEmbed videoId="WeKKdnuXca4" title="Reachy Mini Assembly" version="wireless" />
               </Box>
 
               <Button

src/pages/Home.jsx

@@ -293,7 +293,7 @@ function StatsSection() {
               sx={{
                 position: 'absolute',
                 top: -50,
-                right: -30,
+                right: 20,
                 height: 350,
                 opacity: 1,
                 pointerEvents: 'none',