diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e3bc74f..dfd8f9d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -10,7 +10,30 @@
     @vite('resources/css/app.css')
 </head>
 
-<body>
+<body class="bg-gray-100">
+
+    <header class="p-5 border-b bg-white shadow">
+        <div class="container mx-auto flex justify-between items-center">
+            <h1 class="text-3xl font-black">DevStagram</h1>
+
+            <nav class="flex gap-2 items-center">
+                <a class="font-bold uppercase text-gray-600 text-sm" href="#">Login</a>
+                <a class="font-bold uppercase text-gray-600 text-sm" href="#">SignUp</a>
+            </nav>
+        </div>
+    </header>
+
+    <main class="container mx-auto mt-10">
+        <h2 class="font-black text-center text-3xl mb-10">
+            @yield('title')
+        </h2>
+        @yield('content')
+    </main>
+
+    <footer class="text-center p-5 text-gray-500 font-bold uppercase">
+        DevStagram - {{ date('Y') }} All rights reserved.
+    </footer>
+
 </body>
 
 </html>
diff --git a/resources/views/main.blade.php b/resources/views/main.blade.php
index 9da3200..7f21706 100644
--- a/resources/views/main.blade.php
+++ b/resources/views/main.blade.php
@@ -1,3 +1,6 @@
 @extends ("layouts.app")
 
 @section('title', 'Main Page')
+
+@section('content')
+@endsection
