update coilot rag

Author: pcarvajal

index.html

@@ -117,8 +117,8 @@ <h2>Get Started in Minutes</h2>
           <pre><code><span class="comment"># Install CLI</span>
 npm install -g @stratix/cli
 
-<span class="comment"># Create project</span>
-stratix new my-app
+<span class="comment"># Create project with modular structure</span>
+stratix new my-app --template modular
 
 <span class="comment"># Generate bounded context</span>
 cd my-app
@@ -130,6 +130,79 @@ <h2>Get Started in Minutes</h2>
       </div>
     </section>
 
+    <!-- Stratix Copilot Section -->
+    <section class="copilot-section">
+      <div class="copilot-content">
+        <div class="section-header">
+          <h2>Accelerate Development with AI</h2>
+          <p>Stratix Copilot: AI-powered coding assistant for faster, smarter development</p>
+        </div>
+        <div class="copilot-features">
+          <div class="copilot-feature">
+            <div class="feature-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
+                <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
+                <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
+              </svg>
+            </div>
+            <h3>Context-Aware AI</h3>
+            <p>Understands your project structure and Stratix patterns</p>
+          </div>
+          <div class="copilot-feature">
+            <div class="feature-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2"/>
+                <path d="M9 9L15 15M15 9L9 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+              </svg>
+            </div>
+            <h3>Smart Code Generation</h3>
+            <p>Generate entities, commands, queries, and value objects instantly</p>
+          </div>
+          <div class="copilot-feature">
+            <div class="feature-icon">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
+                <path d="M12 6V12L16 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+              </svg>
+            </div>
+            <h3>RAG-Enhanced</h3>
+            <p>Retrieves relevant documentation for accurate responses</p>
+          </div>
+        </div>
+        <div class="code-block">
+          <div class="code-header">
+            <span class="code-title">VS Code Copilot Chat</span>
+            <button class="code-copy" aria-label="Copy code">
+              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect x="5" y="5" width="9" height="9" rx="1" stroke="currentColor" stroke-width="1.5" />
+                <path d="M3 11V3C3 2.44772 3.44772 2 4 2H11" stroke="currentColor" stroke-width="1.5" />
+              </svg>
+            </button>
+          </div>
+          <pre><code><span class="comment"># Generate a complete entity</span>
+@stratix /entity Product with name, price, and category
+
+<span class="comment"># Generate CQRS command with handler</span>
+@stratix /command CreateProduct with productId, name, price
+
+<span class="comment"># Generate query with handler</span>
+@stratix /query GetProductById with productId
+
+<span class="comment"># Ask about Stratix patterns</span>
+@stratix how do I implement a repository with PostgreSQL?</code></pre>
+        </div>
+        <div class="copilot-cta">
+          <a href="https://stratix-dev.github.io/stratix/docs/stratix-copilot/overview" class="btn btn-primary" target="_blank" rel="noopener noreferrer">
+            <span>Learn About Stratix Copilot</span>
+            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+          </a>
+        </div>
+      </div>
+    </section>
+
     <!-- Footer -->
     <footer class="footer">
       <div class="footer-content">

src/style.css

@@ -481,6 +481,73 @@ body {
   opacity: 0.8;
 }
 
+/* Stratix Copilot Section */
+.copilot-section {
+  padding: var(--spacing-xl) var(--spacing-md);
+  background: var(--bg-primary);
+  border-top: 1px solid var(--border-color);
+}
+
+.copilot-content {
+  max-width: 1100px;
+  margin: 0 auto;
+}
+
+.copilot-features {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: var(--spacing-md);
+  margin-bottom: var(--spacing-lg);
+}
+
+.copilot-feature {
+  padding: var(--spacing-md);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  transition: var(--transition-smooth);
+}
+
+.copilot-feature:hover {
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-lg);
+  border-color: var(--accent-primary);
+}
+
+.feature-icon {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--gradient-primary);
+  border-radius: 10px;
+  margin-bottom: var(--spacing-sm);
+}
+
+.feature-icon svg {
+  color: white;
+}
+
+.copilot-feature h3 {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.copilot-feature p {
+  font-size: 0.95rem;
+  color: var(--text-secondary);
+  line-height: 1.6;
+}
+
+.copilot-cta {
+  display: flex;
+  justify-content: center;
+  margin-top: var(--spacing-lg);
+}
+
 /* Footer */
 .footer {
   padding: var(--spacing-lg) var(--spacing-md);