From 053fe87b96bed903ac2a65e0b59d22704b4cb968 Mon Sep 17 00:00:00 2001
From: braginini <bangvalo@gmail.com>
Date: Fri, 19 May 2023 19:51:25 +0200
Subject: [PATCH] Fixes

---
 next.config.mjs                               |  6 +--
 src/components/AboutNetbird.jsx               |  8 ++--
 src/components/Header.jsx                     |  4 +-
 src/components/How-To-Guides.jsx              | 37 ++++++++++++-------
 src/components/Layout.jsx                     |  2 +-
 src/components/NavigationAPI.jsx              |  4 +-
 src/components/NavigationDocs.jsx             |  4 +-
 .../docs/how-to/access-netbird-public-api.mdx |  2 +-
 .../how-to/manage-dns-in-your-network.mdx     |  2 +-
 .../docs/how-to/manage-network-access.mdx     |  2 +-
 .../{introductions.mdx => introduction.mdx}   |  6 ++-
 .../{introductions.mdx => introduction.mdx}   |  0
 src/styles/tailwind.css                       |  2 +-
 13 files changed, 46 insertions(+), 33 deletions(-)
 rename src/pages/docs/{introductions.mdx => introduction.mdx} (94%)
 rename src/pages/ipa/{introductions.mdx => introduction.mdx} (100%)

diff --git a/next.config.mjs b/next.config.mjs
index 5ff9474b..50e393d7 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -25,17 +25,17 @@ const nextConfig = {
     return [
       {
         source: '/',
-        destination: '/docs/introductions',
+        destination: '/docs/introduction',
         permanent: true,
       },
       {
         source: '/docs',
-        destination: '/docs/introductions',
+        destination: '/docs/introduction',
         permanent: true,
       },
       {
         source: '/ipa',
-        destination: '/ipa/introductions',
+        destination: '/ipa/introduction',
         permanent: true,
       },
     ]
diff --git a/src/components/AboutNetbird.jsx b/src/components/AboutNetbird.jsx
index 91eb6432..62c263f4 100644
--- a/src/components/AboutNetbird.jsx
+++ b/src/components/AboutNetbird.jsx
@@ -4,20 +4,20 @@ import { Heading } from '@/components/Heading'
 const aboutNetbird = [
   {
     href: '/docs/about-netbird/how-netbird-works',
-    name: 'How NetBird Works',
-    description: 'Learn everything there is to know about how NetBird works.',
+    name: 'How NetBird works',
+    description: 'Concepts, architecture, protocols, and more.',
   },
   {
     href: '/docs/about-netbird/netbird-vs-traditional-vpn',
     name: 'NetBird vs. traditional VPN',
     description:
-      'Read how NetBird compares to traditional VPNs and why it is better.',
+      'Learn how NetBird compares to traditional VPNs and why it is better.',
   },
   {
     href: '/docs/about-netbird/why-wireguard-with-netbird',
     name: 'Why WireGuard with NetBird',
     description:
-      'Learn why NetBird is using WireGuard and how NetBird simplifies the usage.',
+      'Learn why and how NetBird uses WireGuard.',
   },
 ]
 
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 217f3b8f..2f290030 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -69,8 +69,8 @@ export const Header = forwardRef(function Header({ className }, ref) {
         <nav className="hidden md:block">
           <ul role="list" className="flex items-center gap-8">
             <TopLevelNavItem href="https://netbird.io/">Home</TopLevelNavItem>
-            <TopLevelNavItem href="/docs/introductions">Docs</TopLevelNavItem>
-            <TopLevelNavItem href="/ipa/introductions">API</TopLevelNavItem>
+            <TopLevelNavItem href="/docs/introduction">Docs</TopLevelNavItem>
+            <TopLevelNavItem href="/ipa/introduction">API</TopLevelNavItem>
             <TopLevelNavItem href="https://netbird.io/blog/">Blog</TopLevelNavItem>
             <TopLevelNavItem href="https://github.com/netbirdio/netbird">Github</TopLevelNavItem>
             <TopLevelNavItem href="https://join.slack.com/t/netbirdio/shared_invite/zt-vrahf41g-ik1v7fV8du6t0RwxSrJ96A">Support</TopLevelNavItem>
diff --git a/src/components/How-To-Guides.jsx b/src/components/How-To-Guides.jsx
index 6b28c2e8..e269debd 100644
--- a/src/components/How-To-Guides.jsx
+++ b/src/components/How-To-Guides.jsx
@@ -3,27 +3,38 @@ import { Heading } from '@/components/Heading'
 
 const howToGuides = [
   {
-    href: '/docs/how-to/add-users-to-your-network',
-    name: 'Add Users to your network',
-    description: 'Learn how to add users to your network.',
+    href: '/docs/how-to/getting-started',
+    name: 'Quickstart guide',
+    description: 'Start using NetBird in under 5 minutes.',
   },
   {
-    href: '/docs/how-to/configure-periodic-user-authentication',
-    name: 'Configure periodic user authentication',
+    href: '/docs/how-to/manage-network-access',
+    name: 'Manage network access',
     description:
-      'Learn how to configure periodic user authentication.',
+        'Learn how to use access controls to manage access to your machines.',
+  },
+  {
+    href: '/docs/how-to/add-users-to-your-network',
+    name: 'Add users to your network',
+    description: 'learn how to add team members to your NetBird network.',
+  },
+  {
+    href: '/docs/how-to/routing-traffic-to-private-networks',
+    name: 'Route traffic to private networks',
+    description:
+      'Learn how to provide access to LANs, VPS, and corporate private networks.',
+  },
+  {
+    href: '/docs/how-to/monitor-system-and-network-activity',
+    name: 'Log and monitor network activity',
+    description:
+      'Learn how to keep track of system and network activities in your account.',
   },
   {
     href: '/docs/how-to/manage-dns-in-your-network',
     name: 'Manage DNS in your network',
     description:
-      'Learn how to configure DNS servers for your network.',
-  },
-  {
-    href: '/docs/how-to/monitor-system-and-network-activity',
-    name: 'Monitoring system and network activities',
-    description:
-      'Learn how to keep track of system and network activities in your account.',
+        'Learn how to configure name servers in your private network.',
   },
 ]
 
diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index 1e5c44d1..d4c83018 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -168,7 +168,7 @@ export function Layout({ children, title, tableOfContents }) {
           </main>
           <Footer />
         </div>
-        {!router.route.startsWith("/ipa/resources") && !router.route.includes("introductions") && <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
+        {!router.route.startsWith("/ipa/resources") && !router.route.includes("introduction") && <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
           <nav aria-labelledby="on-this-page-title" className="w-56">
             {tableOfContents.length > 0 && (
               <>
diff --git a/src/components/NavigationAPI.jsx b/src/components/NavigationAPI.jsx
index 3ba39b27..f779b927 100644
--- a/src/components/NavigationAPI.jsx
+++ b/src/components/NavigationAPI.jsx
@@ -40,8 +40,8 @@ export function NavigationAPI({tableOfContents, className}) {
       <nav className={className}>
         <ul role="list">
           <TopLevelNavItem href="https://netbird.io/">Home</TopLevelNavItem>
-          <TopLevelNavItem href="/docs/introductions">Docs</TopLevelNavItem>
-          <TopLevelNavItem href="/ipa/introductions">API</TopLevelNavItem>
+          <TopLevelNavItem href="/docs/introduction">Docs</TopLevelNavItem>
+          <TopLevelNavItem href="/ipa/introduction">API</TopLevelNavItem>
           <TopLevelNavItem href="https://netbird.io/blog/">Blog</TopLevelNavItem>
           <TopLevelNavItem href="https://github.com/netbirdio/netbird">Github</TopLevelNavItem>
           <TopLevelNavItem href="https://join.slack.com/t/netbirdio/shared_invite/zt-vrahf41g-ik1v7fV8du6t0RwxSrJ96A">Support</TopLevelNavItem>
diff --git a/src/components/NavigationDocs.jsx b/src/components/NavigationDocs.jsx
index db11f78c..8d656d29 100644
--- a/src/components/NavigationDocs.jsx
+++ b/src/components/NavigationDocs.jsx
@@ -46,8 +46,8 @@ export function NavigationDocs({className}) {
     <nav className={className}>
       <ul role="list">
           <TopLevelNavItem href="https://netbird.io/">Home</TopLevelNavItem>
-          <TopLevelNavItem href="/docs/introductions">Docs</TopLevelNavItem>
-          <TopLevelNavItem href="/ipa/introductions">API</TopLevelNavItem>
+          <TopLevelNavItem href="/docs/introduction">Docs</TopLevelNavItem>
+          <TopLevelNavItem href="/ipa/introduction">API</TopLevelNavItem>
           <TopLevelNavItem href="https://netbird.io/blog/">Blog</TopLevelNavItem>
           <TopLevelNavItem href="https://github.com/netbirdio/netbird">Github</TopLevelNavItem>
           <TopLevelNavItem href="https://join.slack.com/t/netbirdio/shared_invite/zt-vrahf41g-ik1v7fV8du6t0RwxSrJ96A">Support</TopLevelNavItem>
diff --git a/src/pages/docs/how-to/access-netbird-public-api.mdx b/src/pages/docs/how-to/access-netbird-public-api.mdx
index a11bdbbe..0def8e30 100644
--- a/src/pages/docs/how-to/access-netbird-public-api.mdx
+++ b/src/pages/docs/how-to/access-netbird-public-api.mdx
@@ -63,7 +63,7 @@ Be aware that once you close the popup it is impossible to see the plain version
 
 ### Using access tokens
 
-Once you have created an access token, you can use it to authenticate API requests to NetBird. See [NetBird API](/ipa/introductions) documentation for detailed usage.
+Once you have created an access token, you can use it to authenticate API requests to NetBird. See [NetBird API](/ipa/introduction) documentation for detailed usage.
 
 For example, if you were using the GitHub API, you might include your personal access token like this:
 
diff --git a/src/pages/docs/how-to/manage-dns-in-your-network.mdx b/src/pages/docs/how-to/manage-dns-in-your-network.mdx
index c187461c..2dd25b65 100644
--- a/src/pages/docs/how-to/manage-dns-in-your-network.mdx
+++ b/src/pages/docs/how-to/manage-dns-in-your-network.mdx
@@ -21,7 +21,7 @@ Besides accessing machines by their domain names, you can configure NetBird to u
 control what nameservers a specific [peer group](/docs/how-to/access-control#concepts) should use, and set up split DNS.
 
 <Note>
-    Nameservers is available for NetBird [v0.11.0](https://github.com/netbirdio/netbird/releases) or later.
+    Nameservers feature is available in NetBird [v0.11.0](https://github.com/netbirdio/netbird/releases) or later.
 </Note>
 
 ## Concepts
diff --git a/src/pages/docs/how-to/manage-network-access.mdx b/src/pages/docs/how-to/manage-network-access.mdx
index 52c3dccf..6d5fba30 100644
--- a/src/pages/docs/how-to/manage-network-access.mdx
+++ b/src/pages/docs/how-to/manage-network-access.mdx
@@ -5,7 +5,7 @@ defining what peer groups are permitted to establish connections with one anothe
 
 <div class="videowrapper">
 
-    <iframe src="https://www.youtube.com/embed/WvbkACjdsHA" allow="fullscreen;" width="800" height="500" style={{boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)'}}></iframe>
+    <iframe src="https://www.youtube.com/embed/WvbkACjdsHA" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen;" style={{boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)'}}></iframe>
 
 </div>
 
diff --git a/src/pages/docs/introductions.mdx b/src/pages/docs/introduction.mdx
similarity index 94%
rename from src/pages/docs/introductions.mdx
rename to src/pages/docs/introduction.mdx
index b0a185e9..aaa8e9de 100644
--- a/src/pages/docs/introductions.mdx
+++ b/src/pages/docs/introduction.mdx
@@ -11,7 +11,7 @@ NetBird is a simple and fast alternative to corporate VPNs built on top of [Wire
 It requires near zero configuration effort leaving behind the hassle of opening ports, complex firewall rules, vpn gateways, and so forth. {{ className: 'lead' }}
 
 <Note>
-    NetBird is an **open-source** project.
+    NetBird is an **open-source** project and can be self-hosted
 </Note>
 
 There is no centralized VPN server with NetBird - your computers, devices, machines, and servers connect to each other directly over a fast encrypted tunnel.
@@ -23,6 +23,8 @@ It literally takes less than 5 minutes to deploy a secure peer-to-peer VPN with
   <Button href="https://github.com/netbirdio/netbird" variant="outline" children="Explore Github" />
 </div>
 
+<AboutNetbird />
+
 <HowToGuides />
 
-<AboutNetbird />
+
diff --git a/src/pages/ipa/introductions.mdx b/src/pages/ipa/introduction.mdx
similarity index 100%
rename from src/pages/ipa/introductions.mdx
rename to src/pages/ipa/introduction.mdx
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 617cb3ec..01efab18 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -19,7 +19,7 @@
   clear: both;
   width: 100%;
   position: relative;
-  padding-bottom: 56.25%;
+  padding-bottom: 46.25%;
   padding-top: 25px;
   height: 0;
 }