Homepage integration

devscast · Oct 6, 2023 · 8bcafc9 · 8bcafc9
1 parent 3566a43
commit 8bcafc9
Show file tree

Hide file tree

Showing 18 changed files with 14,859 additions and 1,355 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -60,7 +60,7 @@
         "simplebar": "^6.2.5",
         "stimulus": "^3.2.1",
         "stimulus-use": "^0.52.0",
-        "sweetalert2": "^11.7.18",
+        "sweetalert2": "^11.6.13",
         "tom-select": "^2.2.2"
     },
     "overrides": {

diff --git a/public/avatar.png b/public/avatar.png
diff --git a/public/images/frameLight.webp b/public/images/frameLight.webp
diff --git a/public/images/framweDark.webp b/public/images/framweDark.webp
diff --git a/public/images/image1.webp b/public/images/image1.webp
diff --git a/public/images/students_learning.webp b/public/images/students_learning.webp
diff --git a/public/logos/clubdiaspora.webp b/public/logos/clubdiaspora.webp
diff --git a/public/logos/congomemoire.webp b/public/logos/congomemoire.webp
diff --git a/public/logos/goodbytes.webp b/public/logos/goodbytes.webp
diff --git a/public/logos/majestic.webp b/public/logos/majestic.webp
diff --git a/public/sw.js b/public/sw.js
diff --git a/src/Infrastructure/Shared/Twig/AppHomeHeader.php b/src/Infrastructure/Shared/Twig/AppHomeHeader.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Infrastructure\Shared\Twig;
+
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+
+/**
+ * Class AppHeader.
+ *
+ * @author bernard-ng <[email protected]>
+ */
+#[AsTwigComponent(template: '@app/shared/component/header_home.html.twig')]
+final class AppHomeHeader
+{
+}
diff --git a/templates/app/domain/home.html.twig b/templates/app/domain/home.html.twig
@@ -20,7 +20,7 @@
               Rejoindre maintenant
             </span>
                     </a>
-                    <a href="#" class="btn btn-md before:border before:border-bdr text-fg-heading3">
+                    <a href="{{ path('auth_login') }}" class="btn btn-md before:border before:border-bdr text-fg-heading3">
             <span class="relative z-[6]">
               Se connecter
             </span>
@@ -54,25 +54,16 @@
             </h1>
             <div class="flex justify-center flex-wrap gap-4">
                 <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
+                    <img src="/logos/clubdiaspora.webp" alt="logo " width="600" class="w-auto h-9 max-w-full">
                 </div>
                 <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
+                    <img src="/logos/majestic.webp" alt="logo " width="600" class="w-auto h-9 max-w-full">
                 </div>
                 <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
+                    <img src="/logos/congomemoire.webp" alt="logo " width="600" class="w-auto h-9 max-w-full">
                 </div>
                 <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
-                </div>
-                <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
-                </div>
-                <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
-                </div>
-                <div class="p-2">
-                    <img src="/logos/beserved.png" alt="logo " width="600" class="w-auto h-9 max-w-full">
+                    <img src="/logos/goodbytes.webp" alt="logo " width="600" class="w-auto h-9 max-w-full">
                 </div>
             </div>
         </section>

diff --git a/templates/app/domain/home_logged.html.twig b/templates/app/domain/home_logged.html.twig
@@ -14,7 +14,7 @@
                 {% endfor %}
 
                 <div class="pt-3 flex justify-end">
-                    <twig:AppShowMoreLink path="{{ path('app_content_index', {content_type: 'posts'}) }}" />
+                    <twig:AppShowMoreLink path="{{ path('app_content_blog_post_index', {content_type: 'posts'}) }}" />
                 </div>
             </div>
 

diff --git a/templates/app/shared/component/header_home.html.twig b/templates/app/shared/component/header_home.html.twig
@@ -0,0 +1,37 @@
+<header class="relative z-40 w-full h-20 flex items-center">
+    <div class="box-container flex items-center h-full justify-between relative">
+        <div class="min-w-max flex items-center lg:pl-4 flex-1 gap-x-3">
+            <div aria-hidden="true" class="flex lg:hidden h-auto">
+                <button data-open-sidebar="" class="flex flex-col gap-y-2 pr-3 py-2 border-r border-bdr">
+                    <div aria-hidden="true" class="mx-auto h-0.5 w-6 rounded bg-fg-heading2 transition duration-300"></div>
+                    <div aria-hidden="true" class="mx-auto h-0.5 w-6 rounded bg-fg-heading2 transition duration-300"></div>
+                </button>
+            </div>
+            <a href="#" class="w-max hidden xs:flex">
+                <img src="{{ asset(devscast_dashlite.application.logo_path) }}" alt="Devscast Logo" width="auto" height="120" class="w-auto h-8">
+            </a>
+        </div>
+
+
+        <div class="flex items-center gap-x-2 flex-1 justify-end text-fg-heading2 h-full">
+
+            <div class="flex items-center gap-x-2 min-w-max">
+                <a href="{{ path('auth_login') }}" class="btn btn-md before:border before:border-bdr text-fg-heading3">
+            <span class="relative z-[6]">
+              Se connecter
+            </span>
+                </a>
+                <a href="#" class="btn btn-md before:bg-gray-800 dark:before:bg-primary text-gray-50 dark:text-gray-900">
+            <span class="relative z-[6]">
+              Nous rejoindre
+            </span>
+                </a>
+            </div>
+
+            <div class="flex items-center">
+                <twig:AppThemeSwitcher />
+            </div>
+
+        </div>
+    </div>
+</header>
diff --git a/templates/app/shared/layout/base_layout.html.twig b/templates/app/shared/layout/base_layout.html.twig
@@ -18,7 +18,7 @@
     </head>
 
     <body>
-    <twig:AppHeader />
+     <twig:AppHomeHeader />
     <twig:AppMobileNavigation />
 
     <twig:block name="content"></twig:block>