From efbaf2a6cee968a47c8824e164e08dc682a5ebe8 Mon Sep 17 00:00:00 2001
From: Saeed <78552486+appsaeed@users.noreply.github.com>
Date: Mon, 10 Jun 2024 00:05:56 +0600
Subject: [PATCH] 	modified:   src/app/Toast.tsx 	modified:  
 src/views/sections/ContactSection.tsx 	modified:  
 src/views/sections/HeroSection.tsx

---
 .github/workflows/deploy.yml          |  2 ++
 src/api/sendEmail.ts                  |  0
 src/app/Toast.tsx                     |  7 +++----
 src/views/sections/ContactSection.tsx | 11 +++++++++--
 src/views/sections/HeroSection.tsx    |  8 +++++---
 5 files changed, 19 insertions(+), 9 deletions(-)
 delete mode 100644 src/api/sendEmail.ts

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 748b5b7..88f8b5d 100755
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -43,6 +43,8 @@ jobs:
 
       - name: Build project
         run: npm run build
+        env: 
+          VITE_API_TOKEN: ${{ secrets.VITE_API_TOKEN }}
 
       - name: Setup Pages
         uses: actions/configure-pages@v4
diff --git a/src/api/sendEmail.ts b/src/api/sendEmail.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/Toast.tsx b/src/app/Toast.tsx
index f9223a3..69851be 100755
--- a/src/app/Toast.tsx
+++ b/src/app/Toast.tsx
@@ -1,12 +1,11 @@
 import Swal from "sweetalert2";
-import { getThemeStore } from "utilies";
 
 const Toast = Swal.mixin({
   toast: true,
   position: "top-end",
   showConfirmButton: false,
   showCloseButton: true,
-  timer: 10000,
+  timer: 6000,
   timerProgressBar: true,
   customClass: "z-[99999]",
   progressSteps: [""],
@@ -14,8 +13,8 @@ const Toast = Swal.mixin({
     toast.addEventListener("mouseenter", Swal.stopTimer);
     toast.addEventListener("mouseleave", Swal.resumeTimer);
   },
-  background: getThemeStore() === "dark" ? "#1e293b" : "#ffffff",
-  color: getThemeStore() === "dark" ? "#ffffff" : "#1e293b",
+  // background: getThemeStore() === "dark" ? "#1e293b" : "#ffffff",
+  // color: getThemeStore() === "dark" ? "#ffffff" : "#1e293b",
 });
 
 export default Toast;
diff --git a/src/views/sections/ContactSection.tsx b/src/views/sections/ContactSection.tsx
index 50bf214..6b8c124 100755
--- a/src/views/sections/ContactSection.tsx
+++ b/src/views/sections/ContactSection.tsx
@@ -73,7 +73,14 @@ export default function ContactSection(props: HtmlAttr) {
         }
       })
       .catch((error) => Toast.fire('Sothing wrong!', error.message, 'error'))
-      .finally(() => setLoading(false));
+      .finally(() => {
+        setLoading(false)
+        setForm({
+          email: '',
+          message: '',
+          subject: ''
+        })
+      });
 
 
   };
@@ -165,7 +172,7 @@ export default function ContactSection(props: HtmlAttr) {
                   <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                   <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                 </svg>
-                Loading...
+                🚀 Loading...
               </> : "Send message 🚀"}
             </button>
           </form>
diff --git a/src/views/sections/HeroSection.tsx b/src/views/sections/HeroSection.tsx
index 7191604..7b1bcc2 100755
--- a/src/views/sections/HeroSection.tsx
+++ b/src/views/sections/HeroSection.tsx
@@ -64,7 +64,7 @@ export default function ({ class: className, ...props }: HtmlAttr) {
       {...props}
     >
       <div class="w-full mx-auto text-center pt-28 pb-16">
-        <Animate.h1 class="mb-20 text-3xl font-extrabold   text-slate-300">
+        <Animate.h1 motion="slideInDown" duration={'1.5s'} class="mb-20 text-3xl font-extrabold   text-slate-300">
           I'm <span class=" font-bold text-6xl">Saeed</span> Hossen
         </Animate.h1>
 
@@ -72,9 +72,11 @@ export default function ({ class: className, ...props }: HtmlAttr) {
           motion="slideInUp"
           class="mb-20 text-3xl text-white dark:text-white"
         >
-          Full-stack developer with expertise in JavaScript, Laravel, ReactJS,
+          Full-stack developer with expertise in JavaScript, Nodejs, PHP, Laravel, ReactJS,
           AI, and TailwindCSS. Building modern web applications & also focusing
-          on API. <b>Open to new opportunities!</b>
+          on API.
+          <br />
+          <b>Open to new opportunities!</b>
         </Animate.h2>
 
         <Animate.a