test

resources/css/app.css

@@ -0,0 +1,111 @@
+/* font */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    text-decoration: none;
+    font-family: 'Poppins', sans-serif;
+}
+header{
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+}
+header nav{
+    width: 90%;
+    margin: auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 80px;
+}
+header nav .logo{
+    width: 150px;
+}
+header nav .menu{
+    display: flex;
+    align-items: center;
+}
+nav .menu a{
+    color: #fff;
+    margin-left: 30px;
+    position: relative;
+}
+nav .menu a::after{
+    content: '';
+    position: absolute;
+    bottom: -5px;
+    left: 0;
+    width: 0%;
+    height: 2px;
+    background-color: #dd0707;
+    transition: 0.4s;
+}
+nav .menu a:hover::after{
+    width: 100%;
+}
+nav .social a i{
+    color: #fff;
+    font-size: 22px;
+    margin-left: 10px;
+    transition: 0.3s;
+}
+nav .social a i:hover{
+    transform: scale(1.3);
+    color: #dd0707;
+}
+
+
+
+
+.hero{
+    width: 100%;
+    height: 100vh;
+    background: url(img/bg.jpg);
+    background-position: center;
+    background-size: cover;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.hero .text{
+    width: 90%;
+    margin: auto;
+}
+.hero .text h4{
+    font-size: 40px;
+    color: #fff;
+    font-weight: 500;
+    margin-bottom: 10px;
+}
+.hero .text h1{
+    color: #fff;
+    font-size: 65px;
+    text-transform: uppercase;
+    line-height: 1;
+    margin-bottom: 30px;
+}
+.hero .text h1 span{
+    color: #dd0707;
+    font-size: 80px;
+    font-weight: bold;
+}
+.hero .text p{
+    color: #fff;
+    margin-bottom: 30px;
+}
+.hero .text .btn{
+    padding: 10px 30px;
+    background-color: #dd0707;
+    text-transform: uppercase;
+    color: #fff;
+    font-weight: bold;
+    border-radius: 30px;
+    border: 2px solid #dd0707;
+    transition: 0.3s;
+}
+.hero .text .btn:hover{
+    background-color: transparent;
+}

resources/views/home.blade.php

@@ -17,7 +17,6 @@
                 <a class="nav-link text-dark" href="{{ route('register') }}">{{ __('Register') }}</a>
             </li>
         @endif
-
     @else
         @if ($user->customClaims['admin'] == false)
             <li class="nav-item">
@@ -30,7 +29,7 @@
                 <a class="nav-link text-dark" href="/home/cars">{{ __('Seller Menu') }}</a>
             </li>
         @endif
-        
+
 
         <li class="nav-item">
             <a class="nav-link text-dark" href="/home/profile">{{ __('Profile') }}</a>
@@ -46,7 +45,7 @@
                 @csrf
             </form>
         </li>
-        
+
     @endguest
 @endsection
 

resources/views/layouts/app.blade.php

@@ -9,15 +9,14 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
     <title>{{ config('BaroCars', 'BaroCars') }}</title>
-    <link rel="shortcut icon" href="{{ URL('..\admin_assets\img\favicon.png') }}" type="image/x-icon">
+    <link rel="shortcut icon" href="{{ URL('..\resources\favicon.png') }}" type="image/x-icon">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
     <!-- Fonts -->
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
 
-    <!-- Styles -->
-    <link href="{{ asset('admin_assets/vendor/fontawesome-free/css/all.min.css') }}" rel="stylesheet" type="text/css">
-
     <!-- ini bootstrap -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
@@ -31,7 +30,7 @@
     <!-- ini daisyUI tailwindcss -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
     <script src="https://cdn.tailwindcss.com"></script>
-    
+
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
     </script>
@@ -40,6 +39,7 @@
 
 <!-- <body style="min-height:90vh;">
     <div id="app"> -->
+
 <body class="flex flex-col min-h-screen">
     <div id="app" class="flex-grow">
         <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
@@ -56,7 +56,7 @@
                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <!-- Left Side Of Navbar -->
                     <ul class="navbar-nav mr-auto">
-                        
+
                     </ul>
 
                     <!-- Right Side Of Navbar -->
@@ -73,11 +73,11 @@
             @yield('content')
         </main>
     </div>
-    
+
     <footer class="footer footer-center p-4 bg-base-300 text-base-content">
         <aside class="items-center grid-flow-col">
-            <p>© 2024 - All right reserved by BaroCars Team ❤️</p> 
-        </aside> 
+            <p>© 2024 - All right reserved by BaroCars Team ❤️</p>
+        </aside>
     </footer>
 
 </body>

resources/views/welcome.blade.php

@@ -1,7 +1,6 @@
 @extends('layouts.app')
 @section('navbar_home')
     @if (Route::has('login'))
-
         @auth
             <li class="nav-item">
                 <a class="nav-link text-dark" href="{{ url('/home') }}">Home</a>