From 5bbcbd9ed00bd65eccabd5ef515a8a1a5befed95 Mon Sep 17 00:00:00 2001
From: shirshen <official.shirshen@gmail.com>
Date: Mon, 12 Aug 2024 03:47:02 +0600
Subject: [PATCH] chore!: using vite

---
 .gitignore                                    |  25 +
 README.md                                     |   3 +
 index.html                                    | 368 ++++----
 package-lock.json                             | 804 ++++++++++++++++++
 package.json                                  |  14 +
 {resources => public/resources}/css/about.css |   0
 {resources => public/resources}/css/blog.css  |   0
 .../resources}/css/contact.css                |   0
 .../resources}/css/hamburger.css              |   0
 {resources => public/resources}/css/home.css  |   0
 .../resources}/css/loader.css                 |   0
 .../resources}/css/portfolio.css              |   0
 .../resources}/css/services.css               |   0
 {resources => public/resources}/css/style.css |   0
 {resources => public/resources}/img/bg1.png   | Bin
 {resources => public/resources}/img/btn3.png  | Bin
 {resources => public/resources}/img/btn4.png  | Bin
 .../resources}/img/elements/border.png        | Bin
 .../resources}/img/elements/dbms_bg.png       | Bin
 .../resources}/img/elements/graphics_bg.png   | Bin
 .../resources}/img/elements/security_bg.png   | Bin
 .../resources}/img/elements/seo_bg.png        | Bin
 .../resources}/img/elements/ui_bg.png         | Bin
 .../resources}/img/elements/web_bg.png        | Bin
 .../resources}/img/favicon.ico                | Bin
 .../resources}/img/graphics_design.jpg        | Bin
 .../resources}/img/home_logo_bg_hero.png      | Bin
 .../resources}/img/icon_design.png            | Bin
 .../resources}/img/logo_design.jpg            | Bin
 .../resources}/img/pexels-pixabay-262488.jpg  | Bin
 .../resources}/img/portfolios/app/1.jpg       | Bin
 .../resources}/img/portfolios/app/2.jpg       | Bin
 .../resources}/img/portfolios/app/3.jpg       | Bin
 .../resources}/img/portfolios/card/1.jpg      | Bin
 .../resources}/img/portfolios/card/2.jpg      | Bin
 .../resources}/img/portfolios/card/3.jpg      | Bin
 .../resources}/img/portfolios/card/4.jpg      | Bin
 .../resources}/img/portfolios/card/5.jpg      | Bin
 .../resources}/img/portfolios/icon/1.jpg      | Bin
 .../resources}/img/portfolios/icon/2.jpg      | Bin
 .../resources}/img/portfolios/icon/3.jpg      | Bin
 .../resources}/img/portfolios/icon/4.jpg      | Bin
 .../resources}/img/portfolios/icon/5.jpg      | Bin
 .../resources}/img/portfolios/logo/1.jpg      | Bin
 .../resources}/img/portfolios/logo/2.jpg      | Bin
 .../resources}/img/portfolios/logo/3.jpg      | Bin
 .../resources}/img/portfolios/logo/4.jpg      | Bin
 .../resources}/img/portfolios/logo/5.jpg      | Bin
 .../resources}/img/portfolios/logo/6.jpg      | Bin
 .../resources}/img/portfolios/logo/7.jpg      | Bin
 .../resources}/img/portfolios/web/1.jpg       | Bin
 .../resources}/img/portfolios/web/2.jpg       | Bin
 .../resources}/img/portfolios/web/3.jpg       | Bin
 .../resources}/img/portfolios/web/4.jpg       | Bin
 .../resources}/img/server.jpg                 | Bin
 .../resources}/img/ui_design.jpg              | Bin
 .../resources}/img/web_design.jpg             | Bin
 {resources => public/resources}/js/about.js   |   0
 .../resources}/js/anime.min.js                |   0
 {resources => public/resources}/js/blog.js    |   0
 public/resources/js/contact.js                | 111 +++
 .../resources}/js/email.min.js                |   0
 {resources => public/resources}/js/home.js    |   0
 .../resources}/js/jquery.min.js               |   0
 {resources => public/resources}/js/main.js    |   0
 .../resources}/js/mixitup.min.js              |   0
 .../resources}/js/portfolio.js                |   0
 .../resources}/js/services.js                 |   0
 .../resources}/js/vanilla-tilt.min.js         |   0
 .../resources}/mapbox-gl/mapbox-gl.css        |   0
 .../resources}/mapbox-gl/mapbox-gl.js         |   0
 .../swiper js/swiper-bundle.min.css           |   0
 .../resources}/swiper js/swiper-bundle.min.js |   0
 resources/js/contact.js                       | 127 ---
 vite.config.js                                |   6 +
 75 files changed, 1163 insertions(+), 295 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 package-lock.json
 create mode 100644 package.json
 rename {resources => public/resources}/css/about.css (100%)
 rename {resources => public/resources}/css/blog.css (100%)
 rename {resources => public/resources}/css/contact.css (100%)
 rename {resources => public/resources}/css/hamburger.css (100%)
 rename {resources => public/resources}/css/home.css (100%)
 rename {resources => public/resources}/css/loader.css (100%)
 rename {resources => public/resources}/css/portfolio.css (100%)
 rename {resources => public/resources}/css/services.css (100%)
 rename {resources => public/resources}/css/style.css (100%)
 rename {resources => public/resources}/img/bg1.png (100%)
 rename {resources => public/resources}/img/btn3.png (100%)
 rename {resources => public/resources}/img/btn4.png (100%)
 rename {resources => public/resources}/img/elements/border.png (100%)
 rename {resources => public/resources}/img/elements/dbms_bg.png (100%)
 rename {resources => public/resources}/img/elements/graphics_bg.png (100%)
 rename {resources => public/resources}/img/elements/security_bg.png (100%)
 rename {resources => public/resources}/img/elements/seo_bg.png (100%)
 rename {resources => public/resources}/img/elements/ui_bg.png (100%)
 rename {resources => public/resources}/img/elements/web_bg.png (100%)
 rename {resources => public/resources}/img/favicon.ico (100%)
 rename {resources => public/resources}/img/graphics_design.jpg (100%)
 rename {resources => public/resources}/img/home_logo_bg_hero.png (100%)
 rename {resources => public/resources}/img/icon_design.png (100%)
 rename {resources => public/resources}/img/logo_design.jpg (100%)
 rename {resources => public/resources}/img/pexels-pixabay-262488.jpg (100%)
 rename {resources => public/resources}/img/portfolios/app/1.jpg (100%)
 rename {resources => public/resources}/img/portfolios/app/2.jpg (100%)
 rename {resources => public/resources}/img/portfolios/app/3.jpg (100%)
 rename {resources => public/resources}/img/portfolios/card/1.jpg (100%)
 rename {resources => public/resources}/img/portfolios/card/2.jpg (100%)
 rename {resources => public/resources}/img/portfolios/card/3.jpg (100%)
 rename {resources => public/resources}/img/portfolios/card/4.jpg (100%)
 rename {resources => public/resources}/img/portfolios/card/5.jpg (100%)
 rename {resources => public/resources}/img/portfolios/icon/1.jpg (100%)
 rename {resources => public/resources}/img/portfolios/icon/2.jpg (100%)
 rename {resources => public/resources}/img/portfolios/icon/3.jpg (100%)
 rename {resources => public/resources}/img/portfolios/icon/4.jpg (100%)
 rename {resources => public/resources}/img/portfolios/icon/5.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/1.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/2.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/3.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/4.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/5.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/6.jpg (100%)
 rename {resources => public/resources}/img/portfolios/logo/7.jpg (100%)
 rename {resources => public/resources}/img/portfolios/web/1.jpg (100%)
 rename {resources => public/resources}/img/portfolios/web/2.jpg (100%)
 rename {resources => public/resources}/img/portfolios/web/3.jpg (100%)
 rename {resources => public/resources}/img/portfolios/web/4.jpg (100%)
 rename {resources => public/resources}/img/server.jpg (100%)
 rename {resources => public/resources}/img/ui_design.jpg (100%)
 rename {resources => public/resources}/img/web_design.jpg (100%)
 rename {resources => public/resources}/js/about.js (100%)
 rename {resources => public/resources}/js/anime.min.js (100%)
 rename {resources => public/resources}/js/blog.js (100%)
 create mode 100644 public/resources/js/contact.js
 rename {resources => public/resources}/js/email.min.js (100%)
 rename {resources => public/resources}/js/home.js (100%)
 rename {resources => public/resources}/js/jquery.min.js (100%)
 rename {resources => public/resources}/js/main.js (100%)
 rename {resources => public/resources}/js/mixitup.min.js (100%)
 rename {resources => public/resources}/js/portfolio.js (100%)
 rename {resources => public/resources}/js/services.js (100%)
 rename {resources => public/resources}/js/vanilla-tilt.min.js (100%)
 rename {resources => public/resources}/mapbox-gl/mapbox-gl.css (100%)
 rename {resources => public/resources}/mapbox-gl/mapbox-gl.js (100%)
 rename {resources => public/resources}/swiper js/swiper-bundle.min.css (100%)
 rename {resources => public/resources}/swiper js/swiper-bundle.min.js (100%)
 delete mode 100644 resources/js/contact.js
 create mode 100644 vite.config.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..438657a9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
index 03631e57..06d27058 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,7 @@
 # COMPLETE-PORTFOLIO-WEBSITE
+
 COMPLETE PORTFOLIO WEBSITE &lt; HTML > { CSS } ( JavaScript )
 
 The fruit of patience is sweet. Let's [check the webpage.](https://shu-vro.github.io/COMPLETE-PORTFOLIO-WEBSITE/)
+
+_DISCLAIMER: YOU HAVE TO USE VITE FOR DEVELOPMENT AND PRODUCTION. to deploy using github pages, visit [vite](https://vitejs.dev/guide/static-deploy#github-pages)_
diff --git a/index.html b/index.html
index 964846f5..176162e3 100644
--- a/index.html
+++ b/index.html
@@ -9,27 +9,24 @@
         <title>Document</title>
         <link
             rel="stylesheet"
-            href="resources/swiper js/swiper-bundle.min.css"
-        />
+            href="./resources/swiper js/swiper-bundle.min.css" />
         <link
             rel="stylesheet"
-            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-        />
-        <link rel="stylesheet" href="resources/css/loader.css" />
-        <link rel="stylesheet" href="resources/css/hamburger.css" />
-        <link rel="stylesheet" href="resources/css/home.css" />
-        <link rel="stylesheet" href="resources/css/about.css" />
-        <link rel="stylesheet" href="resources/css/services.css">
-        <link rel="stylesheet" href="resources/css/portfolio.css" />
-        <link rel="stylesheet" href="resources/css/blog.css" />
-        <link rel="stylesheet" href="resources/css/contact.css" />
-        <link href="resources/mapbox-gl/mapbox-gl.css" rel="stylesheet" />
-        <link rel="stylesheet" href="resources/css/style.css" />
+            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
+        <link rel="stylesheet" href="./resources/css/loader.css" />
+        <link rel="stylesheet" href="./resources/css/hamburger.css" />
+        <link rel="stylesheet" href="./resources/css/home.css" />
+        <link rel="stylesheet" href="./resources/css/about.css" />
+        <link rel="stylesheet" href="./resources/css/services.css" />
+        <link rel="stylesheet" href="./resources/css/portfolio.css" />
+        <link rel="stylesheet" href="./resources/css/blog.css" />
+        <link rel="stylesheet" href="./resources/css/contact.css" />
+        <link href="./resources/mapbox-gl/mapbox-gl.css" rel="stylesheet" />
+        <link rel="stylesheet" href="./resources/css/style.css" />
         <link
             rel="shortcut icon"
-            href="resources/img/favicon.ico"
-            type="image/x-icon"
-        />
+            href="./resources/img/favicon.ico"
+            type="image/x-icon" />
     </head>
     <body onload="loaded()">
         <div class="loader">
@@ -72,14 +69,26 @@ <h1>
                         >about</a
                     >
                 </li>
-                <li><a href="#" onclick="services(); animate6.play();">services</a></li>
+                <li>
+                    <a href="#" onclick="services(); animate6.play();"
+                        >services</a
+                    >
+                </li>
                 <li><a href="#" onclick="portfolio()">portfolio</a></li>
                 <li><a href="#" onclick="blog()">blog</a></li>
                 <li>
                     <a href="#" onclick="contact(); animate5.play()">contact</a>
                 </li>
             </ul>
-            <p>&copy; 2021 Shuvro.</p>
+            <p>
+                &copy; 2024
+                <a
+                    href="https://github.com/shu-vro"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    >Shuvro</a
+                >.
+            </p>
         </nav>
 
         <div class="container">
@@ -132,8 +141,7 @@ <h1 align="center">Shirshen Das Gupta Shuvro</h1>
 
                         <div class="side-nav">
                             <button
-                                onclick="about(); animate3.play(); animate4.play();"
-                            >
+                                onclick="about(); animate3.play(); animate4.play();">
                                 <span class="w">W</span>
                                 <span class="tooltip"> why you? </span>
                             </button>
@@ -200,23 +208,19 @@ <h1 align="center">Shirshen Das Gupta Shuvro</h1>
                         <svg
                             class="wave absolute"
                             xmlns="http://www.w3.org/2000/svg"
-                            viewBox="0 0 1450 320"
-                        >
+                            viewBox="0 0 1450 320">
                             <path
                                 fill-opacity="1"
-                                d="M0,320L48,277.3C96,235,192,149,288,122.7C384,96,480,128,576,165.3C672,203,768,245,864,234.7C960,224,1056,160,1152,112C1248,64,1344,32,1392,16L1440,0L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"
-                            ></path>
+                                d="M0,320L48,277.3C96,235,192,149,288,122.7C384,96,480,128,576,165.3C672,203,768,245,864,234.7C960,224,1056,160,1152,112C1248,64,1344,32,1392,16L1440,0L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                         </svg>
 
                         <svg
                             class="wave absolute opposite"
                             xmlns="http://www.w3.org/2000/svg"
-                            viewBox="0 0 1450 320"
-                        >
+                            viewBox="0 0 1450 320">
                             <path
                                 fill-opacity="1"
-                                d="M0,224L48,213.3C96,203,192,181,288,192C384,203,480,245,576,218.7C672,192,768,96,864,64C960,32,1056,64,1152,101.3C1248,139,1344,181,1392,202.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"
-                            ></path>
+                                d="M0,224L48,213.3C96,203,192,181,288,192C384,203,480,245,576,218.7C672,192,768,96,864,64C960,32,1056,64,1152,101.3C1248,139,1344,181,1392,202.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                         </svg>
                     </div>
 
@@ -237,7 +241,7 @@ <h1>I'm Shuvro</h1>
                                 </p>
                                 <a
                                     class="button download"
-                                    href="resources/img/bg1.png"
+                                    href="./resources/img/bg1.png"
                                     download="shuvro_cv"
                                     >Download CV</a
                                 >
@@ -279,8 +283,7 @@ <h1>I'm Shuvro</h1>
                                 <div class="percent">
                                     <div
                                         class="progress"
-                                        style="width: 90%"
-                                    ></div>
+                                        style="width: 90%"></div>
                                 </div>
                             </div>
                             <div class="skill">
@@ -289,8 +292,7 @@ <h1>I'm Shuvro</h1>
                                 <div class="percent">
                                     <div
                                         class="progress"
-                                        style="width: 75%"
-                                    ></div>
+                                        style="width: 75%"></div>
                                 </div>
                             </div>
                             <div class="skill">
@@ -299,8 +301,7 @@ <h1>I'm Shuvro</h1>
                                 <div class="percent">
                                     <div
                                         class="progress"
-                                        style="width: 65%"
-                                    ></div>
+                                        style="width: 65%"></div>
                                 </div>
                             </div>
                             <div class="skill">
@@ -309,8 +310,7 @@ <h1>I'm Shuvro</h1>
                                 <div class="percent">
                                     <div
                                         class="progress"
-                                        style="width: 50%"
-                                    ></div>
+                                        style="width: 50%"></div>
                                 </div>
                             </div>
                             <div class="skill">
@@ -319,8 +319,7 @@ <h1>I'm Shuvro</h1>
                                 <div class="percent">
                                     <div
                                         class="progress"
-                                        style="width: 45%"
-                                    ></div>
+                                        style="width: 45%"></div>
                                 </div>
                             </div>
                             <div class="skill">
@@ -329,8 +328,7 @@ <h1>I'm Shuvro</h1>
                                 <div class="percent">
                                     <div
                                         class="progress"
-                                        style="width: 55%"
-                                    ></div>
+                                        style="width: 55%"></div>
                                 </div>
                             </div>
                         </div>
@@ -487,7 +485,7 @@ <h2>Bachelor In Science</h2>
                         </p>
                     </div>
                     <div class="capabilities left move-little-down">
-                        <img src="resources/img/elements/web_bg.png" alt="" />
+                        <img src="./resources/img/elements/web_bg.png" alt="" />
                         <p class="c_content">
                             <span class="c_title">Web</span>
                             His creative journey started with Web Design. To
@@ -513,20 +511,18 @@ <h2>Bachelor In Science</h2>
                             <i class="far fa-arrow-alt-circle-right"></i>
                         </p>
                         <img
-                            src="resources/img/elements/graphics_bg.png"
-                            alt=""
-                        />
+                            src="./resources/img/elements/graphics_bg.png"
+                            alt="" />
                     </div>
                     <div class="capabilities left">
                         <img
-                            src="resources/img/elements/seo_bg.png"
+                            src="./resources/img/elements/seo_bg.png"
                             alt=""
                             style="
                                 background: #2929292f;
                                 backdrop-filter: blur(4px);
                                 border-radius: 40px;
-                            "
-                        />
+                            " />
                         <p class="c_content">
                             <span class="c_title">SEO</span>
                             With 1+ years of experience in the Digital industry,
@@ -544,25 +540,22 @@ <h2>Works:</h2>
                             <a href="#" onclick="portfolio()">Profile World</a>
                             <i class="far fa-arrow-alt-circle-right"></i>
                             <img
-                                src="resources/img/portfolios/app/2.jpg"
-                                alt="portfolio"
-                            />
+                                src="./resources/img/portfolios/app/2.jpg"
+                                alt="portfolio" />
                         </div>
                         <div class="foot-link">
                             <a href="#" onclick="portfolio()">Art Director</a>
                             <i class="far fa-arrow-alt-circle-right"></i>
                             <img
-                                src="resources/img/portfolios/card/2.jpg"
-                                alt="portfolio"
-                            />
+                                src="./resources/img/portfolios/card/2.jpg"
+                                alt="portfolio" />
                         </div>
                         <div class="foot-link">
                             <a href="#" onclick="portfolio()">Lora Website</a>
                             <i class="far fa-arrow-alt-circle-right"></i>
                             <img
-                                src="resources/img/portfolios/web/1.jpg"
-                                alt="portfolio"
-                            />
+                                src="./resources/img/portfolios/web/1.jpg"
+                                alt="portfolio" />
                         </div>
                     </div>
                 </div>
@@ -589,8 +582,7 @@ <h2>Project Brief:</h2>
                                             style="
                                                 color: #999;
                                                 padding-left: 15px;
-                                            "
-                                        >
+                                            ">
                                             Lorem ipsum, dolor sit amet
                                             consectetur adipisicing elit. At
                                             corrupti modi perferendis iure
@@ -714,193 +706,169 @@ <h2>Project Info</h2>
                     <div class="mymixcont">
                         <div class="mix web">
                             <img
-                                src="resources/img/portfolios/web/1.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/web/1.jpg"
+                                alt="" />
                             <span class="title">Lora Website</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix icon">
                             <img
-                                src="resources/img/portfolios/icon/5.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/icon/5.jpg"
+                                alt="" />
                             <span class="title">Water World</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix card">
                             <img
-                                src="resources/img/portfolios/card/1.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/card/1.jpg"
+                                alt="" />
                             <span class="title">Brand Photography</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix web">
                             <img
-                                src="resources/img/portfolios/web/2.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/web/2.jpg"
+                                alt="" />
                             <span class="title">Student Guide</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix app">
                             <img
-                                src="resources/img/portfolios/app/1.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/app/1.jpg"
+                                alt="" />
                             <span class="title">World View</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix card">
                             <img
-                                src="resources/img/portfolios/card/2.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/card/2.jpg"
+                                alt="" />
                             <span class="title">Art Director</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix web">
                             <img
-                                src="resources/img/portfolios/web/3.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/web/3.jpg"
+                                alt="" />
                             <span class="title">Web App Pro</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix card">
                             <img
-                                src="resources/img/portfolios/card/3.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/card/3.jpg"
+                                alt="" />
                             <span class="title">Reauty</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix web">
                             <img
-                                src="resources/img/portfolios/web/4.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/web/4.jpg"
+                                alt="" />
                             <span class="title">Sonor Design</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix card">
                             <img
-                                src="resources/img/portfolios/card/4.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/card/4.jpg"
+                                alt="" />
                             <span class="title">Richard Tan</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/1.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/1.jpg"
+                                alt="" />
                             <span class="title">Kitty Pic</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix icon">
                             <img
-                                src="resources/img/portfolios/icon/4.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/icon/4.jpg"
+                                alt="" />
                             <span class="title">Domine</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix app">
                             <img
-                                src="resources/img/portfolios/app/2.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/app/2.jpg"
+                                alt="" />
                             <span class="title">Profile World</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/2.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/2.jpg"
+                                alt="" />
                             <span class="title">Specialisterne</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/3.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/3.jpg"
+                                alt="" />
                             <span class="title">Native Design</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix card">
                             <img
-                                src="resources/img/portfolios/card/5.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/card/5.jpg"
+                                alt="" />
                             <span class="title">Sriram Mohan</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/4.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/4.jpg"
+                                alt="" />
                             <span class="title">Book Worm</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix icon">
                             <img
-                                src="resources/img/portfolios/icon/2.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/icon/2.jpg"
+                                alt="" />
                             <span class="title">Football FC</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/5.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/5.jpg"
+                                alt="" />
                             <span class="title">Free Notes</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix icon">
                             <img
-                                src="resources/img/portfolios/icon/1.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/icon/1.jpg"
+                                alt="" />
                             <span class="title">Insta Genre</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/6.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/6.jpg"
+                                alt="" />
                             <span class="title">Movie Sock</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix logo">
                             <img
-                                src="resources/img/portfolios/logo/7.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/logo/7.jpg"
+                                alt="" />
                             <span class="title">Village Community Church</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix app">
                             <img
-                                src="resources/img/portfolios/app/3.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/app/3.jpg"
+                                alt="" />
                             <span class="title">Weathery</span>
                             <span class="port_link">View Project</span>
                         </div>
                         <div class="mix icon">
                             <img
-                                src="resources/img/portfolios/icon/3.jpg"
-                                alt=""
-                            />
+                                src="./resources/img/portfolios/icon/3.jpg"
+                                alt="" />
                             <span class="title">Fav Shop</span>
                             <span class="port_link">View Project</span>
                         </div>
@@ -915,7 +883,7 @@ <h1>
                     <div class="swiper-container">
                         <div class="swiper-wrapper">
                             <div class="swiper-slide">
-                                <img src="resources/img/favicon.ico" alt="" />
+                                <img src="./resources/img/favicon.ico" alt="" />
                                 <h4>Erik Lasher</h4>
                                 <div class="rating">
                                     <label>&starf;</label>
@@ -933,7 +901,7 @@ <h4>Erik Lasher</h4>
                                 </p>
                             </div>
                             <div class="swiper-slide">
-                                <img src="resources/img/favicon.ico" alt="" />
+                                <img src="./resources/img/favicon.ico" alt="" />
                                 <h4>Erik Lasher</h4>
                                 <div class="rating">
                                     <label>&starf;</label>
@@ -951,7 +919,7 @@ <h4>Erik Lasher</h4>
                                 </p>
                             </div>
                             <div class="swiper-slide">
-                                <img src="resources/img/favicon.ico" alt="" />
+                                <img src="./resources/img/favicon.ico" alt="" />
                                 <h4>Erik Lasher</h4>
                                 <div class="rating">
                                     <label>&starf;</label>
@@ -969,7 +937,7 @@ <h4>Erik Lasher</h4>
                                 </p>
                             </div>
                             <div class="swiper-slide">
-                                <img src="resources/img/favicon.ico" alt="" />
+                                <img src="./resources/img/favicon.ico" alt="" />
                                 <h4>Erik Lasher</h4>
                                 <div class="rating">
                                     <label>&starf;</label>
@@ -987,7 +955,7 @@ <h4>Erik Lasher</h4>
                                 </p>
                             </div>
                             <div class="swiper-slide">
-                                <img src="resources/img/favicon.ico" alt="" />
+                                <img src="./resources/img/favicon.ico" alt="" />
                                 <h4>Erik Lasher</h4>
                                 <div class="rating">
                                     <label>&starf;</label>
@@ -1005,7 +973,7 @@ <h4>Erik Lasher</h4>
                                 </p>
                             </div>
                             <div class="swiper-slide">
-                                <img src="resources/img/favicon.ico" alt="" />
+                                <img src="./resources/img/favicon.ico" alt="" />
                                 <h4>Erik Lasher</h4>
                                 <div class="rating">
                                     <label>&starf;</label>
@@ -1044,8 +1012,7 @@ <h4>Erik Lasher</h4>
                             <i class="fas fa-home"></i>
                             <span class="iname">Address</span>
                             <a
-                                href="https://www.google.com/maps/place/Sherpur+Town+Hall/@25.0136644,90.0140045,355m/data=!3m1!1e3!4m5!3m4!1s0x3757d6136d793499:0x8c22620664dc6a37!8m2!3d25.0156371!4d90.0168872"
-                            >
+                                href="https://www.google.com/maps/place/Sherpur+Town+Hall/@25.0136644,90.0140045,355m/data=!3m1!1e3!4m5!3m4!1s0x3757d6136d793499:0x8c22620664dc6a37!8m2!3d25.0156371!4d90.0168872">
                                 <h3>Govt. Girls' School Road</h3>
                                 <span>Kharampur, Sherpur</span><br />
                                 <span>Bangladesh</span>
@@ -1073,8 +1040,7 @@ <h1>Get In Touch</h1>
                                 class="fname"
                                 id="fname"
                                 placeholder="Full Name"
-                                required
-                            />
+                                required />
                         </div>
                         <div class="inp_field">
                             <i class="fas fa-envelope"></i>
@@ -1084,8 +1050,7 @@ <h1>Get In Touch</h1>
                                 class="email"
                                 id="email"
                                 placeholder="Email"
-                                required
-                            />
+                                required />
                         </div>
                         <div class="inp_field">
                             <i class="fas fa-angle-double-right"></i>
@@ -1095,8 +1060,7 @@ <h1>Get In Touch</h1>
                                 class="subject"
                                 id="subject"
                                 placeholder="Subject"
-                                required
-                            />
+                                required />
                         </div>
                         <textarea
                             name="message"
@@ -1105,8 +1069,7 @@ <h1>Get In Touch</h1>
                             class="message"
                             id="message"
                             placeholder="Message"
-                            required
-                        ></textarea>
+                            required></textarea>
                         <button class="submit" id="submit">Submit</button>
                     </form>
                 </div>
@@ -1114,42 +1077,111 @@ <h1>Get In Touch</h1>
         </div>
 
         <!-----------------JQUERY {https://jquery.com/} [USED IN portfolio.js]----------------->
-        <script src="resources/js/jquery.min.js"></script>
+        <script src="./resources/js/jquery.min.js"></script>
         <!-----------------MIX IT UP {https://www.kunkalabs.com/mixitup/} [USED IN portfolio.js]----------------->
-        <script src="resources/js/mixitup.min.js"></script>
+        <script src="./resources/js/mixitup.min.js"></script>
         <!-----------------SWIPER JS {https://swiperjs.com/} [USED IN portfolio.js, blog.js]----------------->
-        <script src="resources/swiper js/swiper-bundle.min.js"></script>
+        <script src="./resources/swiper js/swiper-bundle.min.js"></script>
         <!-----------------MAPBOX GL {https://www.mapbox.com/} [USED IN contact.js]----------------->
-        <script src="resources/mapbox-gl/mapbox-gl.js"></script>
+        <script src="./resources/mapbox-gl/mapbox-gl.js"></script>
         <!-----------------EMAIL JS {https://www.emailjs.com/} [USED IN contact.js]----------------->
-        <script src="resources/js/email.min.js"></script>
+        <script src="./resources/js/email.min.js"></script>
         <!-----------------ADDITIONAL SCRIPT FOR EMAIL JS----------------->
-        <script type="text/javascript">
+        <script type="module">
             (function () {
-                emailjs.init("user_5OMETIDQ2Nm9qBMtaFNz4");
+                emailjs.init(import.meta.env.VITE_EMAILJS_ACCESS_TOKEN);
             })();
         </script>
         <!-----------------VANILLA TILT JS {https://micku7zu.github.io/vanilla-tilt.js/}----------------->
-        <script src="resources/js/vanilla-tilt.min.js"></script>
+        <script src="./resources/js/vanilla-tilt.min.js"></script>
         <!-----------------ANIME JS {https://animejs.com/} [USED LOCALLY.]----------------->
-        <script src="resources/js/anime.min.js"></script>
+        <script src="./resources/js/anime.min.js"></script>
         <!-----------------LOCAL (HOME)----------------->
-        <script src="resources/js/home.js"></script>
+        <script src="./resources/js/home.js"></script>
         <!-----------------LOCAL (ABOUT)----------------->
-        <script src="resources/js/about.js"></script>
+        <script src="./resources/js/about.js"></script>
         <!-----------------LOCAL (SERVICES)----------------->
-        <script src="resources/js/services.js"></script>
+        <script src="./resources/js/services.js"></script>
         <!-----------------LOCAL (PORTFOLIO)----------------->
-        <script src="resources/js/portfolio.js"></script>
+        <script src="./resources/js/portfolio.js"></script>
         <!-----------------LOCAL (BLOG)----------------->
-        <script src="resources/js/blog.js"></script>
+        <script src="./resources/js/blog.js"></script>
         <!-----------------LOCAL (CONTACT)----------------->
-        <script src="resources/js/contact.js"></script>
+        <script type="module">
+            // For more, goto:
+            // https://www.mapbox.com/install/
+
+            mapboxgl.accessToken =
+                import.meta.env.VITE_MAPBOX_ACCESS_TOKEN || "";
+            var map = new mapboxgl.Map({
+                style: "mapbox://styles/mapbox/light-v10",
+                center: [90.3911645, 23.7494284], // Longitude, latitude
+                zoom: 18.5, // Zoom level
+                pitch: 45,
+                bearing: -17.6,
+                container: "map", // Our #map target.
+                antialias: true,
+            });
+
+            map.on("load", function () {
+                // Insert the layer beneath any symbol layer.
+                var layers = map.getStyle().layers;
+
+                var labelLayerId;
+                for (var i = 0; i < layers.length; i++) {
+                    if (
+                        layers[i].type === "symbol" &&
+                        layers[i].layout["text-field"]
+                    ) {
+                        labelLayerId = layers[i].id;
+                        break;
+                    }
+                }
+
+                map.addLayer(
+                    {
+                        id: "3d-buildings",
+                        source: "composite",
+                        "source-layer": "building",
+                        filter: ["==", "extrude", "true"],
+                        type: "fill-extrusion",
+                        minzoom: 15,
+                        paint: {
+                            "fill-extrusion-color": "#aaa",
+
+                            // use an 'interpolate' expression to add a smooth transition effect to the
+                            // buildings as the user zooms in
+                            "fill-extrusion-height": [
+                                "interpolate",
+                                ["linear"],
+                                ["zoom"],
+                                15,
+                                0,
+                                15.05,
+                                ["get", "height"],
+                            ],
+                            "fill-extrusion-base": [
+                                "interpolate",
+                                ["linear"],
+                                ["zoom"],
+                                15,
+                                0,
+                                15.05,
+                                ["get", "min_height"],
+                            ],
+                            "fill-extrusion-opacity": 0.6,
+                        },
+                    },
+                    labelLayerId
+                );
+            });
+        </script>
+        <script src="./resources/js/contact.js" defer></script>
         <!-----------------LOCAL (MAIN FILE)----------------->
-        <script src="resources/js/main.js"></script>
+        <script src="./resources/js/main.js"></script>
 
         <!-----------------LOCAL (MAIN FILE { USED TO ANIMATE WEBPAGE.})----------------->
-        <script>
+        <script defer>
             const animate1 = anime.timeline({
                 targets: ".circle",
                 loop: true,
@@ -1219,12 +1251,12 @@ <h1>Get In Touch</h1>
                 autoplay: false,
                 easing: "easeOutQuint",
             });
-            
+
             const animate6 = anime({
-                targets: ['.services .t_dummy', '.services .hero-text'],
+                targets: [".services .t_dummy", ".services .hero-text"],
                 duration: 1000,
                 scaleX: [0, 1],
-                delay: anime.stagger(300, {start: 1000}),
+                delay: anime.stagger(300, { start: 1000 }),
                 autoplay: false,
             });
 
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..4be95935
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,804 @@
+{
+  "name": "complete-portfolio-website",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "complete-portfolio-website",
+      "version": "0.0.0",
+      "devDependencies": {
+        "vite": "^5.4.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.20.0.tgz",
+      "integrity": "sha512-TSpWzflCc4VGAUJZlPpgAJE1+V60MePDQnBd7PPkpuEmOy8i87aL6tinFGKBFKuEDikYpig72QzdT3QPYIi+oA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.20.0.tgz",
+      "integrity": "sha512-u00Ro/nok7oGzVuh/FMYfNoGqxU5CPWz1mxV85S2w9LxHR8OoMQBuSk+3BKVIDYgkpeOET5yXkx90OYFc+ytpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.20.0.tgz",
+      "integrity": "sha512-uFVfvzvsdGtlSLuL0ZlvPJvl6ZmrH4CBwLGEFPe7hUmf7htGAN+aXo43R/V6LATyxlKVC/m6UsLb7jbG+LG39Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.20.0.tgz",
+      "integrity": "sha512-xbrMDdlev53vNXexEa6l0LffojxhqDTBeL+VUxuuIXys4x6xyvbKq5XqTXBCEUA8ty8iEJblHvFaWRJTk/icAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.20.0.tgz",
+      "integrity": "sha512-jMYvxZwGmoHFBTbr12Xc6wOdc2xA5tF5F2q6t7Rcfab68TT0n+r7dgawD4qhPEvasDsVpQi+MgDzj2faOLsZjA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.20.0.tgz",
+      "integrity": "sha512-1asSTl4HKuIHIB1GcdFHNNZhxAYEdqML/MW4QmPS4G0ivbEcBr1JKlFLKsIRqjSwOBkdItn3/ZDlyvZ/N6KPlw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.20.0.tgz",
+      "integrity": "sha512-COBb8Bkx56KldOYJfMf6wKeYJrtJ9vEgBRAOkfw6Ens0tnmzPqvlpjZiLgkhg6cA3DGzCmLmmd319pmHvKWWlQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.20.0.tgz",
+      "integrity": "sha512-+it+mBSyMslVQa8wSPvBx53fYuZK/oLTu5RJoXogjk6x7Q7sz1GNRsXWjn6SwyJm8E/oMjNVwPhmNdIjwP135Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.20.0.tgz",
+      "integrity": "sha512-yAMvqhPfGKsAxHN8I4+jE0CpLWD8cv4z7CK7BMmhjDuz606Q2tFKkWRY8bHR9JQXYcoLfopo5TTqzxgPUjUMfw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.20.0.tgz",
+      "integrity": "sha512-qmuxFpfmi/2SUkAw95TtNq/w/I7Gpjurx609OOOV7U4vhvUhBcftcmXwl3rqAek+ADBwSjIC4IVNLiszoj3dPA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.20.0.tgz",
+      "integrity": "sha512-I0BtGXddHSHjV1mqTNkgUZLnS3WtsqebAXv11D5BZE/gfw5KoyXSAXVqyJximQXNvNzUo4GKlCK/dIwXlz+jlg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.20.0.tgz",
+      "integrity": "sha512-y+eoL2I3iphUg9tN9GB6ku1FA8kOfmF4oUEWhztDJ4KXJy1agk/9+pejOuZkNFhRwHAOxMsBPLbXPd6mJiCwew==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.20.0.tgz",
+      "integrity": "sha512-hM3nhW40kBNYUkZb/r9k2FKK+/MnKglX7UYd4ZUy5DJs8/sMsIbqWK2piZtVGE3kcXVNj3B2IrUYROJMMCikNg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.20.0.tgz",
+      "integrity": "sha512-psegMvP+Ik/Bg7QRJbv8w8PAytPA7Uo8fpFjXyCRHWm6Nt42L+JtoqH8eDQ5hRP7/XW2UiIriy1Z46jf0Oa1kA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.20.0.tgz",
+      "integrity": "sha512-GabekH3w4lgAJpVxkk7hUzUf2hICSQO0a/BLFA11/RMxQT92MabKAqyubzDZmMOC/hcJNlc+rrypzNzYl4Dx7A==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.20.0.tgz",
+      "integrity": "sha512-aJ1EJSuTdGnM6qbVC4B5DSmozPTqIag9fSzXRNNo+humQLG89XpPgdt16Ia56ORD7s+H8Pmyx44uczDQ0yDzpg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "dev": true
+    },
+    "node_modules/postcss": {
+      "version": "8.4.41",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
+      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.1",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.20.0.tgz",
+      "integrity": "sha512-6rbWBChcnSGzIlXeIdNIZTopKYad8ZG8ajhl78lGRLsI2rX8IkaotQhVas2Ma+GPxJav19wrSzvRvuiv0YKzWw==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.20.0",
+        "@rollup/rollup-android-arm64": "4.20.0",
+        "@rollup/rollup-darwin-arm64": "4.20.0",
+        "@rollup/rollup-darwin-x64": "4.20.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.20.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.20.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.20.0",
+        "@rollup/rollup-linux-arm64-musl": "4.20.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.20.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.20.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.20.0",
+        "@rollup/rollup-linux-x64-gnu": "4.20.0",
+        "@rollup/rollup-linux-x64-musl": "4.20.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.20.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.20.0",
+        "@rollup/rollup-win32-x64-msvc": "4.20.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.0.tgz",
+      "integrity": "sha512-5xokfMX0PIiwCMCMb9ZJcMyh5wbBun0zUzKib+L65vAZ8GY9ePZMXxFrHbr/Kyll2+LSCY7xtERPpxkBDKngwg==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.40",
+        "rollup": "^4.13.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..df8ab08f
--- /dev/null
+++ b/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "complete-portfolio-website",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vite": "^5.4.0"
+  }
+}
diff --git a/resources/css/about.css b/public/resources/css/about.css
similarity index 100%
rename from resources/css/about.css
rename to public/resources/css/about.css
diff --git a/resources/css/blog.css b/public/resources/css/blog.css
similarity index 100%
rename from resources/css/blog.css
rename to public/resources/css/blog.css
diff --git a/resources/css/contact.css b/public/resources/css/contact.css
similarity index 100%
rename from resources/css/contact.css
rename to public/resources/css/contact.css
diff --git a/resources/css/hamburger.css b/public/resources/css/hamburger.css
similarity index 100%
rename from resources/css/hamburger.css
rename to public/resources/css/hamburger.css
diff --git a/resources/css/home.css b/public/resources/css/home.css
similarity index 100%
rename from resources/css/home.css
rename to public/resources/css/home.css
diff --git a/resources/css/loader.css b/public/resources/css/loader.css
similarity index 100%
rename from resources/css/loader.css
rename to public/resources/css/loader.css
diff --git a/resources/css/portfolio.css b/public/resources/css/portfolio.css
similarity index 100%
rename from resources/css/portfolio.css
rename to public/resources/css/portfolio.css
diff --git a/resources/css/services.css b/public/resources/css/services.css
similarity index 100%
rename from resources/css/services.css
rename to public/resources/css/services.css
diff --git a/resources/css/style.css b/public/resources/css/style.css
similarity index 100%
rename from resources/css/style.css
rename to public/resources/css/style.css
diff --git a/resources/img/bg1.png b/public/resources/img/bg1.png
similarity index 100%
rename from resources/img/bg1.png
rename to public/resources/img/bg1.png
diff --git a/resources/img/btn3.png b/public/resources/img/btn3.png
similarity index 100%
rename from resources/img/btn3.png
rename to public/resources/img/btn3.png
diff --git a/resources/img/btn4.png b/public/resources/img/btn4.png
similarity index 100%
rename from resources/img/btn4.png
rename to public/resources/img/btn4.png
diff --git a/resources/img/elements/border.png b/public/resources/img/elements/border.png
similarity index 100%
rename from resources/img/elements/border.png
rename to public/resources/img/elements/border.png
diff --git a/resources/img/elements/dbms_bg.png b/public/resources/img/elements/dbms_bg.png
similarity index 100%
rename from resources/img/elements/dbms_bg.png
rename to public/resources/img/elements/dbms_bg.png
diff --git a/resources/img/elements/graphics_bg.png b/public/resources/img/elements/graphics_bg.png
similarity index 100%
rename from resources/img/elements/graphics_bg.png
rename to public/resources/img/elements/graphics_bg.png
diff --git a/resources/img/elements/security_bg.png b/public/resources/img/elements/security_bg.png
similarity index 100%
rename from resources/img/elements/security_bg.png
rename to public/resources/img/elements/security_bg.png
diff --git a/resources/img/elements/seo_bg.png b/public/resources/img/elements/seo_bg.png
similarity index 100%
rename from resources/img/elements/seo_bg.png
rename to public/resources/img/elements/seo_bg.png
diff --git a/resources/img/elements/ui_bg.png b/public/resources/img/elements/ui_bg.png
similarity index 100%
rename from resources/img/elements/ui_bg.png
rename to public/resources/img/elements/ui_bg.png
diff --git a/resources/img/elements/web_bg.png b/public/resources/img/elements/web_bg.png
similarity index 100%
rename from resources/img/elements/web_bg.png
rename to public/resources/img/elements/web_bg.png
diff --git a/resources/img/favicon.ico b/public/resources/img/favicon.ico
similarity index 100%
rename from resources/img/favicon.ico
rename to public/resources/img/favicon.ico
diff --git a/resources/img/graphics_design.jpg b/public/resources/img/graphics_design.jpg
similarity index 100%
rename from resources/img/graphics_design.jpg
rename to public/resources/img/graphics_design.jpg
diff --git a/resources/img/home_logo_bg_hero.png b/public/resources/img/home_logo_bg_hero.png
similarity index 100%
rename from resources/img/home_logo_bg_hero.png
rename to public/resources/img/home_logo_bg_hero.png
diff --git a/resources/img/icon_design.png b/public/resources/img/icon_design.png
similarity index 100%
rename from resources/img/icon_design.png
rename to public/resources/img/icon_design.png
diff --git a/resources/img/logo_design.jpg b/public/resources/img/logo_design.jpg
similarity index 100%
rename from resources/img/logo_design.jpg
rename to public/resources/img/logo_design.jpg
diff --git a/resources/img/pexels-pixabay-262488.jpg b/public/resources/img/pexels-pixabay-262488.jpg
similarity index 100%
rename from resources/img/pexels-pixabay-262488.jpg
rename to public/resources/img/pexels-pixabay-262488.jpg
diff --git a/resources/img/portfolios/app/1.jpg b/public/resources/img/portfolios/app/1.jpg
similarity index 100%
rename from resources/img/portfolios/app/1.jpg
rename to public/resources/img/portfolios/app/1.jpg
diff --git a/resources/img/portfolios/app/2.jpg b/public/resources/img/portfolios/app/2.jpg
similarity index 100%
rename from resources/img/portfolios/app/2.jpg
rename to public/resources/img/portfolios/app/2.jpg
diff --git a/resources/img/portfolios/app/3.jpg b/public/resources/img/portfolios/app/3.jpg
similarity index 100%
rename from resources/img/portfolios/app/3.jpg
rename to public/resources/img/portfolios/app/3.jpg
diff --git a/resources/img/portfolios/card/1.jpg b/public/resources/img/portfolios/card/1.jpg
similarity index 100%
rename from resources/img/portfolios/card/1.jpg
rename to public/resources/img/portfolios/card/1.jpg
diff --git a/resources/img/portfolios/card/2.jpg b/public/resources/img/portfolios/card/2.jpg
similarity index 100%
rename from resources/img/portfolios/card/2.jpg
rename to public/resources/img/portfolios/card/2.jpg
diff --git a/resources/img/portfolios/card/3.jpg b/public/resources/img/portfolios/card/3.jpg
similarity index 100%
rename from resources/img/portfolios/card/3.jpg
rename to public/resources/img/portfolios/card/3.jpg
diff --git a/resources/img/portfolios/card/4.jpg b/public/resources/img/portfolios/card/4.jpg
similarity index 100%
rename from resources/img/portfolios/card/4.jpg
rename to public/resources/img/portfolios/card/4.jpg
diff --git a/resources/img/portfolios/card/5.jpg b/public/resources/img/portfolios/card/5.jpg
similarity index 100%
rename from resources/img/portfolios/card/5.jpg
rename to public/resources/img/portfolios/card/5.jpg
diff --git a/resources/img/portfolios/icon/1.jpg b/public/resources/img/portfolios/icon/1.jpg
similarity index 100%
rename from resources/img/portfolios/icon/1.jpg
rename to public/resources/img/portfolios/icon/1.jpg
diff --git a/resources/img/portfolios/icon/2.jpg b/public/resources/img/portfolios/icon/2.jpg
similarity index 100%
rename from resources/img/portfolios/icon/2.jpg
rename to public/resources/img/portfolios/icon/2.jpg
diff --git a/resources/img/portfolios/icon/3.jpg b/public/resources/img/portfolios/icon/3.jpg
similarity index 100%
rename from resources/img/portfolios/icon/3.jpg
rename to public/resources/img/portfolios/icon/3.jpg
diff --git a/resources/img/portfolios/icon/4.jpg b/public/resources/img/portfolios/icon/4.jpg
similarity index 100%
rename from resources/img/portfolios/icon/4.jpg
rename to public/resources/img/portfolios/icon/4.jpg
diff --git a/resources/img/portfolios/icon/5.jpg b/public/resources/img/portfolios/icon/5.jpg
similarity index 100%
rename from resources/img/portfolios/icon/5.jpg
rename to public/resources/img/portfolios/icon/5.jpg
diff --git a/resources/img/portfolios/logo/1.jpg b/public/resources/img/portfolios/logo/1.jpg
similarity index 100%
rename from resources/img/portfolios/logo/1.jpg
rename to public/resources/img/portfolios/logo/1.jpg
diff --git a/resources/img/portfolios/logo/2.jpg b/public/resources/img/portfolios/logo/2.jpg
similarity index 100%
rename from resources/img/portfolios/logo/2.jpg
rename to public/resources/img/portfolios/logo/2.jpg
diff --git a/resources/img/portfolios/logo/3.jpg b/public/resources/img/portfolios/logo/3.jpg
similarity index 100%
rename from resources/img/portfolios/logo/3.jpg
rename to public/resources/img/portfolios/logo/3.jpg
diff --git a/resources/img/portfolios/logo/4.jpg b/public/resources/img/portfolios/logo/4.jpg
similarity index 100%
rename from resources/img/portfolios/logo/4.jpg
rename to public/resources/img/portfolios/logo/4.jpg
diff --git a/resources/img/portfolios/logo/5.jpg b/public/resources/img/portfolios/logo/5.jpg
similarity index 100%
rename from resources/img/portfolios/logo/5.jpg
rename to public/resources/img/portfolios/logo/5.jpg
diff --git a/resources/img/portfolios/logo/6.jpg b/public/resources/img/portfolios/logo/6.jpg
similarity index 100%
rename from resources/img/portfolios/logo/6.jpg
rename to public/resources/img/portfolios/logo/6.jpg
diff --git a/resources/img/portfolios/logo/7.jpg b/public/resources/img/portfolios/logo/7.jpg
similarity index 100%
rename from resources/img/portfolios/logo/7.jpg
rename to public/resources/img/portfolios/logo/7.jpg
diff --git a/resources/img/portfolios/web/1.jpg b/public/resources/img/portfolios/web/1.jpg
similarity index 100%
rename from resources/img/portfolios/web/1.jpg
rename to public/resources/img/portfolios/web/1.jpg
diff --git a/resources/img/portfolios/web/2.jpg b/public/resources/img/portfolios/web/2.jpg
similarity index 100%
rename from resources/img/portfolios/web/2.jpg
rename to public/resources/img/portfolios/web/2.jpg
diff --git a/resources/img/portfolios/web/3.jpg b/public/resources/img/portfolios/web/3.jpg
similarity index 100%
rename from resources/img/portfolios/web/3.jpg
rename to public/resources/img/portfolios/web/3.jpg
diff --git a/resources/img/portfolios/web/4.jpg b/public/resources/img/portfolios/web/4.jpg
similarity index 100%
rename from resources/img/portfolios/web/4.jpg
rename to public/resources/img/portfolios/web/4.jpg
diff --git a/resources/img/server.jpg b/public/resources/img/server.jpg
similarity index 100%
rename from resources/img/server.jpg
rename to public/resources/img/server.jpg
diff --git a/resources/img/ui_design.jpg b/public/resources/img/ui_design.jpg
similarity index 100%
rename from resources/img/ui_design.jpg
rename to public/resources/img/ui_design.jpg
diff --git a/resources/img/web_design.jpg b/public/resources/img/web_design.jpg
similarity index 100%
rename from resources/img/web_design.jpg
rename to public/resources/img/web_design.jpg
diff --git a/resources/js/about.js b/public/resources/js/about.js
similarity index 100%
rename from resources/js/about.js
rename to public/resources/js/about.js
diff --git a/resources/js/anime.min.js b/public/resources/js/anime.min.js
similarity index 100%
rename from resources/js/anime.min.js
rename to public/resources/js/anime.min.js
diff --git a/resources/js/blog.js b/public/resources/js/blog.js
similarity index 100%
rename from resources/js/blog.js
rename to public/resources/js/blog.js
diff --git a/public/resources/js/contact.js b/public/resources/js/contact.js
new file mode 100644
index 00000000..51e313c4
--- /dev/null
+++ b/public/resources/js/contact.js
@@ -0,0 +1,111 @@
+// The 'building' layer in the mapbox-streets vector source contains building-height
+// data from OpenStreetMap.
+// map.on("load", function () {
+//     // Insert the layer beneath any symbol layer.
+//     var layers = map.getStyle().layers;
+
+//     var labelLayerId;
+//     for (var i = 0; i < layers.length; i++) {
+//         if (layers[i].type === "symbol" && layers[i].layout["text-field"]) {
+//             labelLayerId = layers[i].id;
+//             break;
+//         }
+//     }
+
+//     map.addLayer(
+//         {
+//             id: "3d-buildings",
+//             source: "composite",
+//             "source-layer": "building",
+//             filter: ["==", "extrude", "true"],
+//             type: "fill-extrusion",
+//             minzoom: 15,
+//             paint: {
+//                 "fill-extrusion-color": "#aaa",
+
+//                 // use an 'interpolate' expression to add a smooth transition effect to the
+//                 // buildings as the user zooms in
+//                 "fill-extrusion-height": [
+//                     "interpolate",
+//                     ["linear"],
+//                     ["zoom"],
+//                     15,
+//                     0,
+//                     15.05,
+//                     ["get", "height"],
+//                 ],
+//                 "fill-extrusion-base": [
+//                     "interpolate",
+//                     ["linear"],
+//                     ["zoom"],
+//                     15,
+//                     0,
+//                     15.05,
+//                     ["get", "min_height"],
+//                 ],
+//                 "fill-extrusion-opacity": 0.6,
+//             },
+//         },
+//         labelLayerId
+//     );
+// });
+
+function vanillaTilt(element) {
+    VanillaTilt.init(document.querySelector(element), {
+        max: 10,
+        speed: 200,
+        glare: true,
+        "max-glare": 0.5,
+    });
+}
+
+vanillaTilt(".info1");
+vanillaTilt(".info2");
+vanillaTilt(".info3");
+
+document.querySelector("form").addEventListener("submit", (e) => {
+    e.preventDefault();
+});
+let form_name = document.getElementById("fname");
+let email = document.getElementById("email");
+let subject = document.getElementById("subject");
+let message = document.getElementById("message");
+let submit = document.getElementById("submit");
+
+submit.addEventListener("click", () => {
+    if (
+        form_name.value == "" &&
+        email.value == "" &&
+        subject.value == "" &&
+        message.value == ""
+    ) {
+        alert("All fields are required");
+        return;
+    } else {
+        submitEmail();
+    }
+});
+
+function submitEmail() {
+    let param = {
+        method: "POST",
+        from_name: form_name.value,
+        from_email: email.value,
+        to_name: "Shuvro!",
+        subject: subject.value,
+        message: message.value,
+    };
+
+    emailjs.send("service_name", "template_name", param).then(
+        function (response) {
+            alert("SUCCESS! " + response.status + " " + response.text);
+        },
+        function (error) {
+            alert("FAILED... " + error);
+        }
+    );
+}
+
+document.querySelector("form").addEventListener("submit", (e) => {
+    e.preventDefault();
+});
diff --git a/resources/js/email.min.js b/public/resources/js/email.min.js
similarity index 100%
rename from resources/js/email.min.js
rename to public/resources/js/email.min.js
diff --git a/resources/js/home.js b/public/resources/js/home.js
similarity index 100%
rename from resources/js/home.js
rename to public/resources/js/home.js
diff --git a/resources/js/jquery.min.js b/public/resources/js/jquery.min.js
similarity index 100%
rename from resources/js/jquery.min.js
rename to public/resources/js/jquery.min.js
diff --git a/resources/js/main.js b/public/resources/js/main.js
similarity index 100%
rename from resources/js/main.js
rename to public/resources/js/main.js
diff --git a/resources/js/mixitup.min.js b/public/resources/js/mixitup.min.js
similarity index 100%
rename from resources/js/mixitup.min.js
rename to public/resources/js/mixitup.min.js
diff --git a/resources/js/portfolio.js b/public/resources/js/portfolio.js
similarity index 100%
rename from resources/js/portfolio.js
rename to public/resources/js/portfolio.js
diff --git a/resources/js/services.js b/public/resources/js/services.js
similarity index 100%
rename from resources/js/services.js
rename to public/resources/js/services.js
diff --git a/resources/js/vanilla-tilt.min.js b/public/resources/js/vanilla-tilt.min.js
similarity index 100%
rename from resources/js/vanilla-tilt.min.js
rename to public/resources/js/vanilla-tilt.min.js
diff --git a/resources/mapbox-gl/mapbox-gl.css b/public/resources/mapbox-gl/mapbox-gl.css
similarity index 100%
rename from resources/mapbox-gl/mapbox-gl.css
rename to public/resources/mapbox-gl/mapbox-gl.css
diff --git a/resources/mapbox-gl/mapbox-gl.js b/public/resources/mapbox-gl/mapbox-gl.js
similarity index 100%
rename from resources/mapbox-gl/mapbox-gl.js
rename to public/resources/mapbox-gl/mapbox-gl.js
diff --git a/resources/swiper js/swiper-bundle.min.css b/public/resources/swiper js/swiper-bundle.min.css
similarity index 100%
rename from resources/swiper js/swiper-bundle.min.css
rename to public/resources/swiper js/swiper-bundle.min.css
diff --git a/resources/swiper js/swiper-bundle.min.js b/public/resources/swiper js/swiper-bundle.min.js
similarity index 100%
rename from resources/swiper js/swiper-bundle.min.js
rename to public/resources/swiper js/swiper-bundle.min.js
diff --git a/resources/js/contact.js b/resources/js/contact.js
deleted file mode 100644
index db9c8231..00000000
--- a/resources/js/contact.js
+++ /dev/null
@@ -1,127 +0,0 @@
-// For more, goto:
-// https://www.mapbox.com/install/
-
-mapboxgl.accessToken =
-    "pk.eyJ1Ijoic2h1LXZybyIsImEiOiJja2x4bndlYjUwMGhqMnJxN3oyYWE3cjRiIn0.b3G5Z9mGlV7XiSaSAwunEA";
-var map = new mapboxgl.Map({
-    style: "mapbox://styles/mapbox/light-v10",
-    center: [90.3911645, 23.7494284], // Longitude, latitude
-    zoom: 18.5, // Zoom level
-    pitch: 45,
-    bearing: -17.6,
-    container: "map", // Our #map target.
-    antialias: true,
-});
-
-// The 'building' layer in the mapbox-streets vector source contains building-height
-// data from OpenStreetMap.
-map.on("load", function () {
-    // Insert the layer beneath any symbol layer.
-    var layers = map.getStyle().layers;
-
-    var labelLayerId;
-    for (var i = 0; i < layers.length; i++) {
-        if (layers[i].type === "symbol" && layers[i].layout["text-field"]) {
-            labelLayerId = layers[i].id;
-            break;
-        }
-    }
-
-    map.addLayer(
-        {
-            id: "3d-buildings",
-            source: "composite",
-            "source-layer": "building",
-            filter: ["==", "extrude", "true"],
-            type: "fill-extrusion",
-            minzoom: 15,
-            paint: {
-                "fill-extrusion-color": "#aaa",
-
-                // use an 'interpolate' expression to add a smooth transition effect to the
-                // buildings as the user zooms in
-                "fill-extrusion-height": [
-                    "interpolate",
-                    ["linear"],
-                    ["zoom"],
-                    15,
-                    0,
-                    15.05,
-                    ["get", "height"],
-                ],
-                "fill-extrusion-base": [
-                    "interpolate",
-                    ["linear"],
-                    ["zoom"],
-                    15,
-                    0,
-                    15.05,
-                    ["get", "min_height"],
-                ],
-                "fill-extrusion-opacity": 0.6,
-            },
-        },
-        labelLayerId
-    );
-});
-
-function vanillaTilt(element) {
-    VanillaTilt.init(document.querySelector(element), {
-        max: 10,
-        speed: 200,
-        glare: true,
-        "max-glare": 0.5,
-    });
-}
-
-vanillaTilt(".info1");
-vanillaTilt(".info2");
-vanillaTilt(".info3");
-
-document.querySelector("form").addEventListener("submit", (e) => {
-    e.preventDefault();
-});
-let form_name = document.getElementById("fname");
-let email = document.getElementById("email");
-let subject = document.getElementById("subject");
-let message = document.getElementById("message");
-let submit = document.getElementById("submit");
-
-submit.addEventListener("click", () => {
-    if (
-        form_name.value == "" &&
-        email.value == "" &&
-        subject.value == "" &&
-        message.value == ""
-    ) {
-        alert("All fields are required");
-        return;
-    } else {
-        submitEmail();
-    }
-});
-
-function submitEmail() {
-    let param = {
-        method: "POST",
-        from_name: form_name.value,
-        from_email: email.value,
-        to_name: "Shuvro!",
-        subject: subject.value,
-        message: message.value,
-    };
-
-    
-    emailjs.send("service_name", "template_name", param).then(
-        function (response) {
-            alert("SUCCESS! " + response.status + " " + response.text);
-        },
-        function (error) {
-            alert("FAILED... " + error);
-        }
-    );
-}
-
-document.querySelector("form").addEventListener("submit", (e) => {
-    e.preventDefault();
-});
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 00000000..8fad4384
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,6 @@
+// vite.config.js
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    base: "/<REPO>/",
+});