client/landing: adjust resources page

Author: emilwidlund

clients/apps/web/src/app/(main)/(landing)/resources/page.tsx

@@ -53,23 +53,37 @@ const resourceLinks = [
 export default function Resources() {
   return (
     <div className="mx-auto flex h-full min-h-screen w-full max-w-6xl flex-col gap-y-8 md:gap-y-16">
-      <h3 className="text-3xl md:text-5xl">Resources</h3>
-      <div className="grid grid-cols-1 gap-8 md:grid-cols-2">
-        {resourceLinks.map((link) => (
-          <Link
-            key={link.title}
-            className="dark:hover:bg-polar-800 dark:border-polar-700 flex w-full cursor-pointer flex-col gap-6 border border-gray-300 p-6 transition-colors duration-200 hover:bg-gray-100"
-            href={link.href}
-          >
-            <ArrowOutwardOutlined fontSize="inherit" />
-            <div className="flex flex-col gap-2">
-              <h3 className="font-mono text-xl">{link.title}</h3>
-              <p className="dark:text-polar-500 font-sm text-gray-500">
-                {link.description}
-              </p>
-            </div>
-          </Link>
-        ))}
+      <div className="flex flex-col gap-y-8">
+        <h3 className="text-3xl md:text-5xl">Resources</h3>
+        <p className="text-pretty text-xl">
+          Get a better understanding of our platform with these handy resources
+        </p>
+      </div>
+      <div className="flex flex-col gap-y-8">
+        <h3 className="text-2xl">Platform</h3>
+        <div className="grid grid-cols-1 gap-8 md:grid-cols-2">
+          {resourceLinks.map((link) => (
+            <Link
+              key={link.title}
+              className="dark:hover:bg-polar-900 dark:border-polar-700 flex w-full cursor-pointer flex-col gap-6 border border-gray-300 p-6 transition-colors duration-200 hover:bg-gray-100"
+              href={link.href}
+            >
+              <ArrowOutwardOutlined fontSize="inherit" />
+              <div className="flex flex-col gap-2">
+                <h3 className="font-mono text-xl">{link.title}</h3>
+                <p className="dark:text-polar-500 font-sm text-gray-500">
+                  {link.description}
+                </p>
+              </div>
+            </Link>
+          ))}
+        </div>
+      </div>
+      <div className="flex flex-col gap-y-8">
+        <h3 className="text-2xl">Guides & Tutorials</h3>
+        <div className="flex flex-col items-center justify-center gap-y-4 border border-gray-300 p-16 dark:border-gray-800">
+          <h3 className="font-mono">Coming Soon</h3>
+        </div>
       </div>
     </div>
   )

clients/packages/client/src/v1.ts

@@ -14928,26 +14928,6 @@ export interface components {
             subscription_settings?: components["schemas"]["OrganizationSubscriptionSettings"] | null;
             notification_settings?: components["schemas"]["OrganizationNotificationSettings"] | null;
         };
-        /** OrganizationValidationResult */
-        OrganizationValidationResult: {
-            /**
-             * Reason
-             * @description A 1 or 3 line explanation of the verdict and the reasoning behind it. The reason will be shown to our customer.
-             */
-            reason: string;
-            /**
-             * Verdict
-             * @description PASS | FAIL | UNCERTAIN - indicates compliance status.
-             * @enum {string}
-             */
-            verdict: "PASS" | "FAIL" | "UNCERTAIN";
-            /**
-             * Timed Out
-             * @description Whether the validation timed out
-             * @default false
-             */
-            timed_out: boolean;
-        };
         /** Pagination */
         Pagination: {
             /** Total Count */
@@ -19337,7 +19317,7 @@ export interface operations {
                     [name: string]: unknown;
                 };
                 content: {
-                    "application/json": components["schemas"]["OrganizationValidationResult"];
+                    "application/json": components["schemas"]["OrganizationReviewStatus"];
                 };
             };
             /** @description Organization not found. */
@@ -26969,7 +26949,6 @@ export const organizationDetailsSwitching_fromValues: ReadonlyArray<components["
 export const organizationReviewStatusVerdictValues: ReadonlyArray<components["schemas"]["OrganizationReviewStatus"]["verdict"]> = ["PASS", "FAIL", "UNCERTAIN"];
 export const organizationSocialPlatformsValues: ReadonlyArray<components["schemas"]["OrganizationSocialPlatforms"]> = ["x", "github", "facebook", "instagram", "youtube", "tiktok", "linkedin", "other"];
 export const organizationSortPropertyValues: ReadonlyArray<components["schemas"]["OrganizationSortProperty"]> = ["created_at", "-created_at", "slug", "-slug", "name", "-name", "next_review_threshold", "-next_review_threshold", "days_in_status", "-days_in_status"];
-export const organizationValidationResultVerdictValues: ReadonlyArray<components["schemas"]["OrganizationValidationResult"]["verdict"]> = ["PASS", "FAIL", "UNCERTAIN"];
 export const paymentProcessorValues: ReadonlyArray<components["schemas"]["PaymentProcessor"]> = ["stripe"];
 export const paymentSortPropertyValues: ReadonlyArray<components["schemas"]["PaymentSortProperty"]> = ["created_at", "-created_at", "status", "-status", "amount", "-amount", "method", "-method"];
 export const paymentStatusValues: ReadonlyArray<components["schemas"]["PaymentStatus"]> = ["pending", "succeeded", "failed"];