jeawin-astro 2.2.1 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jeawin-astro",
-    "version": "2.2.1",
+    "version": "3.0.2",
     "author": "chaegumi <chaegumi@qq.com>",
     "description": "",
     "license": "MIT",
@@ -25,8 +25,8 @@
         "test": "mocha test"
     },
     "devDependencies": {
-        "@babel/core": "^7.26.0",
-        "@babel/preset-env": "^7.26.0",
+        "@babel/core": "^7.26.7",
+        "@babel/preset-env": "^7.26.7",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^28.0.2",
         "@rollup/plugin-json": "^6.1.0",
@@ -35,34 +35,36 @@
         "@rollup/plugin-strip": "^3.0.4",
         "@rollup/plugin-terser": "^0.4.4",
         "@rollup/plugin-typescript": "^12.1.2",
-        "@types/lodash": "^4.17.14",
+        "@types/lodash": "^4.17.15",
         "@types/sprintf-js": "^1.1.4",
         "autoprefixer": "^10.4.20",
         "chai": "^5.1.2",
         "mocha": "^10.8.2",
-        "postcss": "^8.4.49",
-        "rollup": "^4.30.1",
+        "postcss": "^8.5.1",
+        "rollup": "^4.34.2",
         "rollup-plugin-node-externals": "^7.1.3",
         "rollup-plugin-postcss": "^4.0.2",
         "typescript": "^5.7.3"
     },
     "dependencies": {
-        "@astrojs/alpinejs": "^0.4.1",
+        "@astrojs/alpinejs": "^0.4.3",
         "@astrojs/check": "^0.9.4",
-        "@astrojs/cloudflare": "^12.1.0",
+        "@astrojs/cloudflare": "^12.2.1",
         "@astrojs/rss": "^4.0.11",
         "@astrojs/sitemap": "3.2.1",
-        "@astrojs/tailwind": "^5.1.4",
         "@astrojs/ts-plugin": "^1.10.4",
-        "@astrojs/vue": "^5.0.4",
+        "@astrojs/vue": "^5.0.6",
         "@iconify-json/fa6-brands": "^1.2.5",
         "@iconify-json/fa6-solid": "^1.2.3",
         "@iconify/tools": "^4.1.1",
         "@keyv/compress-brotli": "^2.0.3",
+        "@tailwindcss/forms": "^0.5.10",
+        "@tailwindcss/typography": "^0.5.16",
+        "@tailwindcss/vite": "^4.0.3",
         "@types/alpinejs": "^3.13.11",
         "alpinejs": "^3.14.8",
         "aos": "3.0.0-beta.6",
-        "astro": "^5.1.5",
+        "astro": "^5.2.5",
         "astro-color-scheme": "^1.1.5",
         "astro-embed": "^0.9.0",
         "astro-icon": "^1.1.5",
@@ -79,7 +81,9 @@
         "smartmenus": "2.0.0-alpha.1",
         "sprintf-js": "^1.1.3",
         "string-strip-html": "^13.4.8",
-        "swiper": "^11.2.1",
+        "swiper": "^11.2.2",
+        "tailwind-scrollbar": "^4.0.0",
+        "tailwindcss": "^4.0.3",
         "tslib": "^2.8.1"
     }
 }

package/src/components/blocks/block10.astro

@@ -66,14 +66,14 @@ function splitHtml(content: any) {
         <a
           href={render_value(block, "linkurl11")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] !text-white"
           title={`${render_value(block, "title1")}${DetailLang}`}
           rel="nofollow"
         >{DetailLang}</a>
         <a
           href={render_value(block, "linkurl1")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[#3498db] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[#3498db] !text-white"
           title={ContactLang}
           rel="nofollow"
         >{ContactLang}</a>
@@ -96,14 +96,14 @@ function splitHtml(content: any) {
         <a
           href={render_value(block, "linkurl11")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] !text-white"
           title={`${render_value(block, "title1")}${DetailLang}`}
           rel="nofollow"
         >{DetailLang}</a>
         <a
           href={render_value(block, "linkurl1")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[#3498db] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[#3498db] !text-white"
           title={ContactLang}
           rel="nofollow"
         >{ContactLang}</a>
@@ -126,14 +126,14 @@ function splitHtml(content: any) {
         <a
           href={render_value(block, "linkurl11")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] !text-white"
           title={`${render_value(block, "title1")}${DetailLang}`}
           rel="nofollow"
         >{DetailLang}</a>
         <a
           href={render_value(block, "linkurl1")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[#3498db] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[#3498db] !text-white"
           title={ContactLang}
           rel="nofollow"
         >{ContactLang}</a>
@@ -156,14 +156,14 @@ function splitHtml(content: any) {
         <a
           href={render_value(block, "linkurl11")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[var(--themeColor)] !text-white"
           title={`${render_value(block, "title1")}${DetailLang}`}
           rel="nofollow"
         >{DetailLang}</a>
         <a
           href={render_value(block, "linkurl1")}
           target="_blank"
-          class="inline-block mx-auto px-2 py-1 bg-[#3498db] text-white"
+          class="inline-block mx-auto px-2 py-1 bg-[#3498db] !text-white"
           title={ContactLang}
           rel="nofollow"
         >{ContactLang}</a>

package/src/components/button.astro

@@ -24,7 +24,7 @@ let class1 = [
   "leading-5",
   "rounded-full",
   "font-semibold",
-  "text-white",
+  "!text-white",
   "whitespace-nowrap",
 ];
 

package/src/components/cards/news_grid_card5.astro

@@ -97,6 +97,7 @@ const final_content = truncate(content, {
   </div>
 </div>
 <style>
+  @reference "tailwindcss";
   .card {
     @apply relative h-full rounded-xl bg-white p-2 md:py-8 md:px-4 bg-white rounded-lg shadow-lg transition-transform duration-300 hover:-translate-y-[5px];
   }

package/src/components/children_categories_list.astro

@@ -39,7 +39,7 @@ const ProductCountLang = render_value(all_langs, "product");
       <a
         href={render_url(category.category_url, base)}
         title={category.category_name}
-        class="group border text-center py-8 px-4 bg-white rounded-lg shadow-lg hover:no-underline transition-transform duration-300 hover:-translate-y-[5px]"
+        class="group border border-gray-200 text-center py-8 px-4 bg-white rounded-lg shadow-lg hover:no-underline transition-transform duration-300 hover:-translate-y-[5px]"
       >
         {category.category_picurl_html ? (
           <Fragment>

package/src/components/cta/cta6.astro

@@ -37,12 +37,12 @@ const {
       <a
         href={btn1_link}
         title={btn1_text}
-        class="inline-block py-2 px-4 text-white font-medium bg-gray-800 duration-150 hover:bg-gray-700 active:bg-gray-900 rounded-lg shadow-md hover:shadow-none"
+        class="inline-block py-2 px-4 !text-white font-medium bg-gray-800 duration-150 hover:bg-gray-700 active:bg-gray-900 rounded-lg shadow-md hover:shadow-none"
       >{btn1_text}</a>
       <a
         href={btn2_link}
         title={btn2_text}
-        class="inline-block py-2 px-4 text-gray-800 font-medium duration-150 border hover:bg-gray-50 active:bg-gray-100 rounded-lg"
+        class="inline-block py-2 px-4 !text-gray-800 font-medium duration-150 border border-gray-200 hover:bg-gray-50 active:bg-gray-100 rounded-lg"
       >{btn2_text}</a>
     </div>
   </div>

package/src/components/downloads/download2.astro

@@ -13,7 +13,7 @@ const downbtntext = render_value(all_langs, "Download");
 <div class="flex flex-col gap-5">
   {
     nodes.map((node: any, idx: number) => (
-      <div class="flex flex-col md:flex-row gap-4 border rounded-lg py-8 px-4 shadow-lg transition-transform duration-300 hover:-translate-y-[5px]">
+      <div class="flex flex-col md:flex-row gap-4 border border-gray-200 rounded-lg py-8 px-4 shadow-lg transition-transform duration-300 hover:-translate-y-[5px]">
         <div class="md:w-1/5">
           <Icon
             name="fa6-solid:file-pdf"
@@ -42,7 +42,7 @@ const downbtntext = render_value(all_langs, "Download");
             href={node.fileurl}
             target="_blank"
             title={downbtntext}
-            class="mx-auto px-4 py-2 bg-[var(--themeColor)] hover:bg-[var(--themeColor600)] text-white font-medium rounded-full inline-flex gap-2 items-center"
+            class="mx-auto px-4 py-2 bg-[var(--themeColor)] hover:bg-[var(--themeColor600)] !text-white font-medium rounded-full inline-flex gap-2 items-center"
           ><Icon name="fa6-solid:download" />{downbtntext}</a>
         </div>
       </div>

package/src/components/features/feature3.astro

@@ -47,7 +47,7 @@ const {
     <ul class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
       {
         features.map((feature: any) => (
-          <li class="bg-white space-y-3 p-4 border rounded-lg">
+          <li class="bg-white space-y-3 p-4 border border-gray-200 rounded-lg">
             <div class="flex items-center mb-4 text-[var(--themeColor600)]">
               <Fragment set:html={feature.icon} />
             </div>
@@ -61,7 +61,7 @@ const {
               <a
                 href={feature.link_url}
                 title={feature.title}
-                class="text-sm text-[var(--themeColor600)] duration-150 hover:text-[var(--themeColor400)] font-medium inline-flex items-center gap-x-1"
+                class="text-sm !text-[var(--themeColor600)] duration-150 hover:text-[var(--themeColor400)] font-medium inline-flex items-center gap-x-1"
               >{feature.link_text}<Icon name="fa6-solid:arrow-right" /></a>
             ) : null}
           </li>

package/src/components/features/feature4.astro

@@ -44,7 +44,7 @@ const {
       {
         features.map((feature: any) => (
           <li class="space-y-3">
-            <div class="w-12 h-12 border text-[var(--themeColor600)] rounded-lg flex items-center justify-center">
+            <div class="w-12 h-12 border border-gray-200 text-[var(--themeColor600)] rounded-lg flex items-center justify-center">
               <Fragment set:html={feature.icon} />
             </div>
             <div class="text-lg text-gray-800 font-semibold">

package/src/components/features/feature5.astro

@@ -52,7 +52,7 @@ const arr1 = _.chunk(features, 3);
         <ul class="grid gap-x-12 divide-y mb-8 [&>.feature-1]:pl-0 sm:grid-cols-2 sm:gap-y-8 sm:divide-y-0 lg:divide-x lg:grid-cols-3 lg:gap-x-0">
           {a.map((feature: any, idx: number) => (
             <li class={`feature-${idx + 1} space-y-3 py-8 lg:px-12 sm:py-0`}>
-              <div class="w-12 h-12 border text-[var(--themeColor600)] rounded-full flex items-center justify-center">
+              <div class="w-12 h-12 border border-gray-200 text-[var(--themeColor600)] rounded-full flex items-center justify-center">
                 <Fragment set:html={feature.icon} />
               </div>
               <div class="text-lg text-gray-800 font-semibold">

package/src/components/footer/footer1.astro

@@ -46,7 +46,7 @@ const { categoryuriarr, nodeuriarr, menuuriarr, all_langs,base } = Astro.locals;
                   {block.menu1_items ? (
                     <ul>
                       {block.menu1_items_array.map((itm: any) => (
-                        <li class="py-2 text-sm">
+                        <li class="py-2">
                           <a
                             href={render_url(
                               render_value(categoryuriarr, itm.id), base
@@ -64,7 +64,7 @@ const { categoryuriarr, nodeuriarr, menuuriarr, all_langs,base } = Astro.locals;
                   {block.menu2_items ? (
                     <ul>
                       {block.menu2_items_array.map((itm: any) => (
-                        <li class="py-2 text-sm">
+                        <li class="py-2">
                           <a
                             href={render_url(
                               render_value(categoryuriarr, itm.id), base
@@ -82,7 +82,7 @@ const { categoryuriarr, nodeuriarr, menuuriarr, all_langs,base } = Astro.locals;
                   {block.menu3_items ? (
                     <ul>
                       {block.menu3_items_array.map((itm: any) => (
-                        <li class="py-2 text-sm">
+                        <li class="py-2">
                           <a
                             href={render_url(render_value(menuuriarr, itm.id), base)}
                             title={itm.link_title}

package/src/components/formitem/searchinput.astro

@@ -18,7 +18,7 @@ import { Icon } from "astro-icon/components";
     <div class="relative">
       <input
         name="q"
-        class="block w-full appearance-none border rounded-md bg-transparent pl-4 pr-12 text-base text-slate-900 placeholder:text-slate-600 focus:outline-none sm:text-sm sm:leading-6"
+        class="block w-full appearance-none border border-gray-200 rounded-md bg-transparent pl-4 pr-12 text-base text-slate-900 placeholder:text-slate-600 focus:outline-none sm:text-sm sm:leading-6"
         placeholder="Find anything..."
         aria-label="Search components"
         type="text"

package/src/components/hero/hero10.astro

@@ -62,12 +62,12 @@ const {base} = Astro.locals;
       <a
         href={render_url(btn1_link,base)}
         title={btn1_text}
-        class="block py-2 px-4 text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg shadow-lg hover:shadow-none"
+        class="block py-2 px-4 !text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg shadow-lg hover:shadow-none"
       >{btn1_text}</a>
       <a
         href={render_url(btn2_link,base)}
         title={btn2_text}
-        class="block py-2 px-4 text-gray-700 hover:text-gray-500 font-medium duration-150 active:bg-gray-100 border rounded-lg"
+        class="block py-2 px-4 !text-gray-700 hover:text-gray-500 font-medium duration-150 active:bg-gray-100 border border-gray-200 rounded-lg"
       >{btn2_text}</a>
     </div>
   </div>

package/src/components/hero/hero5.astro

@@ -67,7 +67,7 @@ const BlockTitleTag = block_title_tag;
             name="email"
             placeholder={render_value(all_langs, "Enter your email")}
             required="required"
-            class="text-gray-500 border outline-none p-3 rounded-md w-full sm:w-72"
+            class="text-gray-500 border border-gray-200 outline-none p-3 rounded-md w-full sm:w-72"
           />
           <button
             type="submit"

package/src/components/hero/hero6.astro

@@ -48,12 +48,12 @@ const {base} = Astro.locals;
     <a
       href={render_url(btn1_link,base)}
       title={btn1_text}
-      class="px-10 py-3.5 w-full bg-indigo-600 text-white text-center rounded-md shadow-md block sm:w-auto"
+      class="px-10 py-3.5 w-full bg-indigo-600 !text-white text-center rounded-md shadow-md block sm:w-auto"
     >{btn1_text}</a>
     <a
       href={render_url(btn2_link,base)}
       title={btn2_text}
-      class="px-10 py-3.5 w-full text-gray-500 text-center border rounded-md duration-300 hover:text-indigo-600 hover:shadow block sm:w-auto"
+      class="px-10 py-3.5 w-full !text-gray-500 text-center border border-gray-200 rounded-md duration-300 hover:text-indigo-600 hover:shadow block sm:w-auto"
     >{btn2_text}</a>
   </div>
 </SectionContainer>

package/src/components/hero/hero7.astro

@@ -79,12 +79,12 @@ const {base} = Astro.locals;
         <a
           href={render_url(btn1_link, base)}
           title={btn1_text}
-          class="block py-2 px-4 text-center text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg shadow-lg hover:shadow-none"
+          class="block py-2 px-4 text-center !text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg shadow-lg hover:shadow-none"
         >{btn1_text}</a>
         <a
           href={render_url(btn2_link, base)}
           title={btn2_text}
-          class="flex items-center justify-center gap-x-2 py-2 px-4 text-gray-700 hover:text-gray-500 font-medium duration-150 active:bg-gray-100 border rounded-lg md:inline-flex"
+          class="flex items-center justify-center gap-x-2 py-2 px-4 !text-gray-700 hover:text-gray-500 font-medium duration-150 active:bg-gray-100 border border-gray-200 rounded-lg md:inline-flex"
           >{btn2_text}<Icon name="fa6-solid:arrow-right" class="w-5 h-5" />
         </a>
       </div>

package/src/components/hero/hero8.astro

@@ -60,7 +60,7 @@ const {base} = Astro.locals;
       <a
         title={top_title}
         href={render_url(top_title_link, base)}
-        class="inline-flex gap-x-6 items-center rounded-full p-1 pr-6 border text-sm font-medium duration-150 hover:bg-white"
+        class="inline-flex gap-x-6 items-center rounded-full p-1 pr-6 border border-gray-200 text-sm font-medium duration-150 hover:bg-white"
       >
         <span
           class="inline-block rounded-full px-3 py-1 bg-indigo-600 text-white"

package/src/components/hero/hero9.astro

@@ -83,12 +83,12 @@ const {base} = Astro.locals;
           <a
             href={render_url(btn1_link,base)}
             title={btn1_text}
-            class="flex items-center justify-center gap-x-2 py-2 px-4 text-white font-medium bg-gray-800 duration-150 hover:bg-gray-700 active:bg-gray-900 rounded-lg md:inline-flex"
+            class="flex items-center justify-center gap-x-2 py-2 px-4 !text-white font-medium bg-gray-800 duration-150 hover:bg-gray-700 active:bg-gray-900 rounded-lg md:inline-flex"
           >{btn1_text}<Icon name="fa6-solid:arrow-right" class="w-5 h-5" /></a>
           <a
             href={render_url(btn2_link,base)}
             title={btn2_text}
-            class="flex items-center justify-center gap-x-2 py-2 px-4 text-gray-700 hover:text-gray-500 font-medium duration-150 active:bg-gray-100 border rounded-lg md:inline-flex"
+            class="flex items-center justify-center gap-x-2 py-2 px-4 !text-gray-700 hover:text-gray-500 font-medium duration-150 active:bg-gray-100 border border-gray-200 rounded-lg md:inline-flex"
           >{btn2_text}<Icon name="fa6-solid:arrow-right" class="w-5 h-5" /></a>
         </div>
       </div>

package/src/components/newsletters/newsletter2.astro

@@ -54,7 +54,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           name="email"
           required="required"
           placeholder={render_value(all_langs, "Enter your email")}
-          class="text-gray-500 w-full p-3 rounded-md border outline-none focus:border-[var(--themeColor600)]"
+          class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-none focus:border-[var(--themeColor600)]"
         />
         <button
           type="submit"

package/src/components/newsletters/newsletter3.astro

@@ -68,7 +68,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
             name="email"
             required
             placeholder={render_value(all_langs, "Enter your email")}
-            class="w-full pl-12 pr-3 py-2 text-gray-500 bg-transparent outline-none border focus:border-[var(--themeColor600)] shadow-sm rounded-lg sm:max-w-xs"
+            class="w-full pl-12 pr-3 py-2 text-gray-500 bg-transparent outline-none border border-gray-200 focus:border-[var(--themeColor600)] shadow-sm rounded-lg sm:max-w-xs"
           />
         </div>
         <button

package/src/components/newsletters/newsletter4.astro

@@ -66,7 +66,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
             name="email"
             required
             placeholder={render_value(all_langs, "Enter your email")}
-            class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-none border focus:border-[var(--themeColor600)] shadow-sm rounded-lg"
+            class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-none border border-gray-200 focus:border-[var(--themeColor600)] shadow-sm rounded-lg"
           />
         </div>
         <button

package/src/components/newsletters/newsletter5.astro

@@ -61,7 +61,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           name="email"
           required
           placeholder={render_value(all_langs, "Enter your email")}
-          class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-none border focus:border-[var(--themeColor600)] shadow-sm rounded-lg"
+          class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-none border border-gray-200 focus:border-[var(--themeColor600)] shadow-sm rounded-lg"
         />
       </div>
       <button

package/src/components/newsletters/newsletter6.astro

@@ -68,7 +68,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           name="email"
           required
           placeholder={render_value(all_langs, "Enter your email")}
-          class="text-gray-500 w-full p-3 rounded-md border outline-none focus:border-[var(--themeColor600)]"
+          class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-none focus:border-[var(--themeColor600)]"
         />
         <button
           class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-none shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-[var(--themeColor600)] sm:mt-0 sm:ml-3 sm:w-auto"

package/src/components/pagination.astro

@@ -56,20 +56,20 @@ let more_right =
 let nav_wrapper_class = "isolate inline-flex -space-x-px rounded-md shadow-sm";
 
 let btn_class =
-  "relative inline-flex items-center px-4 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0".split(
+  "relative inline-flex items-center px-4 py-2 !text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0".split(
     " "
   );
 let btn_active_class =
-  `relative z-10 inline-flex items-center bg-[var(--themeColor)] px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--themeColor)]`.split(
+  `relative z-10 inline-flex items-center bg-[var(--themeColor)] px-4 py-2 text-sm font-semibold !text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--themeColor)]`.split(
     " "
   );
 
 let simple_btn =
-  "relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50".split(
+  "relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium !text-gray-700 hover:bg-gray-50".split(
     " "
   );
 let simple_btn_disable =
-  "relative inline-flex items-center rounded-md border border-gray-100 bg-white px-4 py-2 text-sm text-gray-500 hover:bg-gray-50".split(
+  "relative inline-flex items-center rounded-md border border-gray-100 bg-white px-4 py-2 text-sm !text-gray-500 hover:bg-gray-50".split(
     " "
   );
 ---

package/src/components/prevnext.astro

@@ -70,25 +70,20 @@ if (Number(nodeinfo.category_id)) {
 // console.log(nodeinfo);
 ---
 
-<hr class="my-7" />
+<hr class="my-7 border-gray-200" />
 <div
-  class="my-7 mx-auto px-4 sm:px-6 lg:px-8 grid items-center grid-cols-[1fr,auto,1fr] gap-4"
+  class="my-7 mx-auto px-4 sm:px-6 lg:px-8 flex items-center flex-nowrap justify-between gap-4"
   data-aos="fade-up"
   data-aos-once="false"
 >
   <div class="text-center">
-    <div class="leading-6 font-semibold text-sky-500">
-      {nodeinfo.channel_name}
-    </div>
+    <div class="leading-6 font-semibold text-sky-500">{nodeinfo.channel_name}</div>
     <div
       class="mt-1 text-xl leading-8 tracking-tight font-semibold text-slate-900"
-    >
-      {nodeinfo.category_name}
-    </div>
+    >{nodeinfo.category_name}</div>
     <div>
-      <div x-data="{}" class="cursor-pointer text-[var(--themeColor)] hover:underline" x-on:click={`window.location.href='${render_url(backtolisturl, base)}'`}>
-        {render_value(all_langs, 'Back to List')}
-      </div>      
+      <div x-data="{}" class="cursor-pointer text-[var(--themeColor)] hover:underline" 
+      x-on:click={`window.location.href='${render_url(backtolisturl, base)}'`}>{render_value(all_langs, 'Back to List')}</div>      
     </div>
 
   </div>
@@ -105,9 +100,7 @@ if (Number(nodeinfo.category_id)) {
             <span aria-hidden="true">←</span>
             {previousLang}
           </div>
-          <div class="hidden md:block mt-2 text-sm leading-6 font-semibold text-slate-900">
-            {prevnode.node_title}
-          </div>
+          <div class="hidden md:block mt-2 text-sm leading-6 font-semibold text-slate-900">{prevnode.node_title}</div>
           <div class="absolute -inset-1 md:hidden" />
           <svg
             class="md:hidden w-6 h-6 stroke-slate-900"
@@ -138,9 +131,7 @@ if (Number(nodeinfo.category_id)) {
             {nextLang}
             <span aria-hidden="true"> →</span>
           </div>
-          <div class="hidden md:block mt-2 text-sm leading-6 font-semibold text-slate-900">
-            {nextnode.node_title}
-          </div>
+          <div class="hidden md:block mt-2 text-sm leading-6 font-semibold text-slate-900">{nextnode.node_title}</div>
           <div class="absolute -inset-1 md:hidden" />
           <svg
             class="md:hidden w-6 h-6 stroke-slate-900"

package/src/components/prevnext_simple.astro

@@ -69,7 +69,7 @@ if (Number(nodeinfo.category_id)) {
       <a
         href={render_url(prevnodeurl, base)}
         title={`${previousLang}: ${prevnode.node_title}`}
-        class="flex items-center justify-center border size-10 rounded-full"
+        class="flex items-center justify-center border border-gray-200 size-10 rounded-full"
       >
         <Icon name="fa6-solid:angle-left" class="size-4" />
       </a>
@@ -81,7 +81,7 @@ if (Number(nodeinfo.category_id)) {
       <a
         href={render_url(nextnodeurl, base)}
         title={`${nextLang}: ${nextnode.node_title}`}
-        class="flex items-center justify-center border size-10 rounded-full"
+        class="flex items-center justify-center border border-gray-200 size-10 rounded-full"
       >
         <Icon name="fa6-solid:angle-right" class="size-4" />
       </a>

package/src/components/pricings/pricing1.astro

@@ -35,7 +35,7 @@ const { all_langs,base } = Astro.locals;
   >
     {
       plans.map((plan: any) => (
-        <div class="border rounded-md p-6">
+        <div class="border border-gray-200 rounded-md p-6">
           <div class="text-gray-800 text-xl font-semibold mb-2">
             {plan.name}{" "}
             {plan.isMostPop ? (
@@ -83,7 +83,7 @@ const { all_langs,base } = Astro.locals;
               href={render_url(plan.btn_link,base)}
               title={plan.btn_text}
               rel="nofollow"
-              class="inline-block w-full text-center mt-6 px-5 py-2.5 text-sm text-white bg-[var(--themeColor500)] hover:bg-[var(--themeColor600)] rounded-md"
+              class="inline-block w-full text-center mt-6 px-5 py-2.5 text-sm !text-white bg-[var(--themeColor500)] hover:bg-[var(--themeColor600)] rounded-md"
             >{plan.btn_text}</a>
           </div>
         </div>

package/src/components/pricings/pricing8.astro

@@ -45,7 +45,7 @@ const { all_langs,base } = Astro.locals;
           ]}
         >
           {plan.isMostPop ? (
-            <div class="w-32 absolute -top-5 left-0 right-0 mx-auto px-3 py-2 rounded-full border shadow-md bg-white text-center text-gray-700 text-sm font-semibold">
+            <div class="w-32 absolute -top-5 left-0 right-0 mx-auto px-3 py-2 rounded-full border border-gray-200 shadow-md bg-white text-center text-gray-700 text-sm font-semibold">
               {most_popular_text}
             </div>
           ) : null}

package/src/components/teams/team10.astro

@@ -34,7 +34,7 @@ const {
   >
     {
       block_items.map((itm: any) => (
-        <div class="border rounded-md overflow-hidden max-md:max-w-[300px] transition-transform duration-300 hover:-translate-y-[5px]">
+        <div class="border border-gray-200 rounded-md overflow-hidden max-md:max-w-[300px] transition-transform duration-300 hover:-translate-y-[5px]">
           {itm.img_html ? (
             <JeawinImage
               img_html={itm.img_html}

package/src/components/teams/team11.astro

@@ -34,7 +34,7 @@ const {
   >
     {
       block_items.map((itm: any) => (
-        <div class="border rounded-lg overflow-hidden transition-transform duration-300 hover:-translate-y-[5px]">
+        <div class="border border-gray-200 rounded-lg overflow-hidden transition-transform duration-300 hover:-translate-y-[5px]">
           {itm.img_html ? (
             <JeawinImage
               img_html={itm.img_html}

package/src/components/teams/team9.astro

@@ -31,7 +31,7 @@ const {
   >
     {
       block_items.map((itm: any) => (
-        <div class="bg-gray-800 p-4 border rounded-lg transition-transform duration-300 hover:-translate-y-[5px]">
+        <div class="bg-gray-800 p-4 border border-gray-200 rounded-lg transition-transform duration-300 hover:-translate-y-[5px]">
           {itm.img_html ? (
             <JeawinImage
               img_html={itm.img_html}

package/src/components/testimonials/testimonial2.astro

@@ -58,7 +58,7 @@ const {
       <div>
         <h4 class="text-base font-semibold text-gray-800">{name}</h4>
         <p class="text-xs text-gray-500 mt-0.5">
-          <a href={`mailto:${email}`} title="" rel="nofollow">{email}</a>
+          <a href={`mailto:${email}`} title="e-mail" rel="nofollow">{email}</a>
         </p>
       </div>
 

package/src/components/testimonials/testimonial9.astro

@@ -44,7 +44,7 @@ const {
     <ul class="grid items-center gap-4 sm:grid-cols-2 lg:grid-cols-3">
       {
         testimonials.map((itm: any) => (
-          <li class="bg-white rounded-xl border shadow-md">
+          <li class="bg-white rounded-xl border border-gray-200 shadow-md">
             <div class="p-4">
               <svg
                 xmlns="http://www.w3.org/2000/svg"

package/src/layouts/Footer.astro

@@ -83,7 +83,7 @@ const menus = await jeawinapi.get_menus({
                     {block.block_list ? (
                       <ul>
                         {block.block_list.map((node: any) => (
-                          <li class="py-2 text-sm">
+                          <li class="py-2">
                             <a
                               href={render_url(node.node_url, base)}
                               title={node.node_title}
@@ -113,7 +113,7 @@ const menus = await jeawinapi.get_menus({
             <ul>
               {
                 menus.map((menu: any) => (
-                  <li class="py-2 text-sm">
+                  <li class="py-2">
                     <a
                       href={render_url(menu.link_url, base)}
                       title={menu.link_title}

package/src/layouts/Layout.astro

@@ -8,6 +8,7 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
+import '../styles/global.css';
 import _ from "lodash";
 import dayjs from "dayjs";
 import Header from "./Header.astro";

package/src/styles/global.css

@@ -0,0 +1,4 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/typography";
+@plugin "tailwind-scrollbar";