Proposition update landing

index.html

@@ -134,67 +134,38 @@
                     If you own a beta, your assembly guide is <a href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_BETA_Assembly_Guide" target="_blank">here</a>
                 </p>
             </div>
-
-            <!-- 2. PLAY Section -->
+          
+            <!-- 2. CREATE Section -->
             <div class="subsection">
                 <div class="image-title-wrapper">
-                    <img src="assets/Play.png" alt="Play" class="section-image section-image-lg">
+                    <img src="assets/Create.png" alt="Create" class="section-image section-image-lg">
                 </div>
 
-                <div class="grid-2">
-                    <!-- Interactive Dashboard -->
-                    <div class="card card-flex">
-                        <h4 class="card-title">Interactive Dashboard</h4>
-                        <div class="gif-wrapper">
-                            <img src="assets/reachy-mini-demo-dashboard.gif" alt="Reachy Mini Dashboard Demo">
-                        </div>
-                        <p class="card-text">
-                            Start playing with Reachy Mini using our visual dashboard - no coding required.
-                        </p>
-                        <a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/releases/latest" target="_blank" class="btn btn-outline btn-full mt-auto">
-                            Download dashboard
-                            <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
-                            </svg>
-                        </a>
-                    </div>
-
-                    <!-- Explore Applications -->
+                <div class="grid-3">
+                    <!-- SDK -->
                     <div class="card card-flex">
-                        <h4 class="card-title">Explore Applications</h4>
-                        <div class="gif-wrapper">
-                            <img src="assets/reachy-mini-hand-tracking.gif" alt="Reachy Mini Hand Tracking">
-                        </div>
+                        <h4 class="card-title">SDK & APIs</h4>
                         <p class="card-text">
-                            Explore the applications already developed for Reachy Mini and install them in one click via the dashboard.
+                            The python SDK and API & Daemon let you experiment and create your own applications, in just a few lines of code!
                         </p>
-                        <a href="https://huggingface.co/spaces?q=reachy+mini" 
+                        <a href="https://github.com/pollen-robotics/reachy_mini" 
                            target="_blank" 
-                           class="btn btn-outline btn-full mt-auto">
-                            Explore Applications
+                           class="link-tertiary link-centered">
+                            Develop native apps
                             <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                             </svg>
                         </a>
                     </div>
-                </div>
-            </div>
-
-            <!-- 3. CREATE Section -->
-            <div class="subsection">
-                <div class="image-title-wrapper">
-                    <img src="assets/Create.png" alt="Create" class="section-image section-image-lg">
-                </div>
-
-                <div class="grid-3">
-                    <!-- No Code -->
+                  
+                  <!-- No Code -->
                     <div class="card card-flex">
                         <h4 class="card-title">No Code</h4>
                         <div class="dashboard-image-wrapper">
                             <img src="dashboard-discover-apps.png" alt="Reachy Mini Dashboard">
                         </div>
                         <p class="card-text">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
+                            Custom beta TurboWarp/Scratch 3.0 extension for controlling Reachy Mini.
                         </p>
                         <a href="https://github.com/iizukak/reachy_mini_turbowarp" 
                            target="_blank" 
@@ -206,29 +177,15 @@
                         </a>
                     </div>
 
-                    <!-- SDK -->
-                    <div class="card card-flex">
-                        <h4 class="card-title">SDK</h4>
-                        <p class="card-text">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
-                        </p>
-                        <a href="https://github.com/pollen-robotics/reachy_mini" 
-                           target="_blank" 
-                           class="link-tertiary link-centered">
-                            Develop native apps
-                            <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
-                            </svg>
-                        </a>
-                    </div>
+                  
 
-                    <!-- Web API -->
+                    <!-- Share with the community -->
                     <div class="card card-flex">
                         <h4 class="card-title">Web API</h4>
                         <p class="card-text">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
+                            Build, package, and publish an app that the entire Reachy Mini community can install in one click
                         </p>
-                        <a href="https://huggingface.co/spaces/pollen-robotics/reachy_mini_template_app" 
+                        <a href="https://huggingface.co/blog/pollen-robotics/make-and-publish-your-reachy-mini-apps" 
                            target="_blank" 
                            class="link-tertiary link-centered">
                             Duplicate Template
@@ -239,43 +196,44 @@
                     </div>
                 </div>
             </div>
-
-            <!-- 4. SHARE Section -->
+          
+            <!-- 3. PLAY Section -->
             <div class="subsection">
                 <div class="image-title-wrapper">
-                    <img src="assets/Share.png" alt="Share" class="section-image section-image-lg">
+                    <img src="assets/Play.png" alt="Play" class="section-image section-image-lg">
                 </div>
 
                 <div class="grid-2">
-                    <!-- Share your app -->
+                    <!-- Interactive Dashboard -->
                     <div class="card card-flex">
-                        <h4 class="card-title">Share your app with the community</h4>
+                        <h4 class="card-title">Interactive Dashboard</h4>
                         <div class="gif-wrapper">
                             <img src="assets/reachy-mini-demo-dashboard.gif" alt="Reachy Mini Dashboard Demo">
                         </div>
                         <p class="card-text">
-                            Each app can be shared on Hugging Face by making it public. Each space can receive likes and may appear in our Top Apps.
+                            Start playing with Reachy Mini using our visual dashboard - no coding required.
                         </p>
-                        <a href="https://huggingface.co/spaces?q=reachy+mini" 
-                           target="_blank" 
-                           class="btn btn-outline btn-full mt-auto">
-                            Browse Spaces
+                        <a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/releases/latest" target="_blank" class="btn btn-outline btn-full mt-auto">
+                            Download dashboard
                             <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                             </svg>
                         </a>
                     </div>
 
-                    <!-- Co-create -->
+                    <!-- Explore Applications -->
                     <div class="card card-flex">
-                        <h4 class="card-title">Co-create with Reachy Mini Lovers</h4>
+                        <h4 class="card-title">Explore Applications</h4>
+                        <div class="gif-wrapper">
+                            <img src="assets/reachy-mini-hand-tracking.gif" alt="Reachy Mini Hand Tracking">
+                        </div>
                         <p class="card-text">
-                            Lorem ipsum
+                            Explore the applications already developed for Reachy Mini and install them in one click via the dashboard.
                         </p>
-                        <a href="https://huggingface.co/spaces/pollen-robotics/reachy_mini_app_example" 
+                        <a href="https://huggingface.co/spaces?q=reachy+mini" 
                            target="_blank" 
                            class="btn btn-outline btn-full mt-auto">
-                            Duplicate template
+                            Explore Applications
                             <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                             </svg>