@atlashub/smartstack-cli 2.6.2 → 2.7.0

package/.documentation/cli-commands.html

@@ -68,7 +68,7 @@
                     </a>
                     <a href="init.html" class="nav-item">
                         <span class="icon">&#128640;</span>
-                        <span class="nav-text">Project Init</span>
+                        <span class="nav-text">Projet Client</span>
                     </a>
                 </div>
 

package/.documentation/commands.html

@@ -70,7 +70,7 @@
                     </a>
                     <a href="init.html" class="nav-item">
                         <span class="icon">&#128640;</span>
-                        <span class="nav-text">Project Init</span>
+                        <span class="nav-text">Projet Client</span>
                     </a>
                 </div>
 

package/.documentation/css/styles.css

@@ -2166,3 +2166,163 @@ pre .file-link {
 pre .file-link:hover {
     text-decoration: underline;
 }
+
+/* ============================================
+   HOME PAGE - HERO & ECOSYSTEM
+   ============================================ */
+
+.hero-section {
+    margin-bottom: 2.5rem;
+    padding: 2rem 0;
+}
+
+.hero-tagline {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--text-bright);
+    margin-bottom: 0.75rem;
+    line-height: 1.3;
+}
+
+.hero-tagline .highlight {
+    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+
+.hero-description {
+    font-size: 1.05rem;
+    color: var(--text-muted);
+    line-height: 1.7;
+    max-width: 720px;
+    margin-bottom: 0;
+}
+
+/* Ecosystem diagram */
+.ecosystem-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+    margin: 2rem 0;
+}
+
+.ecosystem-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    padding: 1.25rem;
+    text-align: center;
+    transition: all var(--transition-fast);
+    position: relative;
+}
+
+.ecosystem-card:hover {
+    border-color: var(--primary);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+}
+
+.ecosystem-card .eco-icon {
+    width: 48px;
+    height: 48px;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    margin: 0 auto 0.75rem;
+}
+
+.ecosystem-card .eco-icon.eco-app {
+    background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
+}
+
+.ecosystem-card .eco-icon.eco-cli {
+    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
+}
+
+.ecosystem-card .eco-icon.eco-mcp {
+    background: linear-gradient(135deg, var(--success) 0%, #0d9488 100%);
+}
+
+.ecosystem-card .eco-name {
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: var(--text-bright);
+    margin-bottom: 0.25rem;
+}
+
+.ecosystem-card .eco-role {
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    line-height: 1.5;
+}
+
+/* Ecosystem connectors (arrows between cards) */
+.ecosystem-connector {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 2rem;
+    margin: -0.5rem 0;
+    color: var(--text-muted);
+    font-size: 0.75rem;
+}
+
+.ecosystem-connector .arrow {
+    color: var(--primary-light);
+    font-size: 1.25rem;
+}
+
+/* Stats bar */
+.stats-bar {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 1rem;
+    margin: 1.5rem 0 2rem;
+}
+
+.stat-item {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    padding: 1.25rem 1rem;
+    text-align: center;
+    transition: all var(--transition-fast);
+}
+
+.stat-item:hover {
+    border-color: var(--primary);
+}
+
+.stat-number {
+    font-size: 1.75rem;
+    font-weight: 700;
+    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    line-height: 1.2;
+    margin-bottom: 0.25rem;
+}
+
+.stat-label {
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    font-weight: 500;
+}
+
+@media (max-width: 768px) {
+    .ecosystem-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .stats-bar {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .hero-tagline {
+        font-size: 1.25rem;
+    }
+}

package/.documentation/efcore.html

@@ -68,7 +68,7 @@
                     </a>
                     <a href="init.html" class="nav-item">
                         <span class="icon">&#128640;</span>
-                        <span class="nav-text">Project Init</span>
+                        <span class="nav-text">Projet Client</span>
                     </a>
                 </div>