fix: docs for premium features (#9895)

* fix: docs for premium features * fix: docs for premium features
EddieHubCommunity · Dec 12, 2023 · 067f763 · 067f763
1 parent 7e7afa5
commit 067f763
Show file tree

Hide file tree

Showing 9 changed files with 92 additions and 86 deletions.
diff --git a/components/Footer.js b/components/Footer.js
@@ -70,7 +70,6 @@ export default function Footer() {
         href: "https://biodrop.substack.com/",
         external: true,
       },
-      { name: `v${app.version}`, href: "/roadmap", external: false },
     ],
     legal: [
       {
@@ -231,7 +230,7 @@ export default function Footer() {
             onClick={() => va.track(`footer`, { link: "powered by EddieHub" })}
           >
             <RocketLaunchIcon className="h-6 w-6" aria-hidden="true" />
-            Powered by EddieHub
+            Powered by EddieHub | v{app.version}
           </Link>
         </div>
       </div>

diff --git a/components/layouts/DocsLayout.js b/components/layouts/DocsLayout.js
@@ -107,6 +107,7 @@ export const navigation = [
       { name: "Auto", href: "/docs/premium/auto" },
       { name: "Customisation", href: "/docs/premium/customisation" },
       { name: "Custom Domain", href: "/docs/premium/domain" },
+      { name: "PWA", href: "/docs/premium/pwa" },
     ],
   },
   {
@@ -119,7 +120,6 @@ export const navigation = [
       { name: "Map Information", href: "/docs/map" },
       { name: "FAQs", href: "/docs/faqs" },
       { name: "Community Resources", href: "/docs/community-resources" },
-      { name: "Statistics", href: "/docs/how-to-guides/statistics" },
       { name: "Maintainers", href: "/docs/maintainers" },
     ],
   },

diff --git a/pages/docs/how-to-guides/statistics.mdx b/pages/docs/how-to-guides/statistics.mdx
diff --git a/pages/docs/map.mdx b/pages/docs/map.mdx
@@ -1,7 +1,7 @@
 import DocsLayout from "@components/layouts/DocsLayout.js";
 import Link from "@components/Link";
 
-## Understanding the BioDrop map
+## Understanding the BioDrop Map
 
 This area will describe the BioDrop map and answer common questions.
 

diff --git a/pages/docs/premium/domain.mdx b/pages/docs/premium/domain.mdx
@@ -1,6 +1,4 @@
 import DocsLayout from "@components/layouts/DocsLayout.js";
-import ClipboardCopy from "@components/ClipboardCopy";
-import Link from "@components/Link";
 import Alert from "@components/Alert.js";
 
 ## Custom Domain
@@ -15,7 +13,7 @@ import Alert from "@components/Alert.js";
   }
 />
 
-Customise even further by using your own domain for your BioDrop Profile.
+Customise even further by using your own domain for your BioDrop Profile. Currently subdomains are not supported.
 
 ### 1. Go to your domain registrar
 

diff --git a/pages/docs/premium/mobile-app.mdx b/pages/docs/premium/mobile-app.mdx
@@ -0,0 +1,28 @@
+import DocsLayout from "@components/layouts/DocsLayout.js";
+import Alert from "@components/Alert.js";
+
+## Mobile App
+
+<Alert
+  type="warning"
+  message={
+    <>
+      <strong>NOTE: </strong>
+      Use your custom domsin to get the best experience on mobile, this will show your profile directly when opening the app
+    </>
+  }
+/>
+
+We use PWA (Progressive Mobile App) to make it easier for you to access your profile on mobile.
+
+### 1. Visit to your custom domain
+
+export default ({ children }) => (
+  <DocsLayout
+    title="BioDrop Links Documentation"
+    section="Customising your Profile"
+    name="Links"
+  >
+    {children}
+  </DocsLayout>
+);
diff --git a/pages/docs/premium/pwa.mdx b/pages/docs/premium/pwa.mdx
@@ -0,0 +1,36 @@
+import DocsLayout from "@components/layouts/DocsLayout.js";
+import Alert from "@components/Alert.js";
+
+## Progressive Web App (PWA)
+
+BioDrop is a Progressive Web App (PWA) which gives you offline access to your Profile and QR code.
+
+### Installation
+
+To install BioDrop on your device, follow the steps below:
+
+1. Open the BioDrop app in your mobile internet browser.
+2. In the share menu, scroll down and tap to "Add to Home Screen".
+3. Follow the prompts to install BioDrop on your device.
+
+<Alert
+  type="warning"
+  message={
+    <>
+      <strong>NOTE: </strong>
+      For a better experience, we recommend using a custom domain for your Profile
+      and visiting this url in your mobile internet browser when installing BioDrop
+      PWA - this will remove the header and footer from your Profile.
+    </>
+  }
+/>
+
+export default ({ children }) => (
+  <DocsLayout
+    title="BioDrop Links Documentation"
+    section="Customising your Profile"
+    name="Links"
+  >
+    {children}
+  </DocsLayout>
+);
diff --git a/pages/index.js b/pages/index.js
@@ -72,14 +72,6 @@ export default function Home({
         PROJECT_NAME +
         " screenshot of the bio and social links in example profile",
     },
-    {
-      name: "Your Tags",
-      description:
-        "Make your Profile discoverable with tags that describe you.",
-      imageSrc:
-        "https://user-images.githubusercontent.com/84538727/215545233-86355c96-21d7-48f9-a641-6f0884f8098d.png",
-      imageAlt: PROJECT_NAME + " screenshot of the tags in example profile",
-    },
     {
       name: "Search by Tags",
       description:
@@ -91,31 +83,22 @@ export default function Home({
         " screenshot of search page using tags for searching profiles.",
     },
     {
-      name: "Your QR code",
+      name: "QR code",
       description:
         "Make it easier to share your Profile when you meet people with your unique QR code.",
       imageSrc:
         "https://user-images.githubusercontent.com/100528412/211307797-e7ae2d78-f7e2-48c5-a4d2-910bcb69a8e5.png",
       imageAlt: PROJECT_NAME + " screenshot of a QR code example",
     },
     {
-      name: "Your Links",
-      description:
-        "Let people discover all your great content in one place by adding links to your different socials, website, blog ... and more.",
-      imageSrc:
-        "https://user-images.githubusercontent.com/624760/217969126-c31be76a-6682-41a0-9fdf-8a235d1237f7.png",
-      imageAlt:
-        PROJECT_NAME + " screenshot of links section of an example profile",
-    },
-    {
-      name: PROJECT_NAME + " Statistics",
-      description: `View details of your ${PROJECT_NAME} profile, with views and url clicks.`,
+      name: "Statistics / Reporting",
+      description: `View details of your ${PROJECT_NAME} profile, with views, url clicks, referrer, geo location and daily link clicks.`,
       imageSrc:
         "https://user-images.githubusercontent.com/109926117/234534981-9db096eb-dc79-4310-a7a6-e7fd46799dff.png",
       imageAlt: PROJECT_NAME + " screenshot of account statistics page",
     },
     {
-      name: "Your Milestones",
+      name: "Milestones",
       description:
         "Demonstrate the highlights of your career by adding Milestones to your Profile.",
       imageSrc:
@@ -125,57 +108,30 @@ export default function Home({
         " screenshot of milestones section of an example profile",
     },
     {
-      name: "Your Testimonials",
-      description: "Show off the great feedback you have received.",
-      imageSrc:
-        "https://user-images.githubusercontent.com/624760/210063784-ae8dab1f-3f1e-41cc-83a5-94e69ee9e7ff.png",
-      imageAlt:
-        PROJECT_NAME +
-        " screenshot of testimonials section of an example profile",
-    },
-    {
-      name: "Your Events",
-      description:
-        "Hosting or attending events, let people know what you are up to.",
-      imageSrc:
-        "https://user-images.githubusercontent.com/624760/210063782-3e6ed687-7d1b-4a23-bd02-aa88968ad0ec.png",
-      imageAlt:
-        PROJECT_NAME + " screenshot of events section of an example profile",
-    },
-    {
-      name: "Community Events",
+      name: "Events",
       description:
-        "Upcoming events from the community Profiles will be displayed on this page also.",
+        "Add your Events to your Profile and see all events added by BioDrop users to a Community events page.",
       imageSrc:
         "https://user-images.githubusercontent.com/109926117/234534986-ef4a6cd6-a22a-48f8-aa46-2dbd0f7a6403.png",
       imageAlt:
         PROJECT_NAME +
         " screenshot of community events section in the Community Section tab",
     },
     {
-      name: PROJECT_NAME + " Map",
-      description: "Discover people around the world from the BioDrop Map.",
+      name: "User Map",
+      description: "Discover people around the World from the BioDrop Map.",
       imageSrc:
         "https://user-images.githubusercontent.com/43419831/279958647-a815844e-ca8e-48e1-8362-5cc1f48063d6.png",
       imageAlt: PROJECT_NAME + " screenshot of Map Page",
     },
     {
-      name: "Your GitHub Repositories (repos)",
+      name: "GitHub Repositories (repos)",
       description:
-        "Add your GitHub repos to your Profile and they appear on the community repo page.",
+        "Add your GitHub repos to your Profile and they will also appear on the Community Repos page.",
       imageSrc:
         "https://user-images.githubusercontent.com/624760/263394464-1f60752c-00d2-4e41-bf74-fe598b14e9fa.png",
       imageAlt: "BioDrop screenshot of Repo Page",
     },
-    {
-      premium: true,
-      name: "Your Profile Source and Country Statistics",
-      description:
-        "More in depth statistics about your Profile, including the source of the views and the country of the views.",
-      imageSrc:
-        "https://github.com/EddieHubCommunity/BioDrop/assets/624760/f662fa12-49db-4e69-9862-9bf9b4652420",
-      imageAlt: "BioDrop screenshot of Source and Country statistics Page",
-    },
   ];
 
   const testimonials = [
@@ -310,15 +266,13 @@ export default function Home({
         <div className="mx-auto max-w-2xl py-12 px-4 sm:px-6 sm:py-12 lg:max-w-7xl lg:px-8">
           <div className="mx-auto max-w-3xl text-center">
             <h2 className="text-3xl font-bold tracking-tight text-primary-low sm:text-4xl">
-              Features
+              Popular Features
             </h2>
             <p className="mt-4 text-primary-low/80 text-xl">
-              It is not just links... Take a look at the Features you can add to
-              customize your {PROJECT_NAME} Profile.
+              It is not just links...
             </p>
           </div>
-
-          <div className="mt-16 space-y-16">
+          <div className="mt-16 mb-8 space-y-16">
             {featuresDetails.map((feature, featureIdx) => (
               <div
                 key={feature.name}
@@ -365,6 +319,9 @@ export default function Home({
               </div>
             ))}
           </div>
+          <Button href="/pricing" primary={true}>
+            Full Feature list
+          </Button>
         </div>
       </div>
 

diff --git a/pages/pricing.js b/pages/pricing.js
@@ -172,6 +172,12 @@ export default function Premium({ user }) {
           description: "Share your Profile easily with others",
           tiers: { Free: true, Premium: true },
         },
+        {
+          name: "Progressive Web App (PWA)",
+          description:
+            "Offline access to your Profile and QR code on your mobile home screen",
+          tiers: { Free: true, Premium: true },
+        },
         {
           name: "Hide Header/Footer",
           description:
@@ -192,7 +198,8 @@ export default function Premium({ user }) {
         },
         {
           name: "Custom Domain",
-          description: "Use your own domain for your Profile",
+          description:
+            "Use your own domain for your Profile (sub domain not supported)",
           tiers: { Free: false, Premium: true },
         },
       ],