diff --git a/package.json b/package.json
index 83a293b..96fb6c1 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.10",
     "@types/node": "20.10.4",
     "@types/react": "18.2.45",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ff8a965..051bab7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -109,6 +109,9 @@ dependencies:
     version: 3.22.4
 
 devDependencies:
+  '@tailwindcss/line-clamp':
+    specifier: ^0.4.4
+    version: 0.4.4(tailwindcss@3.3.6)
   '@tailwindcss/typography':
     specifier: ^0.5.10
     version: 0.5.10(tailwindcss@3.3.6)
@@ -3935,6 +3938,14 @@ packages:
     dependencies:
       tslib: 2.6.2
 
+  /@tailwindcss/line-clamp@0.4.4(tailwindcss@3.3.6):
+    resolution: {integrity: sha512-5U6SY5z8N42VtrCrKlsTAA35gy2VSyYtHWCsg1H87NU1SXnEfekTVlrga9fzUDrrHcGi2Lb5KenUWb4lRQT5/g==}
+    peerDependencies:
+      tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
+    dependencies:
+      tailwindcss: 3.3.6
+    dev: true
+
   /@tailwindcss/typography@0.5.10(tailwindcss@3.3.6):
     resolution: {integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==}
     peerDependencies:
diff --git a/src/app/api/auth/login/github/callback/route.ts b/src/app/api/auth/login/github/callback/route.ts
index da9a4a7..cec76f4 100644
--- a/src/app/api/auth/login/github/callback/route.ts
+++ b/src/app/api/auth/login/github/callback/route.ts
@@ -1,9 +1,8 @@
 import { OAuthRequestError } from "@lucia-auth/oauth";
 import { cookies, headers } from "next/headers";
-import { auth, githubAuth } from "~/lib/auth";
-
 import type { NextRequest } from "next/server";
-import { sendMail } from "~/server/actions";
+import { auth, githubAuth } from "~/lib/auth";
+import { sendMail } from "~/lib/resend";
 
 export const GET = async (request: NextRequest) => {
   const storedState = cookies().get("github_oauth_state")?.value;
@@ -30,20 +29,16 @@ export const GET = async (request: NextRequest) => {
           picture: githubUser.avatar_url,
         },
       });
-      return user;
-    };
-
-    const user = await getUser();
-
-    const existingUser = await getExistingUser();
-    if (!existingUser) {
       sendMail({
         toMail: user.email,
         data: {
           name: user.name,
         },
       });
-    }
+      return user;
+    };
+
+    const user = await getUser();
 
     const session = await auth.createSession({
       userId: user.userId,
diff --git a/src/app/dashboard/billing/page.tsx b/src/app/dashboard/billing/page.tsx
index 6e6ec76..44367ea 100644
--- a/src/app/dashboard/billing/page.tsx
+++ b/src/app/dashboard/billing/page.tsx
@@ -1,18 +1,19 @@
 import { AlertTriangleIcon } from "lucide-react";
 import { BillingForm } from "~/components/billing-form";
 import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
+import { getPageSession } from "~/lib/auth";
 import { stripe } from "~/lib/stripe";
 import { getUserSubscriptionPlan } from "~/lib/subscription";
-import { getUser } from "~/server/user";
-import { type CurrentUser } from "~/types";
 
 export const revalidate = 0;
 export const dynamic = "force-dynamic";
 
 export default async function Billing() {
-  const user = (await getUser()) as CurrentUser;
+  const session = await getPageSession();
 
-  const subscriptionPlan = await getUserSubscriptionPlan(user.id);
+  const subscriptionPlan = await getUserSubscriptionPlan(
+    session?.user?.userId as string
+  );
 
   // If user has a pro plan, check cancel status on Stripe.
   let isCanceled = false;
diff --git a/src/app/dashboard/projects/action.ts b/src/app/dashboard/projects/action.ts
index 3483e66..ab0d845 100644
--- a/src/app/dashboard/projects/action.ts
+++ b/src/app/dashboard/projects/action.ts
@@ -3,9 +3,9 @@
 import { type Project } from "@prisma/client";
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
+import { getPageSession } from "~/lib/auth";
 import db from "~/lib/db";
 import { getUserSubscriptionPlan } from "~/lib/subscription";
-import { getUser } from "~/server/user";
 
 interface Payload {
   name: string;
@@ -13,14 +13,14 @@ interface Payload {
 }
 
 export async function createProject(payload: Payload) {
-  const user = await getUser();
+  const session = await getPageSession();
 
   await db.project.create({
     data: {
       ...payload,
       user: {
         connect: {
-          id: user?.id,
+          id: session?.user?.userId,
         },
       },
     },
@@ -30,8 +30,10 @@ export async function createProject(payload: Payload) {
 }
 
 export async function checkIfFreePlanLimitReached() {
-  const user = await getUser();
-  const subscriptionPlan = await getUserSubscriptionPlan(user?.id as string);
+  const session = await getPageSession();
+  const subscriptionPlan = await getUserSubscriptionPlan(
+    session?.user?.userId as string
+  );
 
   // If user is on a free plan.
   // Check if user has reached limit of 3 projects.
@@ -39,7 +41,7 @@ export async function checkIfFreePlanLimitReached() {
 
   const count = await db.project.count({
     where: {
-      userId: user?.id,
+      userId: session?.user?.userId,
     },
   });
 
@@ -47,10 +49,10 @@ export async function checkIfFreePlanLimitReached() {
 }
 
 export async function getProjects() {
-  const user = await getUser();
+  const session = await getPageSession();
   const projects = await db.project.findMany({
     where: {
-      userId: user?.id,
+      userId: session?.user?.userId,
     },
     orderBy: {
       createdAt: "desc",
@@ -60,22 +62,22 @@ export async function getProjects() {
 }
 
 export async function getProjectById(id: string) {
-  const user = await getUser();
+  const session = await getPageSession();
   const project = await db.project.findFirst({
     where: {
       id,
-      userId: user?.id,
+      userId: session?.user?.userId,
     },
   });
   return project as Project;
 }
 
 export async function updateProjectById(id: string, payload: Payload) {
-  const user = await getUser();
+  const session = await getPageSession();
   await db.project.update({
     where: {
       id,
-      userId: user?.id,
+      userId: session?.user?.userId,
     },
     data: payload,
   });
@@ -83,11 +85,11 @@ export async function updateProjectById(id: string, payload: Payload) {
 }
 
 export async function deleteProjectById(id: string) {
-  const user = await getUser();
+  const session = await getPageSession();
   await db.project.delete({
     where: {
       id,
-      userId: user?.id,
+      userId: session?.user?.userId,
     },
   });
   revalidatePath(`/dashboard/projects`);
diff --git a/src/app/dashboard/projects/create-project-modal.tsx b/src/app/dashboard/projects/create-project-modal.tsx
index 642dac3..65a7ea9 100644
--- a/src/app/dashboard/projects/create-project-modal.tsx
+++ b/src/app/dashboard/projects/create-project-modal.tsx
@@ -25,7 +25,7 @@ import {
 } from "~/components/ui/form";
 import { Input } from "~/components/ui/input";
 import { toast } from "~/components/ui/use-toast";
-import { FreePlanLimitError } from "~/server/utils";
+import { FreePlanLimitError } from "~/lib/utils";
 import { checkIfFreePlanLimitReached, createProject } from "./action";
 
 export const projectSchema = z.object({
diff --git a/src/app/dashboard/settings/actions.ts b/src/app/dashboard/settings/actions.ts
new file mode 100644
index 0000000..b043bc3
--- /dev/null
+++ b/src/app/dashboard/settings/actions.ts
@@ -0,0 +1,50 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import db from "~/lib/db";
+import { getImageKeyFromUrl, isOurCdnUrl } from "~/lib/utils";
+import { utapi } from "~/server/uploadthing";
+import { type payload } from "~/types";
+
+export const updateUser = async (id: string, payload: payload) => {
+  await db.user.update({
+    where: { id },
+    data: { ...payload },
+  });
+
+  revalidatePath("/dashboard/settings");
+};
+
+export async function removeUserOldImageFromCDN(
+  id: string,
+  newImageUrl: string
+) {
+  const user = await db.user.findFirst({
+    where: { id },
+    select: { picture: true },
+  });
+
+  const currentImageUrl = user?.picture;
+
+  if (!currentImageUrl) throw new Error("User Picture Missing");
+
+  try {
+    if (isOurCdnUrl(currentImageUrl)) {
+      const currentImageFileKey = getImageKeyFromUrl(currentImageUrl);
+
+      await utapi.deleteFiles(currentImageFileKey as string);
+      revalidatePath("/dashboard/settings");
+    }
+  } catch (e) {
+    if (e instanceof Error) {
+      const newImageFileKey = getImageKeyFromUrl(newImageUrl);
+      await utapi.deleteFiles(newImageFileKey as string);
+      console.error(e.message);
+    }
+  }
+}
+
+export async function removeNewImageFromCDN(image: string) {
+  const imageFileKey = getImageKeyFromUrl(image);
+  await utapi.deleteFiles(imageFileKey as string);
+}
diff --git a/src/app/dashboard/settings/page.tsx b/src/app/dashboard/settings/page.tsx
index ebdd9c4..142bf12 100644
--- a/src/app/dashboard/settings/page.tsx
+++ b/src/app/dashboard/settings/page.tsx
@@ -1,6 +1,6 @@
+import { type User } from "lucia";
 import { type Metadata } from "next";
-import { getUser } from "~/server/user";
-import { type CurrentUser } from "~/types";
+import { getPageSession } from "~/lib/auth";
 import SettingsForm from "./settings-form";
 
 export const metadata: Metadata = {
@@ -8,6 +8,6 @@ export const metadata: Metadata = {
 };
 
 export default async function Settings() {
-  const currentUser = (await getUser()) as CurrentUser;
-  return <SettingsForm currentUser={currentUser} />;
+  const session = await getPageSession();
+  return <SettingsForm currentUser={session?.user as User} />;
 }
diff --git a/src/app/dashboard/settings/settings-form.tsx b/src/app/dashboard/settings/settings-form.tsx
index 7e85372..abef414 100644
--- a/src/app/dashboard/settings/settings-form.tsx
+++ b/src/app/dashboard/settings/settings-form.tsx
@@ -1,10 +1,16 @@
 "use client";
 
 import { zodResolver } from "@hookform/resolvers/zod";
+import { type User } from "lucia";
 import { Loader2 } from "lucide-react";
 import dynamic from "next/dynamic";
 import { useEffect, useRef, useState, useTransition } from "react";
 import { useForm } from "react-hook-form";
+import {
+  removeNewImageFromCDN,
+  removeUserOldImageFromCDN,
+  updateUser,
+} from "~/app/dashboard/settings/actions";
 import { Avatar, AvatarFallback, AvatarImage } from "~/components/ui/avatar";
 import { Button } from "~/components/ui/button";
 import {
@@ -18,12 +24,7 @@ import {
 } from "~/components/ui/form";
 import { Input } from "~/components/ui/input";
 import { toast } from "~/components/ui/use-toast";
-import {
-  saRemoveNewImageFromCDN,
-  saRemoveUserOldImageFromCDN,
-  saUpdateUserInDb,
-} from "~/server/actions";
-import { settingsSchema, type CurrentUser, type SettingsValues } from "~/types";
+import { settingsSchema, type SettingsValues } from "~/types";
 
 const ImageUploadModal = dynamic(
   () => import("~/components/layout/image-upload-modal")
@@ -33,11 +34,7 @@ const CancelConfirmModal = dynamic(
   () => import("~/components/layout/cancel-confirm-modal")
 );
 
-export default function SettingsForm({
-  currentUser,
-}: {
-  currentUser: CurrentUser;
-}) {
+export default function SettingsForm({ currentUser }: { currentUser: User }) {
   const oldImage = useRef("");
   const [pending, startTransition] = useTransition();
 
@@ -65,43 +62,31 @@ export default function SettingsForm({
   function onSubmit(data: SettingsValues) {
     if (!formState.isDirty) return;
 
-    if (isImageChanged) {
-      startTransition(() =>
-        saRemoveUserOldImageFromCDN(currentUser.id, data.picture)
-          .then(() => saUpdateUserInDb(currentUser.id, data))
-          .then(() => {
-            toast({
-              title: "Updated successfully!",
-            });
-          })
-          .catch(() => {
-            toast({
-              title: "Something went wrong.",
-              variant: "destructive",
-            });
-          })
-      );
-    } else {
-      startTransition(() =>
-        saUpdateUserInDb(currentUser.id, data)
-          .then(() => {
-            toast({
-              title: "Updated successfully!",
-            });
-          })
-          .catch(() => {
-            toast({
-              title: "Something went wrong.",
-              variant: "destructive",
-            });
-          })
-      );
-    }
+    startTransition(() => {
+      const updatePromise = isImageChanged
+        ? removeUserOldImageFromCDN(currentUser.userId, data.picture).then(() =>
+            updateUser(currentUser.userId, data)
+          )
+        : updateUser(currentUser.userId, data);
+
+      return updatePromise
+        .then(() => {
+          toast({
+            title: "Updated successfully!",
+          });
+        })
+        .catch(() => {
+          toast({
+            title: "Something went wrong.",
+            variant: "destructive",
+          });
+        });
+    });
   }
 
   function handleReset() {
     if (isImageChanged) {
-      saRemoveNewImageFromCDN(form.getValues().picture)
+      removeNewImageFromCDN(form.getValues().picture)
         .then(() => form.reset())
         .catch((error) => console.error(error));
     } else {
diff --git a/src/components/layout/auth-form.tsx b/src/components/layout/auth-form.tsx
index 486383a..abc8aff 100644
--- a/src/components/layout/auth-form.tsx
+++ b/src/components/layout/auth-form.tsx
@@ -1,127 +1,28 @@
 "use client";
 
 import Link from "next/link";
-import { buttonVariants } from "~/components/ui/button";
+import { useState } from "react";
+import { Button, buttonVariants } from "~/components/ui/button";
 import { cn } from "~/lib/utils";
 import Icons from "../shared/icons";
 
-// const userAuthSchema = z.object({
-//   email: z.string().email("Please enter a valid email address."),
-// });
-
-// type FormData = z.infer<typeof userAuthSchema>;
-
 export default function AuthForm() {
-  // const [isLoading, setIsLoading] = useState(false);
-  // const [isGithubLoading, setIsGithubLoading] = useState(false);
-
-  // const {
-  //   register,
-  //   handleSubmit,
-  //   reset,
-  //   formState: { errors },
-  // } = useForm<FormData>({
-  //   resolver: zodResolver(userAuthSchema),
-  // });
-
-  // async function onSubmit(data: FormData) {
-  //   setIsLoading(true);
-
-  //   saCheckEmailExists(data.email.toLowerCase())
-  //     .then(async () => {
-  //       try {
-  //         const res = await signIn("email", {
-  //           email: data.email.toLowerCase(),
-  //           redirect: false,
-  //         });
-
-  //         if (!res?.ok) {
-  //           throw new Error("Something went wrong.");
-  //         }
-
-  //         toast({
-  //           title: "Check your email",
-  //           description:
-  //             "We sent you a sign in link. Be sure to check your spam too.",
-  //         });
-  //         reset();
-  //       } catch (err) {
-  //         toast({
-  //           title: "Something went wrong.",
-  //           description: "Your signin request failed. Please try again.",
-  //           variant: "destructive",
-  //         });
-  //       } finally {
-  //         setIsLoading(false);
-  //       }
-  //     })
-  //     .catch(() => {
-  //       toast({
-  //         title: "Account not found.",
-  //         description:
-  //           "You have to use the email already linked to your account.",
-  //         variant: "destructive",
-  //       });
-  //       setIsLoading(false);
-  //     });
-  // }
+  const [isLoading, setIsLoading] = useState(false);
   return (
     <div className={cn("mt-4 flex flex-col gap-4")}>
-      {/* <form onSubmit={handleSubmit(onSubmit)}>
-        <div className="flex flex-col gap-2.5">
-          <div>
-            <Label className="sr-only" htmlFor="email">
-              Email
-            </Label>
-            <Input
-              id="email"
-              placeholder="name@example.com"
-              type="email"
-              disabled={isLoading || isGithubLoading}
-              {...register("email")}
-            />
-            {errors?.email && (
-              <p className="mt-2 text-xs text-destructive">
-                {errors.email.message}
-              </p>
-            )}
-          </div>
-          <button
-            type="submit"
-            className={cn(buttonVariants())}
-            disabled={isLoading || isGithubLoading}
-          >
-            {isLoading && (
-              <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
-            )}
-            Send magic link
-          </button>
-        </div>
-      </form>
-      <div className="relative">
-        <div className="absolute inset-0 flex items-center">
-          <span className="w-full border-t" />
-        </div>
-        <div className="relative flex justify-center text-xs uppercase">
-          <span className="bg-background px-2 text-muted-foreground">Or</span>
-        </div>
-      </div> */}
-      <Link
-        href="/api/auth/login/github"
-        className={cn(buttonVariants({ variant: "outline" }))}
-        // onClick={() => {
-        //   setIsGithubLoading(true);
-        //   signIn("github");
-        // }}
-        // disabled={isLoading || isGithubLoading}
-      >
-        {/* {isGithubLoading ? (
+      {isLoading ? (
+        <Button className=" w-full cursor-not-allowed" variant="outline">
           <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
-        ) : (
-          <Icons.gitHub className="mr-2 h-4 w-4" />
-        )}{" "} */}
-        Continue with <Icons.gitHub className="ml-2 h-4 w-4" />
-      </Link>
+        </Button>
+      ) : (
+        <Link
+          href="/api/auth/login/github"
+          className={cn(buttonVariants({ variant: "outline" }))}
+          onClick={() => setIsLoading(true)}
+        >
+          Continue with <Icons.gitHub className="ml-2 h-4 w-4" />
+        </Link>
+      )}
     </div>
   );
 }
diff --git a/src/components/layout/header/index.tsx b/src/components/layout/header/index.tsx
index 00a5c20..bc60e22 100644
--- a/src/components/layout/header/index.tsx
+++ b/src/components/layout/header/index.tsx
@@ -1,13 +1,13 @@
-import { getUser } from "~/server/user";
-import { type CurrentUser } from "~/types";
+import { type User } from "lucia";
+import { getPageSession } from "~/lib/auth";
 import Navbar from "./navbar";
 
 export default async function Header() {
-  const currentUser = (await getUser()) as CurrentUser;
+  const session = await getPageSession();
   return (
     <header className="h-20 w-full">
       <div className="container h-full">
-        <Navbar loggedInUser={currentUser} />
+        <Navbar loggedInUser={session?.user as User} />
       </div>
     </header>
   );
diff --git a/src/components/layout/header/navbar.tsx b/src/components/layout/header/navbar.tsx
index cb590fa..c517741 100644
--- a/src/components/layout/header/navbar.tsx
+++ b/src/components/layout/header/navbar.tsx
@@ -1,18 +1,14 @@
 "use client";
 
+import { type User } from "lucia";
 import { MenuIcon } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
 import { buttonVariants } from "~/components/ui/button";
 import { Sheet, SheetContent, SheetTrigger } from "~/components/ui/sheet";
-import { type CurrentUser } from "~/types";
 import UserNav from "../user-nav";
-export default function Navbar({
-  loggedInUser,
-}: {
-  loggedInUser: CurrentUser;
-}) {
+export default function Navbar({ loggedInUser }: { loggedInUser: User }) {
   const [isModalOpen, setIsModalOpen] = useState(false);
   return (
     <nav className="flex h-full items-center justify-between">
diff --git a/src/components/layout/user-nav.tsx b/src/components/layout/user-nav.tsx
index a132366..1ba1905 100644
--- a/src/components/layout/user-nav.tsx
+++ b/src/components/layout/user-nav.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { type User } from "lucia";
 import { LayoutDashboardIcon, LogOut } from "lucide-react";
 import Link from "next/link";
 import { Avatar, AvatarFallback, AvatarImage } from "~/components/ui/avatar";
@@ -11,10 +12,9 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "~/components/ui/dropdown-menu";
-import { type CurrentUser } from "~/types";
 import { Button } from "../ui/button";
 
-export default function UserNav({ user }: { user: CurrentUser }) {
+export default function UserNav({ user }: { user: User }) {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
diff --git a/src/components/sections/features.tsx b/src/components/sections/features.tsx
index 1b8f486..22cb747 100644
--- a/src/components/sections/features.tsx
+++ b/src/components/sections/features.tsx
@@ -1,5 +1,5 @@
 import Balancer from "react-wrap-balancer";
-import { ToolIcons } from "../shared/tool-icons";
+import { BrandIcons } from "../shared/brand-icons";
 import { Card } from "../ui/card";
 
 export default function Features() {
@@ -15,67 +15,68 @@ export default function Features() {
             </Balancer>
           </p>
         </div>
-        <div className="mx-auto grid justify-center gap-4 sm:grid-cols-2 md:max-w-[64rem] md:grid-cols-3">
-          <Card className="flex h-[180px] flex-col justify-between rounded-md p-6">
-            <ToolIcons.nextjs />
-            <div className="space-y-2">
-              <h3 className="font-bold">Next.js 13</h3>
-              <p className="text-sm text-muted-foreground">
-                App dir, Routing, Layouts, API routes, Server Components, Server
-                actions.
-              </p>
-            </div>
+        <div className="mx-auto grid justify-center gap-4 text-center sm:grid-cols-2 md:max-w-[64rem] md:grid-cols-3">
+          <Card className="flex h-[160px] flex-col justify-between rounded-md p-6">
+            <BrandIcons.nextjs />
+            <p className="text-sm text-muted-foreground">
+              App dir, Routing, Layouts, API routes, Server Components, Server
+              actions.
+            </p>
           </Card>
-          <Card className="flex h-[180px] flex-col justify-between rounded-md p-6">
-            <ToolIcons.shadcnUI />
-            <div className="space-y-2">
-              <h3 className="font-bold">Shadcn UI</h3>
-              <p className="text-sm text-muted-foreground">
-                UI components built using Radix UI and styled with Tailwind CSS.
-              </p>
-            </div>
+          <Card className="flex h-[160px] flex-col justify-between rounded-md p-6">
+            <BrandIcons.shadcnUI />
+
+            <p className="text-sm text-muted-foreground">
+              UI components built using Radix UI and styled with Tailwind CSS.
+            </p>
           </Card>
-          <Card className="flex h-[180px] flex-col justify-between rounded-md p-6">
-            <ToolIcons.prisma />
-            <div className="space-y-2">
-              <h3 className="font-bold">Database</h3>
-              <p className="text-sm text-muted-foreground">
-                Using Postgres with Prisma ORM, hosted on Vercel Postgres.
-              </p>
-            </div>
+          <Card className="flex h-[160px] flex-col justify-between rounded-md p-6">
+            <BrandIcons.prisma />
+
+            <p className="text-sm text-muted-foreground">
+              Using Postgres with Prisma ORM, hosted on Vercel Postgres.
+            </p>
           </Card>
-          <Card className="flex h-[180px] flex-col justify-between rounded-md p-6">
-            <ToolIcons.authjs />
-            <div className="space-y-2">
-              <h3 className="font-bold">Authentication</h3>
-              <p className="text-sm text-muted-foreground">
-                Authentication using NextAuth.js and middlewares.
-              </p>
-            </div>
+          <Card className="flex h-[160px] flex-col justify-between rounded-md p-6">
+            <BrandIcons.luciaAuth />
+
+            <p className="text-sm text-muted-foreground">
+              Authentication and Authorization using LuciaAuth.
+            </p>
           </Card>
-          <Card className="flex h-[180px] flex-col justify-between rounded-md p-6">
-            <ToolIcons.uploadthing />
-            <div className="space-y-2">
-              <h3 className="font-bold">File Upload</h3>
-              <p className="text-sm text-muted-foreground">
-                Upload and preview files effortlessly with UploadThing.
-              </p>
-            </div>
+          <Card className="flex h-[160px] flex-col justify-between rounded-md p-6">
+            <BrandIcons.uploadthing />
+
+            <p className="text-sm text-muted-foreground">
+              Upload and preview files effortlessly with UploadThing.
+            </p>
           </Card>
-          <Card className="flex h-[180px] flex-col justify-between p-6">
-            <ToolIcons.resend />
-            <div className="space-y-2">
-              <h3 className="font-bold">Emails</h3>
-              <p className="text-sm text-muted-foreground">
-                Create emails using React Email and Send with Resend.
-              </p>
-            </div>
+          <Card className="flex h-[160px] flex-col justify-between p-6">
+            <BrandIcons.resend />
+
+            <p className="text-sm text-muted-foreground">
+              Create emails using React Email and Send with Resend.
+            </p>
+          </Card>
+          <Card className="flex h-[160px] flex-col justify-between p-6">
+            <BrandIcons.stripe />
+
+            <p className="text-sm text-muted-foreground">
+              Receive and process payments with Stripe.
+            </p>
+          </Card>
+          <Card className="flex h-[160px] flex-col justify-between p-6">
+            <BrandIcons.vercel />
+
+            <p className="text-sm text-muted-foreground">
+              Production and Preview deployments with Vercel.
+            </p>
           </Card>
         </div>
         <div className="mx-auto text-center md:max-w-[58rem]">
           <p className="leading-normal text-muted-foreground sm:text-lg sm:leading-7">
             ChadNext also includes changelog page built using Contentlayer and
-            MDX.
+            Markdown.
           </p>
         </div>
       </div>
diff --git a/src/components/sections/hero.tsx b/src/components/sections/hero.tsx
index 996f8a1..adf5c6e 100644
--- a/src/components/sections/hero.tsx
+++ b/src/components/sections/hero.tsx
@@ -1,8 +1,8 @@
 import { StarIcon } from "lucide-react";
 import Link from "next/link";
 import Balancer from "react-wrap-balancer";
+import { BrandIcons } from "~/components/shared/brand-icons";
 import Icons from "~/components/shared/icons";
-import { ToolIcons } from "~/components/shared/tool-icons";
 import { buttonVariants } from "~/components/ui/button";
 import { nFormatter } from "~/lib/utils";
 
@@ -40,7 +40,7 @@ export default async function Hero() {
             </Balancer>
           </p>
           <div className="mx-auto mt-6 flex items-center justify-center space-x-5">
-            <Link className={buttonVariants() + " gap-x-2"} href="/signin">
+            <Link className={buttonVariants() + " gap-x-2"} href="/login">
               Get Started
             </Link>
             <Link
@@ -76,22 +76,22 @@ export default async function Hero() {
 const tools = [
   {
     link: "https://www.typescriptlang.org/",
-    icon: ToolIcons.ts,
+    icon: BrandIcons.ts,
   },
   {
     link: "https://nextjs.org/",
-    icon: ToolIcons.nextjs,
+    icon: BrandIcons.nextjs,
   },
   {
     link: "https://tailwindcss.com/",
-    icon: ToolIcons.tailwind,
+    icon: BrandIcons.tailwind,
   },
   {
     link: "https://www.prisma.io/",
-    icon: ToolIcons.prisma,
+    icon: BrandIcons.prisma,
   },
   {
     link: "https://vercel.com/",
-    icon: ToolIcons.vercel,
+    icon: BrandIcons.vercel,
   },
 ];
diff --git a/src/components/sections/pricing.tsx b/src/components/sections/pricing.tsx
index e4d2b85..1194b35 100644
--- a/src/components/sections/pricing.tsx
+++ b/src/components/sections/pricing.tsx
@@ -1,9 +1,9 @@
 import Link from "next/link";
 import Balancer from "react-wrap-balancer";
+import { getPageSession } from "~/lib/auth";
 import { getUserSubscriptionPlan } from "~/lib/subscription";
 import { cn } from "~/lib/utils";
-import { getUser } from "~/server/user";
-import { type CurrentUser } from "~/types";
+import { Badge } from "../ui/badge";
 import { buttonVariants } from "../ui/button";
 import {
   Card,
@@ -15,10 +15,10 @@ import {
 } from "../ui/card";
 
 export default async function Pricing() {
-  const user = (await getUser()) as CurrentUser;
+  const session = await getPageSession();
 
-  const subscriptionPlan = user
-    ? await getUserSubscriptionPlan(user?.id)
+  const subscription = session
+    ? await getUserSubscriptionPlan(session?.user.userId)
     : null;
   return (
     <section>
@@ -34,14 +34,16 @@ export default async function Pricing() {
         <div className="flex flex-col justify-center gap-8 md:flex-row">
           <Card
             className={cn(
-              "w-full transition duration-200 ease-in-out hover:shadow-lg xl:w-[300px]",
-              subscriptionPlan !== null &&
-                !subscriptionPlan?.isPro &&
-                "bg-secondary"
+              "relative w-full transition duration-200 ease-in-out hover:shadow-lg xl:w-[300px]"
             )}
           >
             <CardHeader>
-              <CardTitle>Free Plan</CardTitle>
+              <CardTitle>
+                Free Plan{" "}
+                {subscription && !subscription?.isPro && (
+                  <Badge className=" absolute right-0 top-0 m-4">Current</Badge>
+                )}
+              </CardTitle>
               <CardDescription>Up to 3 projects</CardDescription>
             </CardHeader>
             <CardContent>
@@ -55,25 +57,28 @@ export default async function Pricing() {
               </p>
             </CardContent>
             <CardFooter className=" justify-center">
-              <Link href="/dashboard/billing" className={buttonVariants()}>
-                {subscriptionPlan === null
-                  ? "Get Started"
-                  : subscriptionPlan?.isPro
-                  ? "Switch Plan"
-                  : "Manage Plan"}
-              </Link>
+              {!subscription ? (
+                <Link href="/dashboard/billing" className={buttonVariants()}>
+                  Get Started
+                </Link>
+              ) : (
+                ""
+              )}
             </CardFooter>
           </Card>
           <Card
             className={cn(
-              "w-full transition duration-200 ease-in-out hover:shadow-lg xl:w-[300px]",
-              subscriptionPlan !== null &&
-                subscriptionPlan?.isPro &&
-                "bg-secondary"
+              "relative w-full transition duration-200 ease-in-out hover:shadow-lg xl:w-[300px]",
+              !subscription?.isPro && "bg-secondary"
             )}
           >
             <CardHeader>
-              <CardTitle>Pro Plan</CardTitle>
+              <CardTitle>
+                Pro Plan{" "}
+                {subscription && subscription?.isPro && (
+                  <Badge className=" absolute right-0 top-0 m-4">Current</Badge>
+                )}
+              </CardTitle>
               <CardDescription>Unlimited projects</CardDescription>
             </CardHeader>
             <CardContent>
@@ -88,11 +93,11 @@ export default async function Pricing() {
             </CardContent>
             <CardFooter className=" justify-center">
               <Link href="/dashboard/billing" className={buttonVariants()}>
-                {subscriptionPlan === null
+                {!subscription
                   ? "Get Started"
-                  : subscriptionPlan?.isPro
-                  ? "Manage Plan"
-                  : "Upgrade Plan"}
+                  : subscription?.isPro
+                    ? "Manage Plan"
+                    : "Upgrade Plan"}
               </Link>
             </CardFooter>
           </Card>
diff --git a/src/components/shared/tool-icons.tsx b/src/components/shared/brand-icons.tsx
similarity index 77%
rename from src/components/shared/tool-icons.tsx
rename to src/components/shared/brand-icons.tsx
index 245ff9b..583088b 100644
--- a/src/components/shared/tool-icons.tsx
+++ b/src/components/shared/brand-icons.tsx
@@ -1,4 +1,4 @@
-export const ToolIcons = {
+export const BrandIcons = {
   ts: () => (
     <svg
       role="img"
@@ -15,7 +15,7 @@ export const ToolIcons = {
       role="img"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
       <title>Next.js</title>
       <path d="M11.5725 0c-.1763 0-.3098.0013-.3584.0067-.0516.0053-.2159.021-.3636.0328-3.4088.3073-6.6017 2.1463-8.624 4.9728C1.1004 6.584.3802 8.3666.1082 10.255c-.0962.659-.108.8537-.108 1.7474s.012 1.0884.108 1.7476c.652 4.506 3.8591 8.2919 8.2087 9.6945.7789.2511 1.6.4223 2.5337.5255.3636.04 1.9354.04 2.299 0 1.6117-.1783 2.9772-.577 4.3237-1.2643.2065-.1056.2464-.1337.2183-.1573-.0188-.0139-.8987-1.1938-1.9543-2.62l-1.919-2.592-2.4047-3.5583c-1.3231-1.9564-2.4117-3.556-2.4211-3.556-.0094-.0026-.0187 1.5787-.0235 3.509-.0067 3.3802-.0093 3.5162-.0516 3.596-.061.115-.108.1618-.2064.2134-.075.0374-.1408.0445-.495.0445h-.406l-.1078-.068a.4383.4383 0 01-.1572-.1712l-.0493-.1056.0053-4.703.0067-4.7054.0726-.0915c.0376-.0493.1174-.1125.1736-.143.0962-.047.1338-.0517.5396-.0517.4787 0 .5584.0187.6827.1547.0353.0377 1.3373 1.9987 2.895 4.3608a10760.433 10760.433 0 004.7344 7.1706l1.9002 2.8782.096-.0633c.8518-.5536 1.7525-1.3418 2.4657-2.1627 1.5179-1.7429 2.4963-3.868 2.8247-6.134.0961-.6591.1078-.854.1078-1.7475 0-.8937-.012-1.0884-.1078-1.7476-.6522-4.506-3.8592-8.2919-8.2087-9.6945-.7672-.2487-1.5836-.42-2.4985-.5232-.169-.0176-1.0835-.0366-1.6123-.037zm4.0685 7.217c.3473 0 .4082.0053.4857.047.1127.0562.204.1642.237.2767.0186.061.0234 1.3653.0186 4.3044l-.0067 4.2175-.7436-1.14-.7461-1.14v-3.066c0-1.982.0093-3.0963.0234-3.1502.0375-.1313.1196-.2346.2323-.2955.0961-.0494.1313-.054.4997-.054z" />
@@ -26,7 +26,7 @@ export const ToolIcons = {
       role="img"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
       <title>Tailwind CSS</title>
       <path d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z" />
@@ -37,7 +37,7 @@ export const ToolIcons = {
       role="img"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
       <title>Prisma</title>
       <path d="M21.8068 18.2848L13.5528.7565c-.207-.4382-.639-.7273-1.1286-.7541-.5023-.0293-.9523.213-1.2062.6253L2.266 15.1271c-.2773.4518-.2718 1.0091.0158 1.4555l4.3759 6.7786c.2608.4046.7127.6388 1.1823.6388.1332 0 .267-.0188.3987-.0577l12.7019-3.7568c.3891-.1151.7072-.3904.8737-.7553s.1633-.7828-.0075-1.1454zm-1.8481.7519L9.1814 22.2242c-.3292.0975-.6448-.1873-.5756-.5194l3.8501-18.4386c.072-.3448.5486-.3996.699-.0803l7.1288 15.138c.1344.2856-.019.6224-.325.7128z" />
@@ -48,7 +48,7 @@ export const ToolIcons = {
       role="img"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
       <title>Vercel</title>
       <path d="M24 22.525H0l12-21.05 12 21.05z" />
@@ -58,8 +58,9 @@ export const ToolIcons = {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 256 256"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
+      <title>Shadcn UI</title>
       <rect width="256" height="256" fill="none" />
       <line
         x1="208"
@@ -90,8 +91,9 @@ export const ToolIcons = {
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
       viewBox="186 154 244 293.47"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
+      <title>Resend</title>
       <path d="M186 447.471V154H318.062C336.788 154 353.697 158.053 368.79 166.158C384.163 174.263 396.181 185.443 404.845 199.698C413.51 213.672 417.842 229.604 417.842 247.491C417.842 265.938 413.51 282.568 404.845 297.381C396.181 311.915 384.302 323.375 369.209 331.759C354.117 340.144 337.067 344.337 318.062 344.337H253.917V447.471H186ZM348.667 447.471L274.041 314.99L346.99 304.509L430 447.471H348.667ZM253.917 289.835H311.773C319.04 289.835 325.329 288.298 330.639 285.223C336.229 281.869 340.421 277.258 343.216 271.388C346.291 265.519 347.828 258.811 347.828 251.265C347.828 243.718 346.151 237.15 342.797 231.56C339.443 225.691 334.552 221.219 328.124 218.144C321.975 215.07 314.428 213.533 305.484 213.533H253.917V289.835Z"></path>
     </svg>
   ),
@@ -100,8 +102,9 @@ export const ToolIcons = {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 600 600"
-      className="h-12 w-12 fill-current"
+      className="h-12 fill-current"
     >
+      <title>UploadThing</title>
       <g clipPath="url(#a)">
         <path d="M565.06 80.3C517.1 22.1 431.07 13.81 372.9 61.76c-31.71 26.13-48.47 63.57-49.51 101.65a136.64 136.64 0 0 0-17.28-27.1c-47.96-58.18-133.99-66.47-192.16-18.52-56.22 46.33-65.69 128.13-23.03 186.08a135.98 135.98 0 0 0-38.93 22.38c-58.19 47.96-66.48 134-18.53 192.17 47.95 58.17 133.99 66.47 192.16 18.52a135.73 135.73 0 0 0 46.32-75.78c47.99 28.03 110.26 25 155.65-12.41 44.02-36.28 59.42-94.36 43.56-145.69a135.76 135.76 0 0 0 75.39-30.64C604.72 224.5 613 138.46 565.05 80.27v.02Z" />
       </g>
@@ -127,4 +130,24 @@ export const ToolIcons = {
       <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
     </svg>
   ),
+  luciaAuth: () => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 2000 2000"
+      className="h-12 fill-current"
+    >
+      <title>LuciaAuth</title>
+      <path d="M1647.66 1673.36 1000 72.73 352.34 1673.36 249.6 1927.27h1500.8l-102.74-253.91Zm-647.66-549-442.82 545.39 99.55-246.04L1000 575.36l343.26 848.35 99.55 246.04L1000 1124.36Z" />
+    </svg>
+  ),
+  stripe: () => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      className="h-12 fill-current"
+      viewBox="0 0 512 213.05"
+    >
+      <title>Stripe</title>
+      <path d="M512 110.08c0-36.4-17.64-65.14-51.34-65.14-33.85 0-54.33 28.73-54.33 64.86 0 42.8 24.18 64.42 58.88 64.42 16.92 0 29.72-3.84 39.4-9.24v-28.45c-9.68 4.84-20.77 7.83-34.85 7.83-13.8 0-26.03-4.84-27.6-21.62h69.56c0-1.85.28-9.25.28-12.66m-70.26-13.51c0-16.07 9.82-22.76 18.78-22.76 8.67 0 17.92 6.69 17.92 22.76zm-90.3-51.63c-13.95 0-22.9 6.54-27.88 11.1l-1.85-8.82h-31.3v165.83l35.56-7.54.15-40.25c5.12 3.7 12.65 8.96 25.17 8.96 25.46 0 48.64-20.48 48.64-65.56-.14-41.25-23.61-63.72-48.5-63.72m-8.53 98c-8.4 0-13.37-3-16.78-6.7l-.15-52.76c3.7-4.12 8.82-6.96 16.93-6.96 12.94 0 21.9 14.5 21.9 33.13 0 19.06-8.82 33.28-21.9 33.28M241.5 36.55l35.7-7.68V0l-35.7 7.54zm0 10.81h35.7V171.8h-35.7zm-38.26 10.52-2.28-10.52h-30.72V171.8h35.56V87.47c8.39-10.95 22.6-8.96 27.02-7.4V47.36c-4.55-1.7-21.2-4.84-29.58 10.52M132.12 16.5l-34.7 7.4-.14 113.91c0 21.05 15.79 36.55 36.84 36.55 11.66 0 20.2-2.13 24.88-4.69V140.8c-4.55 1.85-27.02 8.4-27.02-12.66V77.65H159V47.36h-27.02zM35.98 83.48c0-5.54 4.55-7.68 12.1-7.68 10.8 0 24.45 3.28 35.26 9.1V51.49c-11.8-4.69-23.46-6.54-35.27-6.54C19.2 44.94 0 60.02 0 85.2c0 39.25 54.04 33 54.04 49.92 0 6.54-5.68 8.68-13.65 8.68-11.8 0-26.88-4.84-38.83-11.38v33.85a98.59 98.59 0 0 0 38.83 8.1c29.58 0 49.92-14.64 49.92-40.1-.14-42.38-54.33-34.85-54.33-50.78"></path>
+    </svg>
+  ),
 };
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..3381ece
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,36 @@
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "~/lib/utils";
+
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
+}
+
+export { Badge, badgeVariants };
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
index c1d1194..86e9a6e 100644
--- a/src/components/ui/toast.tsx
+++ b/src/components/ui/toast.tsx
@@ -14,7 +14,7 @@ const ToastViewport = React.forwardRef<
   <ToastPrimitives.Viewport
     ref={ref}
     className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse gap-2 p-4 sm:right-0 sm:flex-col md:max-w-[420px]",
+      "fixed top-0 z-[100] mt-16 flex max-h-screen w-full flex-col-reverse gap-2 p-4 sm:right-0 sm:flex-col md:max-w-[420px]",
       className
     )}
     {...props}
@@ -75,7 +75,7 @@ const ToastClose = React.forwardRef<
   <ToastPrimitives.Close
     ref={ref}
     className={cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 lg:opacity-0 lg:group-hover:opacity-100",
       className
     )}
     toast-close=""
diff --git a/src/content/about/1tech-stack.md b/src/content/about/1tech-stack.md
index cf2369d..c33180f 100644
--- a/src/content/about/1tech-stack.md
+++ b/src/content/about/1tech-stack.md
@@ -9,6 +9,8 @@ title: Tech Stack
 - Database: **[Postgres](https://vercel.com/postgres)**
 - ORM: **[Prisma](https://www.prisma.io/)**
 - Authentication: **[LuciaAuth](https://lucia-auth.com/)**
+- Payment: **[Stripe](https://stripe.com/)**
+- Analytics: **[Umami](https://umami.is/)**
 - Deployment: **[Vercel](https://vercel.com/)**
 - Email: **[Resend](https://resend.com/)**
 - File Storage: **[UploadThing](https://uploadthing.com/)**
diff --git a/src/lib/resend.ts b/src/lib/resend.ts
index 6ed938e..342451b 100644
--- a/src/lib/resend.ts
+++ b/src/lib/resend.ts
@@ -1,3 +1,22 @@
+import ThanksTemp from "emails/thanks";
+import { nanoid } from "nanoid";
 import { Resend } from "resend";
+import { type SendMailProps } from "~/types";
 
-export const resend = new Resend(process.env.RESEND_API_KEY);
+const resend = new Resend(process.env.RESEND_API_KEY);
+
+export const sendMail = async ({ toMail, data }: SendMailProps) => {
+  const subject = "Thanks for using ChadNext!";
+  const temp = ThanksTemp({ userName: data.name });
+
+  //@ts-expect-error text field is required
+  await resend.emails.send({
+    from: `ChadNext App <chadnext@moinulmoin.com>`,
+    to: toMail,
+    subject: subject,
+    headers: {
+      "X-Entity-Ref-ID": nanoid(),
+    },
+    react: temp,
+  });
+};
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 92ec7dc..c61dbd2 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -39,3 +39,17 @@ export function formatDate(input: string | number): string {
     year: "numeric",
   });
 }
+
+export const isOurCdnUrl = (url: string) =>
+  url?.includes("utfs.io") || url?.includes("uploadthing.com");
+
+export const getImageKeyFromUrl = (url: string) => {
+  const parts = url.split("/");
+  return parts.at(-1);
+};
+
+export class FreePlanLimitError extends Error {
+  constructor(message = "Upgrade your plan!") {
+    super(message);
+  }
+}
diff --git a/src/server/actions.ts b/src/server/actions.ts
deleted file mode 100644
index 7c1cf7d..0000000
--- a/src/server/actions.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-"use server";
-
-import { revalidatePath } from "next/cache";
-import { type SendMailProps, type payload } from "~/types";
-import { updateUser } from "./user";
-
-import db from "~/lib/db";
-import { utapi } from "./uploadthing";
-import { getImageKeyFromUrl, isOurCdnUrl } from "./utils";
-
-import ThanksTemp from "emails/thanks";
-import { nanoid } from "nanoid";
-import { resend } from "~/lib/resend";
-
-export async function checkEmailExists(email: string) {
-  const user = await db.user.findFirst({
-    where: { email },
-  });
-
-  if (!user) throw new Error("Email does not exist");
-}
-
-export async function saUpdateUserInDb(id: string, data: payload) {
-  await updateUser(id, data);
-  revalidatePath("/dashboard/settings");
-}
-
-export async function saRemoveUserOldImageFromCDN(id: string, image: string) {
-  await removeUserOldImageCDN(id, image);
-  revalidatePath("/dashboard/settings");
-}
-
-export async function saRemoveNewImageFromCDN(image: string) {
-  await removeNewImageFromCDN(image);
-}
-
-export async function saCheckEmailExists(email: string) {
-  await checkEmailExists(email);
-}
-
-export async function removeUserOldImageCDN(id: string, newImageUrl: string) {
-  const user = await db.user.findFirst({
-    where: { id },
-    select: { picture: true },
-  });
-
-  const currentImageUrl = user?.picture;
-
-  if (!currentImageUrl) return;
-
-  try {
-    if (isOurCdnUrl(currentImageUrl)) {
-      const currentImageFileKey = getImageKeyFromUrl(currentImageUrl);
-
-      await utapi.deleteFiles(currentImageFileKey as string);
-    }
-  } catch (e) {
-    if (e instanceof Error) {
-      const newImageFileKey = getImageKeyFromUrl(newImageUrl);
-      await utapi.deleteFiles(newImageFileKey as string);
-      console.error(e.message);
-    }
-  }
-}
-
-export async function removeNewImageFromCDN(image: string) {
-  const imageFileKey = getImageKeyFromUrl(image);
-  await utapi.deleteFiles(imageFileKey as string);
-}
-
-export const sendMail = async ({ toMail, data }: SendMailProps) => {
-  const subject = "Thanks for using ChadNext!";
-  const temp = ThanksTemp({ userName: data.name });
-
-  //@ts-expect-error text field is required
-  await resend.emails.send({
-    from: `ChadNext App <chadnext@moinulmoin.com>`,
-    to: toMail,
-    subject: subject,
-    headers: {
-      "X-Entity-Ref-ID": nanoid(),
-    },
-    react: temp,
-  });
-};
diff --git a/src/server/user.ts b/src/server/user.ts
deleted file mode 100644
index d09b1af..0000000
--- a/src/server/user.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { cache } from "react";
-import db from "~/lib/db";
-import { getPageSession } from "~/lib/auth";
-import { type payload } from "~/types";
-
-export const getUser = cache(async () => {
-  const session = await getPageSession();
-
-  if (session) {
-    const user = await db.user.findFirst({
-      where: { id: session.user.userId },
-    });
-
-    if (user) {
-      return user;
-    }
-  }
-});
-
-export const updateUser = async (id: string, payload: payload) => {
-  const updatedUser = await db.user.update({
-    where: { id },
-    data: { ...payload },
-  });
-
-  return updatedUser;
-};
diff --git a/src/server/utils.ts b/src/server/utils.ts
deleted file mode 100644
index 38ae662..0000000
--- a/src/server/utils.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export const isOurCdnUrl = (url: string) =>
-  url?.includes("utfs.io") || url?.includes("uploadthing.com");
-
-export const getImageKeyFromUrl = (url: string) => {
-  const parts = url.split("/");
-  return parts.at(-1);
-};
-
-export class FreePlanLimitError extends Error {
-  constructor(message = "Upgrade your plan!") {
-    super(message);
-  }
-}