feat: add a note explaining the signup requirement

Author: darraghoriordan

apps/frontend/src/components/SignupBuyNow.tsx

@@ -31,7 +31,7 @@ export function SignUpBuyNowButton({
                 color={color}
                 className={clsx(
                     "rounded-lg text-xl px-14 py-4 hover:shadow-lg border-white",
-                    className
+                    className,
                 )}
             >
                 {text || "Sign up and buy"}

apps/frontend/src/marketing-pages/components/TwitterCTA.tsx

@@ -6,7 +6,7 @@ export function TwitterCTA() {
                 href="https://twitter.com/darraghor"
                 className="underline underline-offset-2"
             >
-                @Darraghor
+                @darraghor
             </a>
         </p>
     );

apps/frontend/src/marketing-pages/dev-shell-home/Pricing.tsx

@@ -48,13 +48,19 @@ export function Pricing({ user }: { user: UserDto }) {
                         <p className="text-6xl py-16 text-center">
                             $29<span className="text-base">USD</span>
                         </p>
-                        <div className="mx-auto flex gap-x-6 md:mx-0 mb-10">
-                            <SignUpBuyNowButton
-                                user={user}
-                                productKey="dev-shell"
-                                color="cyan"
-                                className="w-full"
-                            />
+                        <div className="flex flex-col gap-x-6  mb-10">
+                            <div className="mx-auto flex md:mx-0">
+                                <SignUpBuyNowButton
+                                    user={user}
+                                    productKey="dev-shell"
+                                    color="cyan"
+                                    className="w-full"
+                                />
+                            </div>
+                            <p className="mt-3">
+                                I need an account to store your GitHub username
+                                for access to the repo.
+                            </p>
                         </div>
                     </div>
                 </div>

apps/frontend/src/pages/docs/[productKey]/reference/[projectKey]/[codeFile].tsx

@@ -19,7 +19,7 @@ const DynamicCodeExplorer = dynamic(
     {
         loading: () => <p>Loading Code...</p>,
         ssr: false,
-    }
+    },
 );
 
 export default function CodeFileHome({
@@ -39,7 +39,7 @@ export default function CodeFileHome({
 
     const setSelectedFile = (fileParam: string, projectKeyParam: string) => {
         router.push(
-            `/docs/${productKey}/reference/${projectKeyParam}/${fileParam}`
+            `/docs/${productKey}/reference/${projectKeyParam}/${fileParam}`,
         );
     };
 
@@ -85,7 +85,7 @@ export default function CodeFileHome({
                     // This is one of the hackiest things in the app. Harmless tho. Will fix later
                     // need to actually check that the users access to the product(s)
                     markdownFile?.data?.contents?.includes(
-                        "Purchase Notice"
+                        "Purchase Notice",
                     ) && (
                         <div className="bg-yellow-50 text-yellow-800">
                             <ExclamationTriangleIcon
@@ -98,7 +98,7 @@ export default function CodeFileHome({
                                 </span>
                                 It looks like you haven't purchased yet. You can
                                 explore the full project structure here, but you
-                                will see clipped code files. After purchasing
+                                will see scrambled code files. After purchasing
                                 you will see full file content here, and get
                                 full access on GitHub.
                             </span>

infrastructure/production/dokku-app/dokku_app.tf

@@ -12,7 +12,6 @@ resource "dokku_app" "frontend_app" {
     AUTH0_AUDIENCE              = var.frontend_app_auth0_audience
     OTEL_EXPORTER_OTLP_ENDPOINT = var.otel_exporter_otlp_endpoint
     OTEL_EXPORTER_OTLP_HEADERS  = var.frontend_app_otel_exporter_otlp_headers
-
   }
 
   domains = var.frontend_app_domains