From bee73a8998e32fd2ebc1425d1b4f01f8b2eef6c6 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Thu, 28 Jul 2022 13:50:42 +0300
Subject: [PATCH 1/2] animation added in title

---
 .../components/layouts/modules.blade.php      |  2 --
 .../components/modules/banners.blade.php      | 21 ++++++++++++++++---
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/layouts/modules.blade.php b/resources/views/components/layouts/modules.blade.php
index ac228b1d2..6aef81c94 100644
--- a/resources/views/components/layouts/modules.blade.php
+++ b/resources/views/components/layouts/modules.blade.php
@@ -16,8 +16,6 @@
 
         <x-layouts.admin.menu />
 
-        <x-loading.content />
-
         <div class="main-content xl:ltr:ml-64  xl:rtl:mr-64 transition-all ease-in-out" id="panel">
             <div id="main-body">
                 <div class="container">
diff --git a/resources/views/components/modules/banners.blade.php b/resources/views/components/modules/banners.blade.php
index 8afd8cb00..68df4bfa5 100644
--- a/resources/views/components/modules/banners.blade.php
+++ b/resources/views/components/modules/banners.blade.php
@@ -5,9 +5,23 @@
 @else
     <div class="w-full lg:h-48 px-6 bg-dark-blue rounded-lg flex flex-col lg:flex-row justify-between items-center my-8">
         <div class="w-full lg:w-1/2 flex flex-col self-end py-6">
-            <h1 class="text-lg lg:text-7xl font-semibold text-white">
-                {{ trans('modules.premium_banner') }}
-            </h1>
+            <div
+                class="w-96 h-28"
+                x-data="{
+                    text: '',
+                    textArray : ['{{ trans('modules.premium_banner') }}'],
+                    textIndex: 0,
+                    charIndex: 0,
+                    typeSpeed: 100,
+                 }"
+                x-init="setInterval(function(){
+                    let current = $data.textArray[ $data.textIndex ];
+                    $data.text = current.substring(0, $data.charIndex);
+                    $data.charIndex += 1;
+                 }, $data.typeSpeed);"
+            >
+                <h1 class="text-lg lg:text-7xl font-semibold text-white" x-text="text"></h1>
+            </div>
 
             <a href="https://akaunting.com/plans" class="text-white transition-all hover:underline">
                 {{ trans('modules.learn_more') }}
@@ -18,4 +32,5 @@
             <img src="{{ asset('/public/img/akaunting-logo-gold.png') }}" class="h-40" alt="Akaunting" />
         </div>
     </div>
+</div>
 @endif

From 8e8acf378a508129baf6a53ef706f74e94f127a7 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Fri, 29 Jul 2022 15:43:27 +0300
Subject: [PATCH 2/2] refactoring

---
 resources/views/components/modules/banners.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/modules/banners.blade.php b/resources/views/components/modules/banners.blade.php
index 68df4bfa5..0be97c958 100644
--- a/resources/views/components/modules/banners.blade.php
+++ b/resources/views/components/modules/banners.blade.php
@@ -6,7 +6,7 @@
     <div class="w-full lg:h-48 px-6 bg-dark-blue rounded-lg flex flex-col lg:flex-row justify-between items-center my-8">
         <div class="w-full lg:w-1/2 flex flex-col self-end py-6">
             <div
-                class="w-96 h-28"
+                class="h-28"
                 x-data="{
                     text: '',
                     textArray : ['{{ trans('modules.premium_banner') }}'],