Fix

news/authors.yml

@@ -24,4 +24,10 @@ kenny-ambassador-program-manager:
     x: KennySwayzeeX
     # linkedin: sebastienlorber
     # github: slorber
-    # newsletter: https://thisweekinreact.com
+    # newsletter: https://thisweekinreact.com
+
+warvan:
+  name: Warvan
+  image_url: https://pbs.twimg.com/profile_images/1944322046139228160/QJ-EHB51_400x400.jpg
+  socials:
+    x: itswarvan

news/create-and-get-paid.mdx

@@ -0,0 +1,91 @@
+---
+slug: create-and-get-paid
+title: CREATE & GET PAID — The Future of Content Creation in GameFi
+description: How the $GAME ecosystem empowers creators to build, stream, and earn through immersive tools and true digital ownership.
+authors: ['warvan']
+date: 2025-07-22
+---
+
+import { GAME, WANDER, AO, BAZAR } from '@arcaogaming/project-links';
+
+> “Create what you love. Get paid for what you build.”
+
+GameFi is no longer just about playing — it's about creating, streaming, and owning.
+
+In the <a href={GAME.website} target="_blank">$GAME ecosystem</a>, creators can design immersive experiences, craft rare digital assets, and stream their process — all while earning real value. Powered by <a href={WANDER.website} target="_blank">Wander Wallet</a>, <a href={AO.website} target="_blank">AO</a>, and **Arweave**, $GAME transforms creativity into currency.
+
+{/* truncate */}
+## 🛠️ Build Without Limits
+
+Imagine building entire game worlds without touching code.
+
+With the intuitive world builder powered by <a href="https://github.com/elliotsayes/Reality" target="_blank">Reality Protocol</a>, anyone can:
+- Craft stunning landscapes, cities, and dungeons.
+- Drag and drop assets to shape immersive environments.
+- Create interactive spaces with endless storytelling potential.
+
+> You’re not just building a game — you’re building a world.
+
+## 🎨 Design Unique Characters
+
+Every great world needs unforgettable characters.
+
+With advanced character tools, you can:
+- Customize avatars and NPCs from appearance to personality.
+- Design companions, heroes, villains, or lore-rich figures.
+- Define behavior, backstories, and emotional traits.
+
+These aren’t just game models — they’re digital souls created by you.
+
+## 💎 Craft Legendary Items
+
+Build weapons, gear, and magical artifacts with unique value.
+
+Whether it’s an enchanted sword or an ancient artifact, creators can:
+- Balance item stats and assign rarity levels.
+- Design visual identity and effects.
+- Publish items to be used across multiple games.
+
+Then, list them on <a href={BAZAR.website} target="_blank">Bazar</a> — the open marketplace where creations come to life and gain real-world value.
+
+> What you craft can become legendary — and profitable.
+
+## 📺 Stream to Earn
+
+Creation becomes even more powerful when shared.
+
+In the $GAME ecosystem, creators can:
+- Stream the building process in real time.
+- Grow their community while designing live.
+- Earn $GAME as audiences engage and support their work.
+
+Streaming isn’t limited to gameplay anymore — it’s for builders, storytellers, and visionaries.
+
+## 🔐 Own What You Create
+
+Everything you make is **truly yours**.
+
+Thanks to **Arweave** and **AO**, your content is:
+- Permanently stored and censorship-resistant.
+- Securely tied to your wallet via <a href={WANDER.website} target="_blank">Wander</a>.
+- Usable across multiple games in the ecosystem.
+
+> No one can alter or remove what you create. You own it — forever.
+
+## 🏆 May the Best Creators Earn the Most
+
+This is more than a platform. It’s an economy for creative talent.
+
+Whether you’re an indie artist, professional studio, or solo streamer, $GAME rewards:
+- Creativity and originality
+- Community engagement
+- Consistent, high-quality content
+
+The earlier you start, the more you can build — and the more you can earn.
+
+<a href={GAME.website} target="_blank">
+  <img
+    alt="Start Creating in $GAME"
+    src="https://img.shields.io/badge/Start%20Now-Create%20%26%20Earn%20in%20$GAME-4CAF50?style=for-the-badge&logo=creativemarket"
+  />
+</a>

news/own-and-grow.mdx

@@ -0,0 +1,67 @@
+---
+slug: own-and-grow
+title: OWN & GROW — The Future of Digital Asset Ownership in GameFi
+description: How the $GAME ecosystem redefines ownership, utility, and value in Web3 gaming.
+authors: ['warvan']
+date: 2025-07-20
+---
+
+import { GAME, WANDER, AO, BAZAR } from '@arcaogaming/project-links';
+
+> “Do not just play the game. Own the game.”
+
+Web3 gaming is rewriting the rules. Players are no longer just users, they are owners.
+
+Games are no longer just entertainment. They are digital economies where you can build, hold, and grow real value.
+
+This is the vision behind the <a href={GAME.website} target="_blank">$GAME ecosystem</a>, powered by <a href={WANDER.website} target="_blank">Wander Wallet</a>, **Arweave**, and <a href={AO.website} target="_blank">AO</a>. Together, they introduce true digital ownership and seamless cross-game utility, transforming how we play and earn.
+
+{/* truncate */}
+## 🔐 True Ownership
+
+Your in-game assets belong entirely to you.
+
+Whether it’s a weapon, skin, character, or collectible, each item is stored permanently on **Arweave** and accessed through **Wander Wallet**.
+
+You have full control:
+- No one can alter, remove, or restrict your access.
+- Your assets are secure, immutable, and always accessible.
+
+> This is what *real ownership* means in GameFi.
+
+## 🌐 Cross-Game Utility
+
+Your assets go where you go.
+
+Thanks to **Wander Wallet** and the **hyper-parallel computing** of **AO**, you can carry your in-game items across multiple games within the growing **$GAME ecosystem**.
+
+This is not just about playing more games, it’s about:
+- Expanding the value of what you already own.
+- Unlocking new experiences without giving up control.
+
+## 📈 Value Growth
+
+As the ecosystem expands, so does the value of your items.
+
+You can:
+- Trade or showcase your assets on **marketplaces like <a href={BAZAR.website} target="_blank">Bazar</a>**
+- See your portfolio appreciate as adoption increases
+
+> What you own today can be worth more tomorrow.
+
+The more developers and players join, the stronger the network becomes, and the greater the opportunity for everyone.
+
+## 🚀 Start Early and Own the Future
+
+GameFi is evolving fast.
+
+The shift toward **player-owned economies** is already underway. You have the chance to be among the first to **build, play, and benefit** from this movement.
+
+**Don't just play the game. Own the game.**
+
+<a href={GAME.website} target="_blank">
+  <img
+    alt="Enter the $GAME Ecosystem"
+    src="https://img.shields.io/badge/Start%20Now-Explore%20$GAME-FF9800?style=for-the-badge&logo=joystick"
+  />
+</a>

package.json

@@ -15,7 +15,7 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@arcaogaming/project-links": "^1.0.22",
+    "@arcaogaming/project-links": "^1.0.30",
     "@docusaurus/core": "^3.8.1",
     "@docusaurus/plugin-google-gtag": "^3.8.1",
     "@docusaurus/preset-classic": "^3.8.1",

src/pages/media-kit/components/ColorPalette.tsx

@@ -21,23 +21,23 @@ const brandColors: ColorSwatch[] = [
     },
     {
         name: 'Green',
-        hex: 'rgba(34, 197, 94, 1)',
+        hex: '#22C55E',
         description: 'Represents Minting of $GAME.'
     },
     {
         name: 'Purple',
-        hex: 'rgba(147, 51, 234, 1)',
+        hex: '#9333EA',
         description: 'Represents Creating Games & Content in the $GAME Ecosystem.'
     },
     {
         name: 'Blue',
-        hex: 'rgba(59, 130, 246, 1)',
+        hex: '#3B82F6',
         description: 'Represents Playing Games in the $GAME Ecosystem.'
     },
     {
         name: 'Yellow',
-        hex: 'rgba(245, 158, 11, 1)',
-        description: 'Represents Earning in the &GAME Ecosystem.'
+        hex: '#F59E0B',
+        description: 'Represents Earning in the $GAME Ecosystem.'
     },
     {
         name: 'Gradient',
@@ -57,36 +57,39 @@ export default function ColorPalette(): JSX.Element {
 
     return (
         <div className={styles.colorGrid}>
-            {brandColors.map((color) => (
-                <div key={color.name} className={styles.colorCard}>
-                    <div className={styles.colorSwatch}>
-                        <div
-                            style={{
-                                background: color.gradient || color.hex,
-                                width: '100%',
-                                height: '100%'
-                            }}
-                        />
-                    </div>
-                    <div className={styles.colorInfo}>
-                        <h3>{color.name}</h3>
-                        {(color.hex || color.gradient) && (
-                            <button
-                                className={styles.hexButton}
-                                onClick={() => copyToClipboard(color.hex || color.gradient || '')}
-                            >
-                                {color.hex || color.gradient}
-                                <span className={styles.copyIndicator}>
-                                    {copiedColor === (color.hex || color.gradient) ? 'Copied!' : 'Click to copy'}
-                                </span>
-                            </button>
-                        )}
-                        {color.description && (
-                            <p className={styles.description}>{color.description}</p>
+            {brandColors.map((color) => {
+                const colorValue = color.gradient || color.hex;
+                return (
+                    <div key={color.name} className={styles.colorCard}>
+                        <div className={styles.colorSwatch}>
+                            <div
+                                style={{
+                                    background: colorValue,
+                                    width: '100%',
+                                    height: '100%'
+                                }}
+                            />
+                        </div>
+                        <div className={styles.colorInfo}>
+                            <h3>{color.name}</h3>
+                            {colorValue && (
+                                <button
+                                    className={styles.hexButton}
+                                    onClick={() => copyToClipboard(colorValue)}
+                                >
+                                    {colorValue}
+                                    <span className={styles.copyIndicator}>
+                                        {copiedColor === colorValue ? 'Copied!' : 'Click to copy'}
+                                    </span>
+                                </button>
+                            )}
+                            {color.description && (
+                                <p className={styles.description}>{color.description}</p>
                             )}
+                        </div>
                     </div>
-                </div>
-            ))}
+                );
+            })}
         </div>
     );
 }

src/pages/media-kit/components/FontDisplay.tsx

@@ -9,6 +9,7 @@ interface FontExample {
         name: string;
         sample: string;
     }[];
+    usage?: string;
 }
 
 const fonts: FontExample[] = [