Committing because I really need to restart my laptop or something :(

src/app/(auth-pages)/sign-up/page.tsx

@@ -21,8 +21,13 @@ import {
   FormLabel,
   FormMessage,
   Input,
+  Separator,
 } from '@/components/ui';
 import { useEffect, useState } from 'react';
+import {
+  SignInWithApple,
+  SignInWithMicrosoft
+} from '@/components/default/auth';
 
 const formSchema = z
   .object({
@@ -108,7 +113,7 @@ const SignUp = () => {
         <Form {...form}>
           <form
             onSubmit={form.handleSubmit(handleSignUp)}
-            className='flex flex-col mx-auto space-y-4'
+            className='flex flex-col mx-auto space-y-4 mb-4'
           >
             <FormField
               control={form.control}
@@ -191,6 +196,13 @@ const SignUp = () => {
             </SubmitButton>
           </form>
         </Form>
+        <div className='flex items-center w-full gap-4'>
+          <Separator className='flex-1 bg-accent py-0.5' />
+          <span className='text-sm text-muted-foreground'>or</span>
+          <Separator className='flex-1 bg-accent py-0.5' />
+        </div>
+        <SignInWithMicrosoft />
+        <SignInWithApple />
       </CardContent>
     </Card>
   );