add images and redesign hompeage into sections, fix the dark color

apps/dashboard/src/app/public-auth-pages.test.ts

@@ -5,6 +5,8 @@ import ResetPasswordPageClient from "./reset-password/ResetPasswordPageClient";
 import ForgotPasswordPage from "./forgot-password/page";
 import ResetPasswordPage from "./reset-password/page";
 import AcceptInvitePage from "./onboarding/accept-invite/page";
+import SignUpForm from "./sign-up/[[...sign-up]]/SignUpForm";
+import SignUpPage from "./sign-up/[[...sign-up]]/page";
 
 function collectText(node: unknown): string[] {
   if (node === null || node === undefined || typeof node === "boolean")
@@ -56,6 +58,19 @@ describe("dashboard public auth pages", () => {
     expect(page.props.embedded).toBe(true);
   });
 
+  it("renders sign-up in embedded mode when requested", async () => {
+    const page = await SignUpPage({
+      searchParams: Promise.resolve({ embedded: "1" }),
+    });
+
+    expect(isValidElement(page)).toBe(true);
+    expect(page.type).toBe(React.Suspense);
+    const child = page.props.children;
+    expect(isValidElement(child)).toBe(true);
+    expect(child.type).toBe(SignUpForm);
+    expect(child.props.embedded).toBe(true);
+  });
+
   it("renders reset-password in embedded mode for the public shell route", () => {
     const page = ResetPasswordPage();