link all navbar and add news page

content/trees/navigation/main_menu.yaml

@@ -22,4 +22,4 @@ tree:
   -
     id: e913b861-ce87-448d-8243-7fbd48b53cb5
     title: Register
-    url: /register
+    url: 'https://thebola.club/register'

public/css/main.css

@@ -353,6 +353,11 @@ p {
         padding-left: 8.438rem;
         padding-right: 8.438rem;
     }
+
+    .booking-container  {
+        padding-left: 8.438rem;
+        padding-right: 8.438rem;
+    }
 }
 
 /* UTILS */

resources/css/main.css

@@ -345,6 +345,11 @@ p {
         padding-left: 8.438rem;
         padding-right: 8.438rem;
     }
+
+    .booking-container  {
+        padding-left: 8.438rem;
+        padding-right: 8.438rem;
+    }
 }
 
 /* UTILS */

resources/views/news.antlers.html

@@ -1,5 +1,22 @@
 <section>
-    <div class="text-light d-flex" style="height: 100vh;">
-        <p class="text-light my-auto">Hello World</p>
+    <div class="text-md-center text-light section-2" style="background-image: url(./assets/image/dbparticle2.png);">
+        <div class="container-fluid p-0 m-0" data-aos="zoom-in" >
+            <p class="db-h3 text-highlight">News</p>
+            <p class="mx-auto p-0 about-paragraph db-h5">You can book benue and field to organize your matches according to your preferred date and time.</p>
+        </div>
+    </div>
+</section>
+<section>
+    <div class="text-light section-5 py-7">
+
+        <div class="row g-0 article-container">
+            <p class="text-highlight db-h5 fw-bold ps-3"> More News </p>
+
+            {{ collection:article }}
+                {{ partial:partials/articlecard }}
+            {{ /collection:article }}
+
+        </div>
+        <button class="nav-link db-btn mx-auto d-none d-lg-block" style="font-size: clamp(18px,1vw,23px);font-weight: 500;padding: 0.5rem 3rem">See More</button>
     </div>
 </section>

resources/views/partials/_navbar.antlers.html

@@ -3,9 +3,10 @@
         <div class="container-fluid d-flex flex-wrap justify-between p-0">
 
             <div class="d-none d-lg-block mx-auto mx-xxl-0">
-                <img src="assets/logo_1.png" class="nav-logo-desktop">
+                <a style="text-decoration: none;" href="/"><img src="assets/logo_1.png" class="nav-logo-desktop">
                     <span class="text-light text-highlight my-auto nav-logo-text">THEBOLA</span>
-                </img>
+                </img></a>
+
             </div>
             <div class="mx-0 mx-lg-auto mx-xxl-0">
                 <div class="d-flex">
@@ -29,7 +30,7 @@
                             </li>
                         {{ /nav:main_menu }}
                         <li class="nav-item">
-                            <a class="nav-link db-btn" style="padding: 0.5rem 2rem" href="#">Sign in</a>
+                            <a href="https://thebola.club/login" class="nav-link db-btn" style="padding: 0.5rem 2rem" href="#">Sign in</a>
                         </li>
                     </ul>
                 </div>