Update index.html

index.html

@@ -13,7 +13,7 @@
     <section class="guide-section">
         <div class="container">
             <div class="guide-header">
-                <img src="reachy-mini-icon-happy.png" alt="Reachy Mini Robot" class="robot-icon">
+                <img src="assets/reachy-mini-icon-happy.png" alt="Reachy Mini Robot" class="robot-icon">
                 <h1>Reachy Mini Template</h1>
                 <p class="guide-description">
                     Duplicate and customize this template to quickly set up a Space for your Reachy Mini project.
@@ -35,7 +35,7 @@
                         <!-- Step 1 -->
                         <div class="carousel-item active">
                             <div class="step-content">
-                                <img src="step1.png" alt="Step 1: Duplicate this space" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step1.png" alt="Step 1: Duplicate this space" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 1: Duplicate this space</h3>
                                     <p>Click on the three dots menu and select "Duplicate this Space" to create your own copy.</p>
@@ -46,7 +46,7 @@
                         <!-- Step 2 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step2.png" alt="Step 2: Change the name" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step2.png" alt="Step 2: Change the name" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 2: Change the name of the space</h3>
                                     <p><strong>NOTE:</strong> Put visibility on 'Private' as long as your space is not ready for new users.</p>
@@ -57,7 +57,7 @@
                         <!-- Step 3 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step3.png" alt="Step 3: Go to Files" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step3.png" alt="Step 3: Go to Files" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 3: Go to "Files"</h3>
                                     <p>Navigate to the Files tab to access your Space's code and configuration files.</p>
@@ -68,7 +68,7 @@
                         <!-- Step 4 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step4.png" alt="Step 4: Edit README.md" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step4.png" alt="Step 4: Edit README.md" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 4: Click on README.md section, then on the 'Edit' button</h3>
                                     <p>The README.md contains your Space's metadata and configuration.</p>
@@ -79,7 +79,7 @@
                         <!-- Step 5 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step5.png" alt="Step 5: Update metadata" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step5.png" alt="Step 5: Update metadata" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 5: Update your Space's metadata</h3>
                                     <p>This will update your Space's thumbnail across all Hugging Face Spaces. 
@@ -91,7 +91,7 @@
                         <!-- Step 6 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step6.png" alt="Step 6: Update HTML and CSS" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step6.png" alt="Step 6: Update HTML and CSS" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 6: Update index.html and style.css</h3>
                                     <p>Create a nice landing page for your Space. This is the storefront of your space. 
@@ -105,7 +105,7 @@
                         <!-- Step 7 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step7.png" alt="Step 7: Update Repository URL" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step7.png" alt="Step 7: Update Repository URL" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 7: Update Repository URL</h3>
                                     <p>Change the JavaScript to point to your space's Git repository so users can install your app.</p>
@@ -116,7 +116,7 @@
                         <!-- Step 8 -->
                         <div class="carousel-item">
                             <div class="step-content">
-                                <img src="step8.png" alt="Step 8: Make your space public" class="step-image">
+                                <img src="assets/how-to-create-hf-space-for-reachy-mini-step8.png" alt="Step 8: Make your space public" class="step-image">
                                 <div class="step-text">
                                     <h3>STEP 8: Put your space on PUBLIC</h3>
                                     <p>Once everything is ready and tested, change your Space visibility to Public so everyone can use it!</p>
@@ -161,7 +161,7 @@
         <div class="container">
             <!-- Hero Section -->
             <div class="hero">
-                <img src="reachy-mini-icon-happy.png" alt="Reachy Mini Robot" class="hero-robot-icon">
+                <img src="assets/reachy-mini-icon-happy.png" alt="Reachy Mini Robot" class="hero-robot-icon">
                 <h1 class="hero-title">Your Space Title Here</h1>
                 
                 <!-- Placeholder for user's demo image/GIF -->