chore: update icon spacedf docs

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

src/content/getting-started/index.mdx

@@ -3,77 +3,193 @@ asIndexPage: true
 sidebarTitle: Installation
 ---
 
-import { Cards, Callout } from 'nextra/components'
+import {Cards, Callout} from "nextra/components";
 
 # Getting Started with SpaceDF
 
 Ready to dive in? The getting started guides take you step-by-step through SpaceDF: Onboard your first devices, create your organization, and start tracking your assets.
 
 <Callout type="info">
-**Looking for help?** Join our [community forum](https://docs.spacedf.com/community) or [Discord server](https://discord.gg/HxCTyMCzuK) to get personalized assistance from our team and community.
+  **Looking for help?** Join our [community
+  forum](https://docs.spacedf.com/community) or [Discord
+  server](https://discord.gg/HxCTyMCzuK) to get personalized assistance from our
+  team and community.
 </Callout>
 
 ## Choose Your Deployment Method
 
 <Cards>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19 12h2l-4-4-4 4h2v8h4v-8z" fill="currentColor"/><path d="M12 12C12 13.1 11.1 14 10 14C8.9 14 8 13.1 8 12C8 10.9 8.9 10 10 10C11.1 10 12 10.9 12 12Z" fill="currentColor"/><path d="M7 20.5C6.2 20.8 5.7 21.4 5.7 22H4.3C4.3 20.8 5.2 19.8 6.3 19.5L7 20.5Z" fill="currentColor"/><path d="M13 20.5L13.7 19.5C14.8 19.8 15.7 20.8 15.7 22H14.3C14.3 21.4 13.8 20.8 13 20.5Z" fill="currentColor"/></svg>} title="Cloud Platform" href="/docs/getting-started/cloud-setup">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" fill="currentColor"/></svg>} title="Self-Hosted Installation" href="/docs/getting-started/self-hosted">
-  </Cards.Card>
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/cloud.png"
+        style={{width: "24px"}}
+        alt="Cloud Platform"
+      />
+    }
+    title="Cloud Platform"
+    href="/docs/getting-started/cloud-setup"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/self-service.png"
+        style={{width: "24px"}}
+        alt="Self-Hosted Installation"
+      />
+    }
+    title="Self-Hosted Installation"
+    href="/docs/getting-started/self-hosted"
+  />
 </Cards>
 
 ## What You'll Build
 
 <Cards>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="3" y="11" width="18" height="10" rx="2" stroke="currentColor" strokeWidth="2" fill="none"/><circle cx="7" cy="17" r="2" stroke="currentColor" strokeWidth="2" fill="none"/><circle cx="17" cy="17" r="2" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M3 11V9a2 2 0 012-2h4l2 4h4a2 2 0 012 2v2" stroke="currentColor" strokeWidth="2" fill="none"/></svg>} title="Fleet Management System" href="/docs/spaces">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 22V4a2 2 0 012-2h8a2 2 0 012 2v18l-6-4-6 4z" stroke="currentColor" strokeWidth="2" fill="none"/><rect x="2" y="6" width="20" height="14" rx="2" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M7 10h10M7 14h6" stroke="currentColor" strokeWidth="1.5"/></svg>} title="Smart Building Solution" href="/docs/spaces">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m-6 0h8a2 2 0 012 2v10a2 2 0 01-2 2H8a2 2 0 01-2-2V8a2 2 0 012-2z" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M3 10h18M3 14h18M5 18h14" stroke="currentColor" strokeWidth="1.5"/></svg>} title="Smart City Platform" href="/docs/spaces">
-  </Cards.Card>
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/tracking-app.png"
+        style={{width: "24px"}}
+        alt="Fleet Management System"
+      />
+    }
+    title="Fleet Management System"
+    href="/docs/spaces"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/inspiration.png"
+        style={{width: "24px"}}
+        alt="Smart Building Solution"
+      />
+    }
+    title="Smart Building Solution"
+    href="/docs/spaces"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/smart-city.png"
+        style={{width: "24px"}}
+        alt="Smart City Platform"
+      />
+    }
+    title="Smart City Platform"
+    href="/docs/spaces"
+  />
 </Cards>
 
 ## Pick Your Devices & Platforms
 
 Choose from our growing ecosystem of supported devices and integration platforms. SpaceDF works with popular IoT hardware and connects seamlessly with leading platforms:
 
 <Cards>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="2" y="6" width="20" height="12" rx="2" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M6 10h12M6 14h8" stroke="currentColor" strokeWidth="1.5"/><circle cx="18" cy="8" r="1" fill="currentColor"/></svg>} title="IoT Devices" href="/docs/integrations">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9" stroke="currentColor" strokeWidth="2" fill="rgba(0,112,243,0.1)"/><path d="M8 12l2 2 4-4" stroke="currentColor" strokeWidth="2" fill="none"/><circle cx="12" cy="5" r="2" fill="currentColor"/><circle cx="5" cy="12" r="2" fill="currentColor"/><circle cx="19" cy="12" r="2" fill="currentColor"/><circle cx="12" cy="19" r="2" fill="currentColor"/></svg>} title="Platform Integrations" href="/docs/integrations">
-  </Cards.Card>
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/internet-of-things.png"
+        style={{width: "24px"}}
+        alt="IoT Devices"
+      />
+    }
+    title="IoT Devices"
+    href="/docs/integrations"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/platform.png"
+        style={{width: "24px"}}
+        alt="Platform Integrations"
+      />
+    }
+    title="Platform Integrations"
+    href="/docs/integrations"
+  />
 </Cards>
 
 **Currently Featured:**
+
 - **RAK 2270 Sticker Tracker** - Perfect for fleet tracking and asset monitoring
 - **ChirpStack Network Server** - Professional LoRaWAN network management
 - **The Things Network** - Community-driven LoRaWAN platform
 - **Helium Network** - Decentralized wireless infrastructure
 
 <Callout type="info">
-**Need a Custom Integration?** Don't see your device or platform listed? SpaceDF offers custom integrations for team-scale and enterprise deployments. [Join our Discord](https://discord.gg/HxCTyMCzuK) or [post in the forum](https://docs.spacedf.com/community) to discuss your integration requirements with our development team.
+  **Need a Custom Integration?** Don't see your device or platform listed?
+  SpaceDF offers custom integrations for team-scale and enterprise deployments.
+  [Join our Discord](https://discord.gg/HxCTyMCzuK) or [post in the
+  forum](https://docs.spacedf.com/community) to discuss your integration
+  requirements with our development team.
 </Callout>
 
 [**View All Supported Devices & Platforms →**](/docs/integrations)
 
 ## Ready to Start?
 
 <Cards>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 2L2 7v10l10 5 10-5V7l-10-5z" stroke="currentColor" strokeWidth="2" fill="none"/><circle cx="12" cy="12" r="3" fill="currentColor"/></svg>} title="Complete Onboarding Guide" href="/docs/onboarding">
-  </Cards.Card>
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/tour-guide.png"
+        style={{width: "24px"}}
+        alt="Complete Onboarding Guide"
+      />
+    }
+    title="Complete Onboarding Guide"
+    href="/docs/onboarding"
+  />
 </Cards>
 
 ## What You'll Get
 
 <Cards>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M2 12h20" stroke="currentColor" strokeWidth="2"/><path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z" stroke="currentColor" strokeWidth="2" fill="none"/></svg>} title="Multi-Protocol Support" href="/docs/devices">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" stroke="currentColor" strokeWidth="2" fill="none"/><circle cx="12" cy="10" r="3" stroke="currentColor" strokeWidth="2" fill="none"/></svg>} title="Real-Time Tracking" href="/docs/spaces">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 21h18a2 2 0 002-2v-6a2 2 0 00-2-2H3a2 2 0 00-2 2v6a2 2 0 002 2z" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M3 10h18a2 2 0 002-2V4a2 2 0 00-2-2H3a2 2 0 00-2 2v4a2 2 0 002 2z" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M7 6h.01M7 17h.01" stroke="currentColor" strokeWidth="2"/></svg>} title="Multi-Tenancy" href="/docs/organizations">
-  </Cards.Card>
-  <Cards.Card icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="4" y="4" width="16" height="16" rx="2" stroke="currentColor" strokeWidth="2" fill="none"/><rect x="9" y="9" width="6" height="6" rx="1" stroke="currentColor" strokeWidth="2" fill="none"/><path d="M6 6l2 2M18 6l-2 2M6 18l2-2M18 18l-2-2" stroke="currentColor" strokeWidth="1"/></svg>} title="Customizable Dashboards" href="/docs/spaces">
-  </Cards.Card>
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/node.png"
+        style={{width: "24px"}}
+        alt="Multi-Protocol Support"
+      />
+    }
+    title="Multi-Protocol Support"
+    href="/docs/devices"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/location.png"
+        style={{width: "24px"}}
+        alt="Real-Time Tracking"
+      />
+    }
+    title="Real-Time Tracking"
+    href="/docs/spaces"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/organization-chart.png"
+        style={{width: "24px"}}
+        alt="Multi-Tenancy"
+      />
+    }
+    title="Multi-Tenancy"
+    href="/docs/organizations"
+  />
+  <Cards.Card
+    icon={
+      <img
+        src="https://d33et8skld5wvq.cloudfront.net/images/spacedf-docs/dashboard.png"
+        style={{width: "24px"}}
+        alt="Customizable Dashboards"
+      />
+    }
+    title="Customizable Dashboards"
+    href="/docs/spaces"
+  />
 </Cards>
 
 ## Need Help?
@@ -85,4 +201,3 @@ Choose from our growing ecosystem of supported devices and integration platforms
 ---
 
 Ready to get started? [Create your account](https://spacedf.com/en/auth/sign-up) or explore our [cloud platform](/docs/getting-started/cloud-setup).
-