From c9d47ad25ef82bd79af6fc4e83e3924c872a0f1c Mon Sep 17 00:00:00 2001
From: Nathan Flurry <developer@nathanflurry.com>
Date: Tue, 15 Apr 2025 16:27:40 -0700
Subject: [PATCH] chore: add complete roadmap items to website

---
 README.md                      |  2 +-
 docs/snippets/landing-tech.mdx | 47 ++++++++++++++++++++++++++++++++--
 docs/styles/style.css          | 28 ++++++++++++++++++++
 3 files changed, 74 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index cd2222019..388a5733b 100644
--- a/README.md
+++ b/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
diff --git a/docs/snippets/landing-tech.mdx b/docs/snippets/landing-tech.mdx
index 5bff0fc53..c830e75d4 100644
--- a/docs/snippets/landing-tech.mdx
+++ b/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>
\ No newline at end of file
+</div>
diff --git a/docs/styles/style.css b/docs/styles/style.css
index 19894dd64..887b3eb31 100644
--- a/docs/styles/style.css
+++ b/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;