diff --git a/src/app/(main)/support/layout.tsx b/src/app/(main)/support/layout.tsx
new file mode 100644
index 0000000..ab1f142
--- /dev/null
+++ b/src/app/(main)/support/layout.tsx
@@ -0,0 +1,11 @@
+import Footer from "@/components/Layout/Footer";
+import { PropsWithChildren } from "react";
+
+export default function Layout({ children }: PropsWithChildren) {
+    return (
+        <>
+            <div className="min-h-screen block">{children}</div>
+            <Footer />
+        </>
+    );
+}
diff --git a/src/app/(main)/support/page.tsx b/src/app/(main)/support/page.tsx
new file mode 100644
index 0000000..cfbb44a
--- /dev/null
+++ b/src/app/(main)/support/page.tsx
@@ -0,0 +1,22 @@
+import SupportForm from "@/features/SupportForm/SupportForm";
+import { ServerComponentProps } from "@/types/ServerComponentProps";
+import { Spacer } from "@nextui-org/react";
+
+export default function Page({ searchParams }: ServerComponentProps) {
+    const form = searchParams?.form;
+
+    return (
+        <main className="flex items-center justify-center py-5 lg:py-10 px-3">
+            <div className="md:w-96 lg:w-1/2 xl:w-1/3">
+                <h1 className="text-4xl font-bold">Support</h1>
+                <p>
+                    You can contact our support team by filling out the form
+                    below.
+                </p>
+
+                <Spacer y={5} />
+                <SupportForm form={form} />
+            </div>
+        </main>
+    );
+}
diff --git a/src/features/SupportForm/CommonFields.tsx b/src/features/SupportForm/CommonFields.tsx
new file mode 100644
index 0000000..a24aeac
--- /dev/null
+++ b/src/features/SupportForm/CommonFields.tsx
@@ -0,0 +1,45 @@
+import { Input, Spacer } from "@nextui-org/react";
+import {
+    Control,
+    FieldValues,
+    FormState,
+    Path,
+    UseFormRegister,
+} from "react-hook-form";
+
+type CommonFieldsProps<T extends FieldValues> = {
+    control: Control<T>;
+    register: UseFormRegister<T>;
+    formState: FormState<T>;
+};
+
+const CommonFields = <T extends FieldValues>({
+    control,
+    register,
+    formState,
+}: CommonFieldsProps<T>) => {
+    return (
+        <>
+            <Input
+                label="Your name"
+                isInvalid={Boolean(formState.errors.name)}
+                errorMessage={formState.errors.name?.message?.toString()}
+                {...register("name" as Path<T>)}
+            />
+            <Spacer y={2} />
+            <Input
+                label="Email address"
+                isInvalid={Boolean(formState.errors.email)}
+                errorMessage={formState.errors.email?.message?.toString()}
+                {...register("email" as Path<T>)}
+            />
+            <p className="text-[#999] text-xs ml-1 mt-1">
+                We&rsquo;ll use this email address to contact you back if
+                necessary.
+            </p>
+            <div className="w-full h-[1px] bg-neutral-300 dark:bg-neutral-700 block my-5"></div>
+        </>
+    );
+};
+
+export default CommonFields;
diff --git a/src/features/SupportForm/DMCAForm.tsx b/src/features/SupportForm/DMCAForm.tsx
new file mode 100644
index 0000000..5d6af47
--- /dev/null
+++ b/src/features/SupportForm/DMCAForm.tsx
@@ -0,0 +1,214 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Input, Radio, RadioGroup, Spacer, Textarea } from "@nextui-org/react";
+import clsx from "clsx";
+import { useRef, useState, type FC } from "react";
+import { Controller, Form, useForm } from "react-hook-form";
+import { z } from "zod";
+import CommonFields from "./CommonFields";
+import DMCASwornStatements from "./DMCASwornStatements";
+import SubmitButton from "./SubmitButton";
+import { DMCAFormSchema } from "./SupportFormSchemas";
+
+type DMCAFormProps = {};
+
+const DMCAForm: FC<DMCAFormProps> = (props) => {
+    const [swornStatementsError, setSwornStatementsError] = useState<
+        string | null
+    >(null);
+    const { control, register, formState } = useForm<
+        z.infer<typeof DMCAFormSchema>
+    >({
+        resolver: zodResolver(DMCAFormSchema),
+    });
+    const swornStatementsRef = useRef<[boolean, boolean, boolean]>([
+        false,
+        false,
+        false,
+    ]);
+
+    const handleSubmit = ({
+        data,
+    }: {
+        data: z.infer<typeof DMCAFormSchema>;
+    }) => {
+        if (!swornStatementsRef.current.every(Boolean)) {
+            setSwornStatementsError(
+                "Please agree to all the sworn statements.",
+            );
+            return;
+        }
+
+        setSwornStatementsError(null);
+        console.log(data);
+    };
+
+    return (
+        <Form control={control} onSubmit={handleSubmit}>
+            <CommonFields
+                control={control}
+                register={register}
+                formState={formState}
+            />
+
+            <h2 className="text-2xl">Details of the Infringement</h2>
+            <p className="text-[#999] text-sm mb-5">
+                Please provide the following details about the infringement.
+            </p>
+
+            <Controller
+                name="infringingURLs"
+                control={control}
+                render={({ field, fieldState }) => (
+                    <Textarea
+                        label="Infringing URLs"
+                        isInvalid={Boolean(fieldState.error)}
+                        errorMessage={fieldState.error?.message?.toString()}
+                        onBlur={field.onBlur}
+                        onValueChange={(value) => {
+                            field.onChange(
+                                (value || "")
+                                    .split("\n")
+                                    .map((str) => str.trim())
+                                    .filter(Boolean),
+                            );
+                        }}
+                    />
+                )}
+            />
+            <p className="text-[#999] text-xs ml-1 mt-1">
+                Please enter the URLs that are infringing your content. You can
+                enter multiple URLs by separating them with a new line.
+                <br />
+                If the infringing content is a Discord Message, please provide
+                the message link.
+            </p>
+
+            <Spacer y={3} />
+            <Controller
+                name="originalContentURLs"
+                control={control}
+                render={({ field, fieldState }) => (
+                    <Textarea
+                        label="URLs to the Original Content"
+                        isInvalid={Boolean(fieldState.error)}
+                        errorMessage={fieldState.error?.message?.toString()}
+                        onBlur={field.onBlur}
+                        onValueChange={(value) => {
+                            field.onChange(
+                                (value || "")
+                                    .split("\n")
+                                    .map((str) => str.trim())
+                                    .filter(Boolean),
+                            );
+                        }}
+                    />
+                )}
+            />
+            <p className="text-[#999] text-xs ml-1 mt-1">
+                Please enter the URLs to the original content. You can enter
+                multiple URLs by separating them with a new line.
+            </p>
+
+            <Spacer y={3} />
+            <Textarea
+                label="Description of the Infringement"
+                isInvalid={Boolean(formState.errors.description)}
+                errorMessage={formState.errors.description?.message?.toString()}
+                {...register("description")}
+            />
+
+            <h2 className="text-2xl mt-7">Your Information</h2>
+            <p className="text-[#999] text-sm mb-5">
+                Please provide your information below.
+            </p>
+
+            <Spacer y={3} />
+            <Input
+                label="Your Full Legal Name"
+                isInvalid={Boolean(formState.errors.legalName)}
+                errorMessage={formState.errors.legalName?.message?.toString()}
+                {...register("legalName")}
+            />
+
+            <Spacer y={3} />
+            <Input
+                label="Your Company Name (if applicable)"
+                isInvalid={Boolean(formState.errors.companyName)}
+                errorMessage={formState.errors.companyName?.message?.toString()}
+                {...register("companyName")}
+            />
+
+            <Spacer y={3} />
+            <Input
+                label="Your Position in the Company (if applicable)"
+                isInvalid={Boolean(formState.errors.position)}
+                errorMessage={formState.errors.position?.message?.toString()}
+                {...register("position")}
+            />
+
+            <Spacer y={3} />
+            <Controller
+                name="actingOnBehalfOf"
+                control={control}
+                render={({ field, fieldState }) => (
+                    <>
+                        <RadioGroup
+                            label="I am acting on behalf of:"
+                            isInvalid={Boolean(fieldState.error)}
+                            errorMessage={fieldState.error?.message?.toString()}
+                            onValueChange={field.onChange}
+                        >
+                            <Radio value="myself">Myself</Radio>
+                            <Radio value="company">My Company</Radio>
+                            <Radio value="client">My Client</Radio>
+                            <Radio value="other">
+                                Other (please specify below)
+                            </Radio>
+                        </RadioGroup>
+
+                        <Input
+                            label="On behalf of"
+                            isInvalid={Boolean(
+                                formState.errors.actingOnBehalfOfOther,
+                            )}
+                            errorMessage={formState.errors.actingOnBehalfOfOther?.message?.toString()}
+                            className={clsx(
+                                "mt-3",
+                                field.value === "other" ? "" : "hidden",
+                            )}
+                            {...register("actingOnBehalfOfOther")}
+                        />
+                    </>
+                )}
+            />
+
+            <Spacer y={5} />
+            <DMCASwornStatements
+                onValueChange={(index, values) => {
+                    swornStatementsRef.current[index] = values;
+                }}
+            />
+            {swornStatementsError && (
+                <p className="text-red-500 text-sm mt-2">
+                    {swornStatementsError}
+                </p>
+            )}
+
+            <Spacer y={5} />
+            <h2 className="text-2xl">Signature</h2>
+            <p className="text-[#999] text-sm mb-5">Please sign this form.</p>
+
+            <Spacer y={3} />
+            <Input
+                label="Your Signature"
+                isInvalid={Boolean(formState.errors.signature)}
+                errorMessage={formState.errors.signature?.message?.toString()}
+                {...register("signature")}
+            />
+
+            <SubmitButton />
+        </Form>
+    );
+};
+
+export default DMCAForm;
diff --git a/src/features/SupportForm/DMCASwornStatements.tsx b/src/features/SupportForm/DMCASwornStatements.tsx
new file mode 100644
index 0000000..e87b270
--- /dev/null
+++ b/src/features/SupportForm/DMCASwornStatements.tsx
@@ -0,0 +1,40 @@
+import { Checkbox } from "@nextui-org/react";
+import { type FC } from "react";
+
+type DMCASwornStatementsProps = {
+    onValueChange: (index: number, value: boolean) => void;
+};
+
+const DMCASwornStatements: FC<DMCASwornStatementsProps> = ({
+    onValueChange,
+}) => {
+    return (
+        <div>
+            <Checkbox onValueChange={(value) => onValueChange(0, value)}>
+                <span className="text-sm">
+                    I have a good faith belief that the use of the material in
+                    the manner complained of is not authorized by the copyright
+                    owner, its agent, or the law.
+                </span>
+            </Checkbox>
+
+            <Checkbox onValueChange={(value) => onValueChange(1, value)}>
+                <span className="text-sm">
+                    I swear, under penalty of perjury, that the information in
+                    the notification is accurate, and that I am the owner of an
+                    exclusive right that is allegedly infringed.
+                </span>
+            </Checkbox>
+
+            <Checkbox onValueChange={(value) => onValueChange(2, value)}>
+                <span className="text-sm">
+                    I acknowledge that I may be liable for damages if I
+                    knowingly materially misrepresent that material or activity
+                    is infringing.
+                </span>
+            </Checkbox>
+        </div>
+    );
+};
+
+export default DMCASwornStatements;
diff --git a/src/features/SupportForm/GeneralHelpForm.tsx b/src/features/SupportForm/GeneralHelpForm.tsx
new file mode 100644
index 0000000..6ac4210
--- /dev/null
+++ b/src/features/SupportForm/GeneralHelpForm.tsx
@@ -0,0 +1,30 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { type FC } from "react";
+import { Form, useForm } from "react-hook-form";
+import { z } from "zod";
+import CommonFields from "./CommonFields";
+import SubmitButton from "./SubmitButton";
+import { GeneralHelpFormSchema } from "./SupportFormSchemas";
+
+type GeneralHelpFormProps = {};
+
+const GeneralHelpForm: FC<GeneralHelpFormProps> = (props) => {
+    const { control, register, formState } = useForm<
+        z.infer<typeof GeneralHelpFormSchema>
+    >({
+        resolver: zodResolver(GeneralHelpFormSchema),
+    });
+
+    return (
+        <Form control={control}>
+            <CommonFields
+                control={control}
+                register={register}
+                formState={formState}
+            />
+            <SubmitButton />
+        </Form>
+    );
+};
+
+export default GeneralHelpForm;
diff --git a/src/features/SupportForm/SubmitButton.tsx b/src/features/SupportForm/SubmitButton.tsx
new file mode 100644
index 0000000..ce4ebfd
--- /dev/null
+++ b/src/features/SupportForm/SubmitButton.tsx
@@ -0,0 +1,14 @@
+import { Button, Spacer } from "@nextui-org/react";
+
+const SubmitButton = () => {
+    return (
+        <>
+            <Spacer y={5} />
+            <Button type="submit" variant="flat" fullWidth>
+                Submit
+            </Button>
+        </>
+    );
+};
+
+export default SubmitButton;
diff --git a/src/features/SupportForm/SupportForm.tsx b/src/features/SupportForm/SupportForm.tsx
new file mode 100644
index 0000000..d59456b
--- /dev/null
+++ b/src/features/SupportForm/SupportForm.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { GITHUB_REPO_URL, SUPPORT_EMAIL_ADDRESS } from "@/constants/links";
+import { Select, SelectItem, Spacer } from "@nextui-org/react";
+import Link from "next/link";
+import { useState, type FC } from "react";
+import DMCAForm from "./DMCAForm";
+import GeneralHelpForm from "./GeneralHelpForm";
+import { SupportFormType } from "./SupportFormType";
+
+type SupportFormProps = { form?: string };
+
+const forms = {
+    [SupportFormType.GenericHelp]: {
+        name: "General Help",
+        render: () => <GeneralHelpForm />,
+    },
+    [SupportFormType.LicensingLegalSupport]: {
+        name: "Licensing & Legal Support",
+        render: () => <p>Licensing & Legal Support</p>,
+    },
+    [SupportFormType.DMCA]: {
+        name: "DMCA Takedown Request",
+        render: () => <DMCAForm />,
+    },
+    [SupportFormType.BugReport]: {
+        name: "Bug Report",
+        render: () => null,
+    },
+};
+
+const SupportForm: FC<SupportFormProps> = ({ form }) => {
+    const [type, setType] = useState<SupportFormType | null>(() =>
+        form && form in forms ? (form as SupportFormType) : null,
+    );
+
+    return (
+        <div>
+            <Select
+                label="Category"
+                name="category"
+                onSelectionChange={(keys) =>
+                    setType(
+                        Array.from(
+                            keys as unknown as Set<SupportFormType>,
+                        )[0] || null,
+                    )
+                }
+            >
+                {Object.entries(forms).map(([key, { name }]) => (
+                    <SelectItem key={key}>{name}</SelectItem>
+                ))}
+            </Select>
+
+            {type && <Spacer y={5} />}
+
+            {type === SupportFormType.BugReport && (
+                <>
+                    <p>
+                        Please report bugs at our{" "}
+                        <Link className="link" href={GITHUB_REPO_URL}>
+                            GitHub repository
+                        </Link>
+                        .
+                        <br />
+                        If you&rsquo;re reporting a security issue, please
+                        report it via email to{" "}
+                        <a
+                            href={`mailto:${SUPPORT_EMAIL_ADDRESS}`}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="link"
+                        >
+                            {SUPPORT_EMAIL_ADDRESS}
+                        </a>
+                        .
+                    </p>
+                </>
+            )}
+
+            {type && forms[type].render()}
+        </div>
+    );
+};
+
+export default SupportForm;
diff --git a/src/features/SupportForm/SupportFormSchemas.ts b/src/features/SupportForm/SupportFormSchemas.ts
new file mode 100644
index 0000000..d51e21c
--- /dev/null
+++ b/src/features/SupportForm/SupportFormSchemas.ts
@@ -0,0 +1,61 @@
+import { z } from "zod";
+
+const CommonSchema = z.object({
+    name: z
+        .string({ required_error: "Please enter your name!" })
+        .min(1, "Please enter your name!")
+        .max(255, "Name is too long!"),
+    email: z
+        .string({ required_error: "Please enter your email!" })
+        .email("Please enter a valid email!")
+        .max(255, "Email is too long!"),
+});
+
+export const GeneralHelpFormSchema = CommonSchema.extend({});
+export const DMCAFormSchema = CommonSchema.extend({
+    infringingURLs: z
+        .array(
+            z
+                .string({
+                    required_error: "Please enter the infringing URLs",
+                })
+                .url("Please make sure the URLs are valid"),
+            {
+                required_error: "Please enter the infringing URLs!",
+            },
+        )
+        .nonempty("Please enter at least one infringing URL!"),
+    originalContentURLs: z
+        .array(
+            z
+                .string({
+                    required_error: "Please enter the original content URLs",
+                })
+                .url("Please make sure the URLs are valid"),
+            {
+                required_error: "Please enter the original content URLs!",
+            },
+        )
+        .nonempty("Please enter at least one original content URL!"),
+    legalName: z
+        .string({ required_error: "Please enter your legal name!" })
+        .min(1, "Please enter your legal name!")
+        .max(255, "Legal name is too long!"),
+    companyName: z.string().max(255, "Company name is too long!").optional(),
+    position: z.string().max(255, "Position is too long!").optional(),
+    description: z
+        .string({ required_error: "Please enter the description!" })
+        .min(1, "Please enter the description!")
+        .max(1024 * 16, "Description is too long!"),
+    actingOnBehalfOf: z
+        .string({ required_error: "Please select an option!" })
+        .min(1, "Please select an option!"),
+    actingOnBehalfOfOther: z
+        .string()
+        .max(255, "Value for this field is too long!")
+        .optional(),
+    signature: z
+        .string({ required_error: "Please enter your signature!" })
+        .min(1, "Please enter your signature!")
+        .max(255, "Signature is too long!"),
+});
diff --git a/src/features/SupportForm/SupportFormType.ts b/src/features/SupportForm/SupportFormType.ts
new file mode 100644
index 0000000..f796c2e
--- /dev/null
+++ b/src/features/SupportForm/SupportFormType.ts
@@ -0,0 +1,6 @@
+export enum SupportFormType {
+    GenericHelp = "generic_help",
+    LicensingLegalSupport = "licensing_legal_support",
+    BugReport = "bug_report",
+    DMCA = "dmca",
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 130114d..9fc334d 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -5,6 +5,7 @@ const config: Config = {
     content: [
         "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
         "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./src/features/**/*.{js,ts,jsx,tsx,mdx}",
         "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
         "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
     ],
@@ -12,7 +13,8 @@ const config: Config = {
         extend: {
             backgroundImage: {
                 "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-                "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+                "gradient-conic":
+                    "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
             },
         },
     },