Added colors in _variables.scss

resources/sass/_variables.scss

@@ -1,5 +1,5 @@
 // Body
-$body-bg: #f8fafc;
+$body-bg: white;
 
 // Typography
 $font-family-sans-serif: 'Nunito', sans-serif;
@@ -18,31 +18,28 @@ $green: #38c172;
 $teal: #4dc0b5;
 $cyan: #6cb2eb;
 
-//$primary: #632d11;
-//$primary: #c65b1c;
-//$primary: #ce4f04;
-//$primary: #e65600;
-//$primary: #BE5846;
-//$primary: #9E6B4D;
-//$primary: #3A1000;
-//$primary: #9d3b03;
-//$primary: #bd4602;
-$primary: #bd1802;
-//$primary: #e45300;
-//$primary: #fd623b;
-
-//$warning: #ffed4b;
-//$warning: #ffe54a;
-$warning: #ffe024;
-//$warning: #e2a750;
-$light-gray: #f5f3ec;
-$dark: #1b1e21;
-/*$theme-orange: #f9b000;*/
+// new color
+$primary : #07689F;
+$info: #A2D5F2;
+$secondary: #FF7E67;
+$success: #198754;
+$warning: #ffc107;
+$danger: #dc3545;
+$light: #f8f9fa;
+$dark: #212529;
+$gray: #6c757d;
 
 $theme-colors: (
-    light-gray : $light-gray,
+    "primary":    $primary,
+    "secondary":  $secondary,
+    "success":    $success,
+    "info":       $info,
+    "warning":    $warning,
+    "danger":     $danger,
+    "light":      $light,
+    "dark":       $dark,
+    "gray":         $gray
 );
-
 //
 // Panel Side Application Variables
 
@@ -56,13 +53,8 @@ $sidebar-width: 230px;
 // ------- Sidebar Colors --------
 
 // Background color of sidebar
-//$sidebar-color: rgba(116, 117, 118, 0.87);
 $sidebar-color: #747576;
 
-// -- Suggested sidebar background colors
-// dark  : #222d32
-// light : #f8f8f8
-
 // Sidebar accent varible is used to determine the color of the links
 // of the sidebar. The allowed values are 'light' or 'dark' only
 $sidebar-accent: light;
@@ -72,11 +64,6 @@ $sidebar-accent: light;
 $sidebar-dark-color: #fff;
 $sidebar-dark-link-color: #fff;
 
-// The following varibles indecate sidebar link color
-// and link hover color when using a light sidebar color
-//$sidebar-light-color: #000;
-//$sidebar-light-link-color: #333;
-
 
 //
 $sidebar-light-color: #fff;

resources/views/home/layouts/footer.blade.php

@@ -1,5 +1,5 @@
-<footer>
+{{--<footer>
     <h2>
         footer
     </h2>
-</footer>
+</footer>--}}

resources/views/home/layouts/navbar.blade.php

@@ -1,4 +1,31 @@
 {{--<nav class="navbar navbar-expand-lg navbar-light sticky-top bg-dark">--}}
+{{--
 <nav class="navbar navbar-expand-lg navbar-light bg-dark">
     navbar
 </nav>
+--}}
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <div class="container-fluid">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand" href="#">Navbar</a>
+        <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                </li>
+            </ul>
+            <form class="d-flex">
+                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                <button class="btn btn-outline-success" type="submit">Search</button>
+            </form>
+        </div>
+    </div>
+</nav>

resources/views/home/single-blog.blade.php

@@ -0,0 +1,30 @@
+
+@component('home.layouts.component', ['title' => 'صفحه تکی مقاله'])
+
+    @slot('style')
+    @endslot
+
+    @slot('content_top')
+    @endslot
+
+    @slot('content')
+        <h1>
+            single-blog
+        </h1>
+
+        <button type="button" class="btn btn-primary">Primary</button>
+        <button type="button" class="btn btn-secondary">Secondary</button>
+        <button type="button" class="btn btn-info">Secondary</button>
+        <button type="button" class="btn btn-warning">Secondary</button>
+        <button type="button" class="btn btn-danger">Secondary</button>
+        <button type="button" class="btn btn-success">Secondary</button>
+        <button type="button" class="btn btn-gray">Secondary</button>
+        <button type="button" class="btn btn-light">Secondary</button>
+        <button type="button" class="btn btn-dark">Secondary</button>
+    @endslot
+
+    @slot('script')
+    @endslot
+
+@endcomponent
+

routes/web.php

@@ -16,3 +16,6 @@ use Illuminate\Support\Facades\Route;
 Route::get('/', function () {
     return view('home.home');
 });
+Route::get('/single-blog', function () {
+    return view('home.single-blog');
+});