diff --git a/apps/landing/src/app/(frontend)/(auth)/layout.tsx b/apps/landing/src/app/(frontend)/(auth)/layout.tsx
new file mode 100644
index 0000000..e3a0137
--- /dev/null
+++ b/apps/landing/src/app/(frontend)/(auth)/layout.tsx
@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export default function Layout({ children }: { children: ReactNode }) {
+  return <>{children}</>;
+}
diff --git a/apps/landing/src/app/(frontend)/(auth)/signin/page.tsx b/apps/landing/src/app/(frontend)/(auth)/signin/page.tsx
new file mode 100644
index 0000000..7d1e0b7
--- /dev/null
+++ b/apps/landing/src/app/(frontend)/(auth)/signin/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <></>;
+}
diff --git a/apps/landing/src/app/(frontend)/(auth)/signup/page.tsx b/apps/landing/src/app/(frontend)/(auth)/signup/page.tsx
new file mode 100644
index 0000000..7d1e0b7
--- /dev/null
+++ b/apps/landing/src/app/(frontend)/(auth)/signup/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <></>;
+}
diff --git a/apps/landing/src/app/(frontend)/_components/header/button-signin.tsx b/apps/landing/src/app/(frontend)/_components/header/button-signin.tsx
new file mode 100644
index 0000000..a78af04
--- /dev/null
+++ b/apps/landing/src/app/(frontend)/_components/header/button-signin.tsx
@@ -0,0 +1,11 @@
+import { buttonVariants } from '@components/atoms';
+import { cn } from '@utils/ui';
+import Link from 'next/link';
+
+export function ButtonSignin() {
+  return (
+    <Link href="/signin" className={cn(buttonVariants(), 'hidden lg:flex')}>
+      Masuk
+    </Link>
+  );
+}
diff --git a/apps/landing/src/app/(frontend)/_components/header/button-signup.tsx b/apps/landing/src/app/(frontend)/_components/header/button-signup.tsx
new file mode 100644
index 0000000..73dd51b
--- /dev/null
+++ b/apps/landing/src/app/(frontend)/_components/header/button-signup.tsx
@@ -0,0 +1,14 @@
+import { buttonVariants } from '@components/atoms';
+import { cn } from '@utils/ui';
+import Link from 'next/link';
+
+export function ButtonSignup() {
+  return (
+    <Link
+      href="/signup"
+      className={cn(buttonVariants({ variant: 'outline' }), 'hidden lg:flex')}
+    >
+      Daftar
+    </Link>
+  );
+}
diff --git a/apps/landing/src/app/(frontend)/_components/header/index.tsx b/apps/landing/src/app/(frontend)/_components/header/index.tsx
index 7dd95c6..65ad1e2 100644
--- a/apps/landing/src/app/(frontend)/_components/header/index.tsx
+++ b/apps/landing/src/app/(frontend)/_components/header/index.tsx
@@ -1,6 +1,8 @@
 'use client';
 
 import { useMobileMenuStore } from '@/stores/mobile-menu-store';
+import { ButtonSignin } from './button-signin';
+import { ButtonSignup } from './button-signup';
 import { DesktopNavigation } from './desktop-navigation';
 import { HeaderWrapper } from './header-wrapper';
 import { Logo } from './logo';
@@ -18,7 +20,9 @@ export function Header() {
 
         <DesktopNavigation />
 
-        <div className="flex items-center gap-4">
+        <div className="flex items-center gap-x-2">
+          <ButtonSignin />
+          <ButtonSignup />
           <SimpleThemeToggle />
           <MobileMenuHamburger />
         </div>
diff --git a/apps/landing/src/app/(frontend)/layout.tsx b/apps/landing/src/app/(frontend)/layout.tsx
index 19f7e77..a55a944 100644
--- a/apps/landing/src/app/(frontend)/layout.tsx
+++ b/apps/landing/src/app/(frontend)/layout.tsx
@@ -1,8 +1,6 @@
+import { poppins } from '@/lib/fonts';
+import '@/styles/globals.css';
 import { type Metadata } from 'next';
-import { poppins } from '../../lib/fonts';
-import '../../styles/globals.css';
-import Footer from './_components/footer';
-import { Header } from './_components/header';
 import { ThemeProvider } from './_components/theme-provider';
 
 export const metadata: Metadata = {
@@ -25,11 +23,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          <div className="flex min-h-screen flex-col">
-            <Header />
-            <main className="flex-1">{children}</main>
-            <Footer />
-          </div>
+          {children}
         </ThemeProvider>
       </body>
     </html>