Designs and API Routes

resources/views/home.blade.php

@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+    <todays-pick></todays-pick>
+
+    <discover-topics></discover-topics>
+    
+    <recent-stories></recent-stories>
+
+@endsection

resources/views/layouts/app.blade.php

@@ -14,6 +14,12 @@
             src: url("/fonts/mvtyper.ttf");
         }
 
+        @font-face {
+            font-family: "MvFaseyha";
+            src: url("/fonts/faseyha.otf");
+        }
+
+
         @font-face {
             font-family: "Mvaamu";
             src: url("/fonts/mv-aammu-fk.ttf");
@@ -23,6 +29,18 @@
             font-family: "Mvtyperbold";
             src: url("/fonts/mvtypebold.ttf");
         }
+
+        .Mvtyperbold {
+            font-family: "Mvtyperbold";
+        }
+
+        .MvAamu {
+            font-family: "Mvaamu";
+        }
+
+        .MvTyper {
+            font-family: "mvtyper";
+        }
     </style>
 
 

resources/views/partials/footer.blade.php

@@ -0,0 +1,14 @@
+ <!-- footer -->
+ <footer class="border-t mt-12 pt-12 pb-32 px-4 lg:px-0">
+    <div class="flex justify-center">
+      
+      <div>
+        <p class="text-gray-600 hidden lg:block p-0 lg:pr-12 text-center">
+         Powered By Baraveli 💚
+        </p>
+      </div>
+
+
+
+    </div>
+  </footer>

resources/views/partials/header.blade.php

@@ -0,0 +1,21 @@
+<div class="text-gray-700 bg-white dark-mode:text-gray-200 dark-mode:bg-gray-800">
+  <div
+    class="flex flex-col max-w-screen-xl px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
+
+    <div class="p-4 flex flex-row items-center justify-between">
+      <a href="#"
+        class="text-lg font-semibold tracking-widest text-gray-900 uppercase rounded-lg dark-mode:text-white focus:outline-none focus:shadow-outline">Baraveli News</a>
+    </div>
+
+    <nav class="flex-col flex-grow pb-4 md:pb-0 hidden md:flex md:justify-end md:flex-row">
+      <a class="px-4 py-2 mt-2 text-sm font-semibold text-gray-900 bg-gray-200 rounded-lg dark-mode:bg-gray-700 dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
+        href="#">Discover</a>
+      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
+        href="#">Stories</a>
+      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
+        href="#">Sources</a>
+
+    </nav>
+
+  </div>
+</div>