fix: online event carousel not appear in home page

src/EventHub.Web.Theme/wwwroot/themes/eventhub/owl-edit.css

@@ -1,5 +1,4 @@
-.main-slider 
-.owl-theme .owl-nav {
+.main-slider .owl-theme .owl-nav {
     margin-top: 0 !important; 
     position: absolute;
     top: 45%;

src/EventHub.Web/Pages/Index.cshtml.cs

@@ -40,7 +40,7 @@ namespace EventHub.Web.Pages
             OnlineEvents = (await _eventAppService.GetListAsync(
                 new EventListFilterDto
                 {
-                    MinDate = Clock.Now,
+                    MinDate = Clock.Now.ClearTime(),
                     IsOnline = true,
                     MaxResultCount = 8
                 }

src/EventHub.Web/Pages/Index.js

@@ -1,4 +1,32 @@
 $(function () {
+    $('.main-slider .owl-carousel').owlCarousel({
+        loop: true,
+        center: true,
+        margin: 0,
+        padding: 0,
+        nav: true,
+        items: 1,
+        dots: false,
+    });
+
+    $('.card-slider .owl-carousel').owlCarousel({
+        loop: false,
+        center: false,
+        margin: 30,
+        padding: 0,
+        nav: true,
+        slideBy: 2,
+        responsive: {
+            0: {
+                items: 1,
+            },
+            991: {
+                items: 2,
+            },
+        },
+        dots: true,
+    });
+    
     function cb(start, end) {
         $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
     }