dynamically populate native platform list on main page

docs/pages/index.mdx

@@ -3,8 +3,21 @@ title: Introduction
 description: Get started with hyperglass
 ---
 
-import Link from 'next/link';
+import Link from "next/link";
-import { Button } from 'nextra/components';
+import { Button } from "nextra/components";
+import platforms from "~/platforms.json";
+
+export const Platforms = () => (
+    <ul>
+        {platforms.reduce((final, platform) => {
+            if (platform.native) {
+                const element = <li key={platform.name}>{platform.name}</li>;
+                final = [...final, element];
+            }
+            return final;
+        }, [])}
+    </ul>
+);
 
 ## What is hyperglass?
 
@@ -14,31 +27,20 @@ hyperglass was created with the lofty goal of benefiting the internet community
 
 ## Features
 
-- BGP Route, BGP Community, BGP AS Path, Ping, & Traceroute
+-   BGP Route, BGP Community, BGP AS Path, Ping, & Traceroute
-- Full IPv6 support
+-   Full IPv6 support
-- Customizable everything: features, theme, UI/API text, error messages, commands
+-   Customizable everything: features, theme, UI/API text, error messages, commands
-- Built in support for:
+-   Built in support for:
-  - Arista EOS
+    <Platforms />
-  - BIRD
+-   Configurable support for any other [supported platform](platforms.mdx)
-  - Cisco IOS-XR
+-   Optionally access devices via an SSH proxy/jump server
-  - Cisco IOS/IOS-XE
+-   VRF support
-  - Cisco NX-OS
+-   Access List/prefix-list style query control to whitelist or blacklist query targets on a per-VRF basis
-  - FRRouting
+-   REST API with automatic, configurable OpenAPI documentation
-  - Huawei
+-   Modern, responsive UI
-  - Juniper JunOS
+-   Query multiple devices simultaneously
-  - Mikrotik
+-   Browser-based DNS-over-HTTPS resolution of FQDN queries
-  - Nokia SR OS
-  - TNSR
-  - VyOS
-- Configurable support for any other [supported platform](platforms.mdx)
-- Optionally access devices via an SSH proxy/jump server
-- VRF support
-- Access List/prefix-list style query control to whitelist or blacklist query targets on a per-VRF basis
-- REST API with automatic, configurable OpenAPI documentation
-- Modern, responsive UI
-- Query multiple devices simultaneously
-- Browser-based DNS-over-HTTPS resolution of FQDN queries
 
 <Link href="/installation">
-  <Button>Get Started</Button>
+    <Button className="nx-my-2 nx-py-2 nx-px-4">Get Started</Button>
 </Link>