chore: add complete roadmap items to website (#919)

Author: NathanFlurry

README.md

@@ -257,7 +257,7 @@ Help shape our roadmap by [creating issues](https://github.com/rivet-gg/actor-co
 - [X] Vitest Integration
 - [X] Non-serialized state
 - [X] `create-actor`
-- [X] `actor-core dev` command
+- [X] `actor-core dev`
 - [X] Hono Integration
 
 ## License

docs/snippets/landing-tech.mdx

@@ -184,13 +184,16 @@
 
     <div className="tech-section-row">
         <div className="tech-header">
-            <h2 className="tech-section-heading">What's In Store For 2025</h2>
+            <h2 className="tech-section-heading">Roadmap For 2025</h2>
             <p className="tech-section-text">We ship fast, so we want to share what you can expect to see before the end of the year.</p>
             <p className="tech-section-text">Help shape our roadmap by <a href="https://github.com/rivet-gg/actor-core/issues" target="_blank" rel="noopener noreferrer">creating issues</a> and <a href="https://rivet.gg/discord" target="_blank" rel="noopener noreferrer">joining our Discord</a>.</p>
         </div>
 
         <div className="tech-content">
             <div className="tech-buttons-grid">
+                <div className="tech-button">
+                    SQLite Support
+                </div>
                 <div className="tech-button">
                     Oodles Of Examples
                 </div>
@@ -242,7 +245,47 @@
                 <div className="tech-button">
                     OpenTelemetry
                 </div>
+                <div className="tech-button tech-button-completed">
+                    Studio
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    File system driver
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    React client
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    Rust client
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    Resend Integration
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    Vitest Integration
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    Non-serialized state
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    create-actor
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    actor-core dev
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
+                <div className="tech-button tech-button-completed">
+                    Hono Integration
+                    <span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
+                </div>
             </div>
         </div>
     </div>
-</div>
+</div>

docs/styles/style.css

@@ -1116,6 +1116,34 @@
   border-color: rgba(255, 255, 255, 0.2);
 }
 
+.tech-button-completed {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: rgba(255, 255, 255, 0.05);
+  color: rgba(255, 255, 255, 0.5);
+  position: relative;
+  text-decoration: line-through;
+  opacity: 0.7;
+}
+
+.tech-button-completed:hover {
+  background: rgba(255, 255, 255, 0.05);
+  border-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.tech-completed-icon {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 50%;
+}
+
 .tech-icon {
   width: 20px;
   height: 20px;