webpage start

apps/web/src/routes/api/auth/$.ts

@@ -2,14 +2,14 @@ import { auth } from "@kk/auth";
 import { createFileRoute } from "@tanstack/react-router";
 
 export const Route = createFileRoute("/api/auth/$")({
-  server: {
-    handlers: {
-      GET: ({ request }) => {
-        return auth.handler(request);
-      },
-      POST: ({ request }) => {
-        return auth.handler(request);
-      },
-    },
-  },
+	server: {
+		handlers: {
+			GET: ({ request }) => {
+				return auth.handler(request);
+			},
+			POST: ({ request }) => {
+				return auth.handler(request);
+			},
+		},
+	},
 });

apps/web/src/routes/api/rpc/$.ts

@@ -8,51 +8,51 @@ import { ZodToJsonSchemaConverter } from "@orpc/zod/zod4";
 import { createFileRoute } from "@tanstack/react-router";
 
 const rpcHandler = new RPCHandler(appRouter, {
-  interceptors: [
-    onError((error) => {
-      console.error(error);
-    }),
-  ],
+	interceptors: [
+		onError((error) => {
+			console.error(error);
+		}),
+	],
 });
 
 const apiHandler = new OpenAPIHandler(appRouter, {
-  plugins: [
-    new OpenAPIReferencePlugin({
-      schemaConverters: [new ZodToJsonSchemaConverter()],
-    }),
-  ],
-  interceptors: [
-    onError((error) => {
-      console.error(error);
-    }),
-  ],
+	plugins: [
+		new OpenAPIReferencePlugin({
+			schemaConverters: [new ZodToJsonSchemaConverter()],
+		}),
+	],
+	interceptors: [
+		onError((error) => {
+			console.error(error);
+		}),
+	],
 });
 
 async function handle({ request }: { request: Request }) {
-  const rpcResult = await rpcHandler.handle(request, {
-    prefix: "/api/rpc",
-    context: await createContext({ req: request }),
-  });
-  if (rpcResult.response) return rpcResult.response;
+	const rpcResult = await rpcHandler.handle(request, {
+		prefix: "/api/rpc",
+		context: await createContext({ req: request }),
+	});
+	if (rpcResult.response) return rpcResult.response;
 
-  const apiResult = await apiHandler.handle(request, {
-    prefix: "/api/rpc/api-reference",
-    context: await createContext({ req: request }),
-  });
-  if (apiResult.response) return apiResult.response;
+	const apiResult = await apiHandler.handle(request, {
+		prefix: "/api/rpc/api-reference",
+		context: await createContext({ req: request }),
+	});
+	if (apiResult.response) return apiResult.response;
 
-  return new Response("Not found", { status: 404 });
+	return new Response("Not found", { status: 404 });
 }
 
 export const Route = createFileRoute("/api/rpc/$")({
-  server: {
-    handlers: {
-      HEAD: handle,
-      GET: handle,
-      POST: handle,
-      PUT: handle,
-      PATCH: handle,
-      DELETE: handle,
-    },
-  },
+	server: {
+		handlers: {
+			HEAD: handle,
+			GET: handle,
+			POST: handle,
+			PUT: handle,
+			PATCH: handle,
+			DELETE: handle,
+		},
+	},
 });

apps/web/src/routes/index.tsx

@@ -1,5 +1,6 @@
 import { createFileRoute } from "@tanstack/react-router";
 
+import ArtForms from "@/components/homepage/ArtForms";
 import EventRegistrationForm from "@/components/homepage/EventRegistrationForm";
 import Footer from "@/components/homepage/Footer";
 import Hero from "@/components/homepage/Hero";
@@ -11,11 +12,14 @@ export const Route = createFileRoute("/")({
 
 function HomePage() {
 	return (
-		<main>
-			<Hero />
-			<Info />
-			<EventRegistrationForm />
-			<Footer />
-		</main>
+		<div className="relative">
+			<main className="relative">
+				<Hero />
+				<Info />
+				<ArtForms />
+				<EventRegistrationForm />
+				<Footer />
+			</main>
+		</div>
 	);
 }