FEAT: Add consult us form and update page hero

apps/contact/app/api/contact/route.tsx

@@ -6,9 +6,7 @@ import { NextRequest } from "next/server";
 import z from "zod";
 
 const bodyValidationSchema = z.object({
-  name: z
-    .string()
-    .min(2, { message: "Name must be at least 2 characters long" }),
+  name: z.string(),
   email: z
     .email({ message: "Invalid email adress" })
     .min(1, { message: "Required field" }),

apps/contact/app/api/get-plan/route.ts

@@ -0,0 +1,142 @@
+import { processContact } from "@/helpers/notion";
+import { nanoid } from "nanoid";
+import { NextRequest } from "next/server";
+import z from "zod";
+
+const { NOTION_GET_PLAN_DATABASE_ID } = process.env;
+
+const bodyValidationSchema = z.object({
+  name: z.string(),
+  email: z
+    .email({ message: "Invalid email adress" })
+    .min(1, { message: "Required field" }),
+  companyName: z.string().optional(),
+  mainChallenge: z.string().optional(),
+  expectedStartDate: z.string().optional(),
+  hasConsent: z.boolean().optional(),
+});
+
+type RequestBody = z.infer<typeof bodyValidationSchema>;
+
+const allowRequest = async (request: Request & { ip?: string }) => {
+  return { success: true, limit: 1, reset: Date.now() + 30000, remaining: 1 };
+};
+
+export async function OPTIONS() {
+  return new Response(null, {
+    status: 200,
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "OPTIONS, POST",
+      "Access-Control-Allow-Headers": "Content-Type, Authorization",
+    },
+  });
+}
+
+export async function POST(request: NextRequest) {
+  const corsHeaders = {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Credentials": "true",
+    "Access-Control-Allow-Methods": "POST, OPTIONS",
+    "Access-Control-Allow-Headers": "Content-Type, Authorization",
+  };
+
+  if (request.headers.get("Content-Type") === "application/json") {
+    try {
+      const body = (await request.json()) as RequestBody;
+      const bodyValidationResult = bodyValidationSchema.safeParse(body);
+
+      if (!body || bodyValidationResult.error) {
+        return new Response(
+          JSON.stringify({
+            message: bodyValidationResult.error?.message || "No body was found",
+          }),
+          {
+            status: 400,
+            headers: {
+              ...corsHeaders,
+            },
+          },
+        );
+      }
+
+      const {
+        name,
+        email,
+        companyName,
+        mainChallenge,
+        expectedStartDate,
+        hasConsent,
+      } = body;
+
+      const message = `
+          Company name: ${companyName || ""} \n
+          Main challenge: ${mainChallenge || ""} \n
+          Expected start date: ${expectedStartDate || ""} \n`;
+
+      if (!hasConsent) {
+        return new Response(JSON.stringify({ message: "No consent by user" }), {
+          status: 403,
+          headers: {
+            ...corsHeaders,
+          },
+        });
+      }
+
+      const { success, limit, reset, remaining } = await allowRequest(request);
+
+      if (!success) {
+        return new Response(
+          JSON.stringify({
+            message: "Too many requests. Please try again in a minute",
+          }),
+          {
+            status: 429,
+            headers: {
+              ...corsHeaders,
+            },
+          },
+        );
+      }
+
+      await processContact({
+        id: nanoid(),
+        email,
+        name,
+        message: message || "",
+        databaseID: NOTION_GET_PLAN_DATABASE_ID || "",
+        source: request.nextUrl.searchParams.get("source") || "Unknown",
+      });
+
+      return new Response(
+        JSON.stringify({
+          message: "Success",
+        }),
+        {
+          status: 200,
+          headers: {
+            ...corsHeaders,
+            "X-RateLimit-Limit": limit.toString(),
+            "X-RateLimit-Remaining": remaining.toString(),
+            "X-RateLimit-Reset": reset.toString(),
+          },
+        },
+      );
+    } catch (error) {
+      console.error("Error - api/get-plan", error);
+
+      const statusCode = (error as any).statusCode || 501;
+      const message =
+        (error as any)?.body?.message || "Issue while processing request";
+
+      return new Response(JSON.stringify({ message }), {
+        status: statusCode,
+        headers: {
+          ...corsHeaders,
+        },
+      });
+    }
+  }
+
+  return new Response(null, { status: 400, headers: corsHeaders });
+}

apps/website/astro.config.mjs

@@ -19,7 +19,10 @@ export default defineConfig({
   adapter: vercel({
     imageService: true,
     imagesConfig: {
-      sizes: [320, 480, 578, 640, 720, 800, 940, 1200, 1412, 1536, 1800, 1920],
+      sizes: [
+        320, 480, 578, 640, 720, 800, 940, 960, 1200, 1280, 1412, 1440, 1536,
+        1600, 1800, 1920,
+      ],
       formats: ["image/avif", "image/webp"],
     },
   }),