feat: Update landing page and metadata for Data Acorns

Refactors the landing page content, branding, and metadata to clearly establish "Data Acorns" as the application name. Updates the README with deployment instructions and enhances SEO with Open Graph and Twitter meta tags. Includes a new `CNAME` file and an `og-image.svg` for social sharing.

Author: phinnphace

App.tsx

@@ -10,7 +10,7 @@ import FreeStuff from './src/projects/FreeStuff';
 const PROJECTS = [
   {
     id: 'shellgame',
-    name: 'ShellGame Suite',
+    name: 'Ecosystem Navigator',
     description: 'R Packages & Audit Protocol',
     icon: Database,
     status: 'active'
@@ -49,7 +49,7 @@ const GlobalNav = ({ activeProject, setActiveProject }: { activeProject: string,
         <div className="flex items-center gap-4">
           <div className="flex items-center gap-2">
             <span className="text-[10px] font-mono font-bold tracking-[0.3em] uppercase text-stone-400">
-              Data Journey
+              Data Acorns
             </span>
           </div>
 
@@ -65,7 +65,7 @@ const GlobalNav = ({ activeProject, setActiveProject }: { activeProject: string,
         </div>
 
         <div className="hidden md:flex items-center gap-4 text-[10px] font-mono uppercase tracking-widest text-stone-500">
-          <span>Ecosystem Navigator</span>
+          <span>Data Journey</span>
         </div>
       </div>
 

README.md

@@ -1,8 +1,20 @@
-I have not liked "portfolio" pages. 
-The best I could come up with is giving projects their own ecoverse. And while, I think of things in terms of big picture I recognize each project has 
-its own vibe which is why they get their own space.
+<div align="center">
+<img width="1200" height="475" alt="GHBanner" src="https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6" />
+</div>
 
-This is not a complete record. We are at three projects in here currently.
-And the apps that are just makes.
+# Run and deploy your AI Studio app
 
+This contains everything you need to run your app locally.
 
+View your app in AI Studio: https://ai.studio/apps/df2d31a9-7c1b-432e-b2bb-1ae090a692f3
+
+## Run Locally
+
+**Prerequisites:**  Node.js
+
+
+1. Install dependencies:
+   `npm install`
+2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
+3. Run the app:
+   `npm run dev`

index.html

@@ -5,6 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Data Acorns | The Shell Game</title>
     <meta name="description" content="A documentation of shellgame and geoDeltaAudit R packages, documenting and quantifying perturbation in population data workflows." />
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://dataacorns.com/" />
+    <meta property="og:title" content="Data Acorns | The Shell Game" />
+    <meta property="og:description" content="Quantifying perturbation in geographic population data. Insights from the shellgame and geoDeltaAudit R packages." />
+    <meta property="og:image" content="https://dataacorns.com/og-image.svg" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://dataacorns.com/" />
+    <meta property="twitter:title" content="Data Acorns | The Shell Game" />
+    <meta property="twitter:description" content="Quantifying perturbation in geographic population data. Insights from the shellgame and geoDeltaAudit R packages." />
+    <meta property="twitter:image" content="https://dataacorns.com/og-image.svg" />
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

public/CNAME

@@ -0,0 +1 @@
+dataacorns.com