jsite/jingrow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加微信公众号社交分享图标弹窗显示二维码

Browse Source
This commit is contained in:
jingrow 2025-06-19 20:50:07 +08:00
parent 0da6f49311
commit 4a4270daa5
83 changed files with 502 additions and 383 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/applications/[...slug]/page.jsx
View File

@ -115,14 +115,14 @@ export default async function Page({ params, searchParams }) {
)}
{/* Product Description 标题 */}
<div className="mb-2 md:mb-4">
<span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
<span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
</div>
<div className="prose max-w-none text-gray-700 mb-6 md:mb-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.content || '' }} />
{data.additional_content && (
<>
{/* Testing Report 标题 */}
<div className="mb-2 md:mb-4">
<span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
<span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
</div>
<div className="prose max-w-none text-gray-700 mt-6 md:mt-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.additional_content }} />
</>

182
app/globals.css
View File

@ -42,7 +42,7 @@ hr.dark {
@apply text-white bg-[rgba(63,120,224,.7)];
}
a {
@apply text-[#22b573] no-underline;
@apply text-[#1fc76f] no-underline;
}
a:focus {
outline: 0;
@ -257,10 +257,10 @@ mark {
@apply bg-[#fef1de] pt-[0.05rem] pb-[0.2rem] px-[0.4rem];
}
a {
@apply text-[#22b573] no-underline;
@apply text-[#1fc76f] no-underline;
}
a:hover {
color: #22b573;
color: #1fc76f;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
@ -531,7 +531,7 @@ textarea.form-control-sm {
@apply float-left ml-[-1.55rem];
}
.form-check-input {
@apply w-[1.05rem] h-[1.05rem] align-top appearance-none bg-[#fefefe] bg-[image:var(--form-check-bg-image)] bg-no-repeat bg-center bg-contain border mt-[0.325rem] border-solid border-[rgba(8,60,130,0.1)] active:brightness-[90%] focus:shadow-none focus:border-[rgba(8,60,130,0.1)] checked:bg-[#22b573] checked:border-[#22b573] disabled:pointer-events-none disabled:opacity-50;
@apply w-[1.05rem] h-[1.05rem] align-top appearance-none bg-[#fefefe] bg-[image:var(--form-check-bg-image)] bg-no-repeat bg-center bg-contain border mt-[0.325rem] border-solid border-[rgba(8,60,130,0.1)] active:brightness-[90%] focus:shadow-none focus:border-[rgba(8,60,130,0.1)] checked:bg-[#1fc76f] checked:border-[#1fc76f] disabled:pointer-events-none disabled:opacity-50;
-webkit-appearance: none;
-moz-appearance: none;
print-color-adjust: exact;
@ -552,7 +552,7 @@ textarea.form-control-sm {
--form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
@apply bg-[#22b573] border-[#22b573];
@apply bg-[#1fc76f] border-[#1fc76f];
--form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
@ -859,11 +859,11 @@ textarea.form-control.is-invalid {
}
.dropdown-item:focus,
.dropdown-item:hover {
@apply hover:text-[#22b573] hover:bg-[inherit] focus:text-[#22b573] focus:bg-[inherit];
@apply hover:text-[#1fc76f] hover:bg-[inherit] focus:text-[#1fc76f] focus:bg-[inherit];
}
.dropdown-item.active,
.dropdown-item:active {
@apply text-[#22b573] no-underline bg-[inherit];
@apply text-[#1fc76f] no-underline bg-[inherit];
}
.dropdown-item.disabled,
.dropdown-item:disabled {
@ -873,7 +873,7 @@ textarea.form-control.is-invalid {
@apply block;
}
.dropdown-header {
@apply block pt-[0.5rem] pr-[1.5rem] pb-[0.5rem] pl-[1.5rem] text-[0.7rem] text-[#22b573] whitespace-nowrap mb-0;
@apply block pt-[0.5rem] pr-[1.5rem] pb-[0.5rem] pl-[1.5rem] text-[0.7rem] text-[#1fc76f] whitespace-nowrap mb-0;
}
.btn-group > .btn {
@apply relative flex-auto;
@ -927,7 +927,7 @@ textarea.form-control.is-invalid {
@apply text-[0.8rem] font-bold text-[#343f52] p-0 flex flex-wrap mb-0 list-none;
}
.nav-link {
@apply block p-[1.2rem_0] text-[0.8rem] font-bold text-[#343f52] transition-[color] duration-[0.2s] ease-in-out border-0 motion-reduce:transition-none focus-visible:shadow-[0_0_0_0.25rem_rgba(63,120,224,0.25)] hover:text-[#22b573] focus:text-[#22b573] bg-inherit;
@apply block p-[1.2rem_0] text-[0.8rem] font-bold text-[#343f52] transition-[color] duration-[0.2s] ease-in-out border-0 motion-reduce:transition-none focus-visible:shadow-[0_0_0_0.25rem_rgba(63,120,224,0.25)] hover:text-[#1fc76f] focus:text-[#1fc76f] bg-inherit;
}
.nav-link:focus-visible {
outline: 0;
@ -948,7 +948,7 @@ textarea.form-control.is-invalid {
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
@apply text-[#22b573] bg-white border-[rgba(164,174,198,0.2)];
@apply text-[#1fc76f] bg-white border-[rgba(164,174,198,0.2)];
}
.nav-tabs .dropdown-menu {
@apply mt-[calc(-1_*_1px)] rounded-t-none;
@ -961,7 +961,7 @@ textarea.form-control.is-invalid {
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
@apply text-[#22b573] bg-white;
@apply text-[#1fc76f] bg-white;
}
.nav-underline {
@apply gap-[1rem];
@ -1009,18 +1009,18 @@ textarea.form-control.is-invalid {
flex-wrap: inherit;
}
.navbar-brand {
@apply py-0 mr-0 text-[0.7rem] text-[#22b573] whitespace-nowrap;
@apply py-0 mr-0 text-[0.7rem] text-[#1fc76f] whitespace-nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-nav {
@apply text-[0.8rem] font-bold text-[#343f52] p-0 flex flex-col mb-0 list-none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-nav .dropdown-menu {
@apply static;
@ -1093,14 +1093,14 @@ textarea.form-control.is-invalid {
@apply flex pl-0 list-none;
}
.page-link {
@apply relative block p-0 text-[0.65rem] text-[#343f52] bg-[#ffffff] border-[1px] border-[rgba(164,174,198,0.2)] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:z-[2] hover:text-[#22b573] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#22b573] focus:bg-[#ffffff] focus:shadow-[unset];
@apply relative block p-0 text-[0.65rem] text-[#343f52] bg-[#ffffff] border-[1px] border-[rgba(164,174,198,0.2)] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:z-[2] hover:text-[#1fc76f] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#1fc76f] focus:bg-[#ffffff] focus:shadow-[unset];
}
.page-link:focus {
outline: 0;
}
.active > .page-link,
.page-link.active {
@apply z-[3] text-[#22b573] bg-[#ffffff] border-[rgba(164,174,198,0.2)];
@apply z-[3] text-[#1fc76f] bg-[#ffffff] border-[rgba(164,174,198,0.2)];
}
.disabled > .page-link,
.page-link.disabled {
@ -1311,7 +1311,7 @@ blockquote.text-center.icon-top:before {
@apply text-[#aab0bc];
}
.filter:not(.basic-filter) ul li a.active {
@apply !text-[#22b573];
@apply !text-[#1fc76f];
}
.filter:not(.basic-filter).dark-filter ul li + li:before {
@apply bg-[rgba(255,255,255,.2)];
@ -1334,7 +1334,7 @@ blockquote.text-center.icon-top:before {
}
.filter.basic-filter ul li a.active,
.filter.basic-filter ul li a:hover {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.filter.basic-filter.dark-filter ul li a.active,
.filter.basic-filter.dark-filter ul li a:hover {
@ -1579,7 +1579,7 @@ textarea {
@apply flex flex-wrap mb-6;
}
.picker label[for*="size"] > input:checked ~ span {
@apply bg-[#22b573] text-white;
@apply bg-[#1fc76f] text-white;
}
.picker label[for*="color"] > input:checked ~ span {
@apply shadow-[0_0_0_2px_#fff,0_0_0_4px_var(--color)];
@ -1679,7 +1679,7 @@ button:focus {
outline: 0;
}
.btn-blue.btn-expand {
@apply text-[#22b573] before:bg-[#22b573];
@apply text-[#1fc76f] before:bg-[#1fc76f];
}
.btn-sky.btn-expand {
@apply text-[#5eb9f0] before:bg-[#5eb9f0];
@ -1691,7 +1691,7 @@ button:focus {
@apply text-[#605dba] before:bg-[#605dba];
}
.btn-violet.btn-expand {
@apply text-[#22b573] before:bg-[#22b573];
@apply text-[#1fc76f] before:bg-[#1fc76f];
}
.btn-pink.btn-expand {
@apply text-[#d16b86] before:bg-[#d16b86];
@ -1727,7 +1727,7 @@ button:focus {
@apply text-white before:bg-white;
}
.btn-primary.btn-expand {
@apply text-[#22b573] before:bg-[#22b573];
@apply text-[#1fc76f] before:bg-[#1fc76f];
}
.btn-blue,
.btn-sky,
@ -1749,16 +1749,16 @@ button:focus {
@apply !text-white hover:!text-white;
}
.btn-soft-blue {
@apply text-[#22b573] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#22b573] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#22b573] active:bg-[#e0e9fa] active:border-[#e0e9fa];
@apply text-[#1fc76f] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#1fc76f] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#1fc76f] active:bg-[#e0e9fa] active:border-[#e0e9fa];
}
.btn-soft-blue.btn-expand {
@apply text-[#22b573] before:bg-[#e0e9fa];
@apply text-[#1fc76f] before:bg-[#e0e9fa];
}
.btn-soft-blue.btn-expand i,
.btn-soft-blue.btn-expand:before,
.btn-soft-blue.btn-expand:hover,
.btn-soft-blue.btn-expand:hover:before {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.btn-soft-sky {
@apply text-[#5eb9f0]
@ -1821,24 +1821,24 @@ button:focus {
@apply text-[#605dba];
}
.btn-soft-violet {
@apply text-[#22b573]
@apply text-[#1fc76f]
bg-[#f0eaf6]
border-[#f0eaf6]
hover:text-[#22b573]
hover:text-[#1fc76f]
hover:bg-[#f0eaf6]
hover:border-[#f0eaf6]
active:text-[#22b573]
active:text-[#1fc76f]
active:bg-[#f0eaf6]
active:border-[#f0eaf6];
}
.btn-soft-violet.btn-expand {
@apply text-[#22b573] before:bg-[#f0eaf6];
@apply text-[#1fc76f] before:bg-[#f0eaf6];
}
.btn-soft-violet.btn-expand i,
.btn-soft-violet.btn-expand:before,
.btn-soft-violet.btn-expand:hover,
.btn-soft-violet.btn-expand:hover:before {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.btn-soft-pink {
@apply text-[#d16b86] bg-[#f8e7ec] border-[#f8e7ec]
@ -2053,24 +2053,24 @@ button:focus {
@apply text-[#262b32];
}
.btn-soft-primary {
@apply text-[#22b573]
@apply text-[#1fc76f]
bg-[#e0e9fa]
border-[#e0e9fa]
hover:text-[#22b573]
hover:text-[#1fc76f]
hover:bg-[#e0e9fa]
hover:border-[#e0e9fa]
active:text-[#22b573]
active:text-[#1fc76f]
active:bg-[#e0e9fa]
active:border-[#e0e9fa];
}
.btn-soft-primary.btn-expand {
@apply text-[#22b573] before:!bg-[#e0e9fa];
@apply text-[#1fc76f] before:!bg-[#e0e9fa];
}
.btn-soft-primary.btn-expand i,
.btn-soft-primary.btn-expand:before,
.btn-soft-primary.btn-expand:hover,
.btn-soft-primary.btn-expand:hover:before {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.btn-soft-ash,
.btn-white {
@ -2101,20 +2101,20 @@ button:focus {
disabled:!border-[transparent];
}
.btn-primary {
@apply hover:bg-[#22b573]
active:bg-[#22b573]
active:border-[#22b573];
@apply hover:bg-[#1fc76f]
active:bg-[#1fc76f]
active:border-[#1fc76f];
}
.btn-outline-primary {
@apply text-[#22b573]
border-[#22b573]
hover:bg-[#22b573]
hover:border-[#22b573]
active:bg-[#22b573]
active:border-[#22b573]
disabled:bg-[#22b573]
disabled:border-[#22b573];
@apply text-[#1fc76f]
border-[#1fc76f]
hover:bg-[#1fc76f]
hover:border-[#1fc76f]
active:bg-[#1fc76f]
active:border-[#1fc76f]
disabled:bg-[#1fc76f]
disabled:border-[#1fc76f];
}
.btn-gradient {
@apply !text-white py-[0.6rem] border-0;
@ -2364,7 +2364,7 @@ button:focus {
.gloader,
.page-loader:before,
.swiper-hero:before {
@apply absolute content-[""] w-10 h-10 mt-[-1.25rem] ml-[-1.25rem] border-[#22b573] shadow-none animate-[loader-scale_1s_ease-out_infinite] rounded-[50%] border-4 border-solid left-2/4 top-2/4 bg-inherit;
@apply absolute content-[""] w-10 h-10 mt-[-1.25rem] ml-[-1.25rem] border-[#1fc76f] shadow-none animate-[loader-scale_1s_ease-out_infinite] rounded-[50%] border-4 border-solid left-2/4 top-2/4 bg-inherit;
}
.bg-dark > .swiper-hero:before,
.gloader {
@ -2462,7 +2462,7 @@ button:focus {
.navbar-expand.navbar-light
.dropdown:not(.dropdown-submenu)
> .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-expand .dropdown-mega,
.navbar-expand .navbar-nav {
@ -2653,7 +2653,7 @@ button:focus {
@apply text-[0.85rem] mr-[-0.25rem];
}
.navbar-light .language-select .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.share-dropdown .dropdown-toggle:after {
@apply hidden;
@ -2689,11 +2689,11 @@ button:focus {
}
.nav-tabs.nav-tabs-basic .nav-link:focus,
.nav-tabs.nav-tabs-basic .nav-link:hover {
@apply border-[#22b573];
@apply border-[#1fc76f];
}
.nav-tabs.nav-tabs-basic .nav-item.show .nav-link,
.nav-tabs.nav-tabs-basic .nav-link.active {
@apply text-[#22b573] border-[#22b573];
@apply text-[#1fc76f] border-[#1fc76f];
}
.nav-tabs.nav-pills {
@apply border-transparent;
@ -2755,7 +2755,7 @@ button:focus {
@apply inline-block;
}
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
@apply border-[#22b573] !text-white bg-[#22b573];
@apply border-[#1fc76f] !text-white bg-[#1fc76f];
}
.navbar.navbar-bg-light {
@apply shadow-none bg-white;
@ -2881,7 +2881,7 @@ button.hamburger:before {
@apply pl-[1.1rem] pr-0 py-0 before:left-0;
}
.accordion-wrapper .card-header button {
@apply cursor-pointer w-full text-left text-[0.85rem] font-bold text-[#22b573] transition-all duration-[150ms] ease-in-out m-0 pl-4 pr-0 py-0 border-0 motion-reduce:transition-none before:absolute before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:mt-[-0.25rem] before:ml-[-0.3rem] before:inline-block before:text-[#22b573] before:left-[1.3rem] bg-inherit before:font-Unicons;
@apply cursor-pointer w-full text-left text-[0.85rem] font-bold text-[#1fc76f] transition-all duration-[150ms] ease-in-out m-0 pl-4 pr-0 py-0 border-0 motion-reduce:transition-none before:absolute before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:mt-[-0.25rem] before:ml-[-0.3rem] before:inline-block before:text-[#1fc76f] before:left-[1.3rem] bg-inherit before:font-Unicons;
}
.accordion-wrapper .card-header button.collapsed {
@apply text-[#343f52] before:content-["\e92d"];
@ -2899,7 +2899,7 @@ button.hamburger:before {
@apply text-[1rem];
}
.collapse-link {
@apply text-[0.85rem] font-bold text-[#22b573] before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:ml-[-0.3rem] before:inline-block before:mr-[0.4rem] hover:text-[#22b573];
@apply text-[0.85rem] font-bold text-[#1fc76f] before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:ml-[-0.3rem] before:inline-block before:mr-[0.4rem] hover:text-[#1fc76f];
}
.collapse-link:before {
@apply font-Unicons;
@ -2970,7 +2970,7 @@ button.hamburger:before {
@apply stroke-[rgba(30,34,40,0.06)];
}
.progressbar.blue svg path:last-child {
@apply stroke-[color:#22b573];
@apply stroke-[color:#1fc76f];
}
.progressbar.semi-circle.blue svg path:first-child {
@apply stroke-[rgba(63,120,224,0.1)];
@ -2994,7 +2994,7 @@ button.hamburger:before {
@apply stroke-[rgba(96,93,186,0.1)];
}
.progressbar.violet svg path:last-child {
@apply stroke-[#22b573];
@apply stroke-[#1fc76f];
}
.progressbar.semi-circle.violet svg path:first-child {
@apply stroke-[rgba(160,124,197,0.1)];
@ -3084,7 +3084,7 @@ button.hamburger:before {
@apply stroke-[rgba(38,43,50,0.1)];
}
.progressbar.primary svg path:last-child {
@apply stroke-[#22b573];
@apply stroke-[#1fc76f];
}
.progressbar.aqua svg path:last-child {
@apply stroke-[#54a8c7];
@ -3229,7 +3229,7 @@ button.hamburger:before {
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
@apply border-l-[#22b573] border-[calc(0.8rem_*_0.5)_0_calc(0.8rem_*_0.5)_0.4rem] -left-px;
@apply border-l-[#1fc76f] border-[calc(0.8rem_*_0.5)_0_calc(0.8rem_*_0.5)_0.4rem] -left-px;
}
.tooltip .tooltip-arrow::before {
@apply absolute content-[""] border-transparent border-solid;
@ -3239,7 +3239,7 @@ button.hamburger:before {
}
.tooltip {
@apply p-[0.5rem_0.75rem] text-white bg-[#22b573] opacity-[0.98] rounded-[0.4rem] font-medium pointer-events-none font-Manrope;
@apply p-[0.5rem_0.75rem] text-white bg-[#1fc76f] opacity-[0.98] rounded-[0.4rem] font-medium pointer-events-none font-Manrope;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
@ -3250,7 +3250,7 @@ button.hamburger:before {
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
@apply border-t-[#22b573] [border-width:0.4rem_calc(0.8rem*.5)_0] -top-px;
@apply border-t-[#1fc76f] [border-width:0.4rem_calc(0.8rem*.5)_0] -top-px;
}
.tooltip .tooltip-arrow::before {
@apply absolute content-[""] border-transparent border-solid;
@ -3262,7 +3262,7 @@ button.hamburger:before {
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
@apply border-r-[#22b573] [border-width:calc(0.8rem*.5)_0.4rem_calc(0.8rem*.5)_0] -right-px;
@apply border-r-[#1fc76f] [border-width:calc(0.8rem*.5)_0.4rem_calc(0.8rem*.5)_0] -right-px;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
@ -3271,7 +3271,7 @@ button.hamburger:before {
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
@apply border-b-[#22b573] [border-width:0_calc(0.8rem*.5)_0.4rem] -bottom-px;
@apply border-b-[#1fc76f] [border-width:0_calc(0.8rem*.5)_0.4rem] -bottom-px;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
@ -3279,7 +3279,7 @@ button.hamburger:before {
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
@apply border-l-[#22b573] [border-width:calc(0.8rem*.5)0_calc(0.8rem*.5)_0.4rem] -left-px;
@apply border-l-[#1fc76f] [border-width:calc(0.8rem*.5)0_calc(0.8rem*.5)_0.4rem] -left-px;
}
.popover {
@apply z-[1070] block max-w-[276px] not-italic font-medium leading-[1.7] text-left text-start no-underline normal-case tracking-[normal] break-normal whitespace-normal text-[0.8rem] bg-white bg-clip-padding border shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(164,174,198,0.2)] [word-wrap:break-word] font-Manrope;
@ -3514,7 +3514,7 @@ a.hover-2:hover:before {
@apply !bg-[rgba(63,120,224,.7)];
}
.swiper-container.nav-color .swiper-button:hover {
@apply !bg-[#22b573];
@apply !bg-[#1fc76f];
}
.swiper-container.nav-dark .swiper-button,
.swiper-container.nav-dark .swiper-slide figure .item-link {
@ -3809,11 +3809,11 @@ img.svg-inject {
}
.solid .fill-primary,
.solid .fill-secondary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid.text-blue .fill-primary,
.solid.text-blue .fill-secondary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid.text-sky .fill-primary,
.solid.text-sky .fill-secondary {
@ -3829,7 +3829,7 @@ img.svg-inject {
}
.solid.text-violet .fill-primary,
.solid.text-violet .fill-secondary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid.text-pink .fill-primary,
.solid.text-pink .fill-secondary {
@ -3885,22 +3885,22 @@ img.svg-inject {
}
.solid.text-primary .fill-primary,
.solid.text-primary .fill-secondary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid-mono .fill-primary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid-mono .fill-secondary {
@apply fill-[#b2c9f3];
}
.solid-mono.text-primary .fill-primary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid-mono.text-primary .fill-secondary {
@apply fill-[#b2c9f3];
}
.solid-mono.text-blue .fill-primary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid-mono.text-blue .fill-secondary {
@apply fill-[#b2c9f3];
@ -3924,7 +3924,7 @@ img.svg-inject {
@apply fill-[#bfbee3];
}
.solid-mono.text-violet .fill-primary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid-mono.text-violet .fill-secondary {
@apply fill-[#d9cbe8];
@ -4020,7 +4020,7 @@ img.svg-inject {
@apply fill-[#5eb9f0];
}
.solid-duo.text-blue-pink .fill-primary {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.solid-duo.text-purple-aqua .fill-secondary {
@apply fill-[#8ce0f1];
@ -4115,7 +4115,7 @@ img.svg-inject {
}
/* */
.solid-mono.text-primary .fill-primary {
@apply !fill-[#22b573];
@apply !fill-[#1fc76f];
}
.solid-mono.text-primary .fill-secondary {
@apply !fill-[#b2c9f3];
@ -4172,7 +4172,7 @@ img.svg-inject {
@apply !fill-[#d9cbe8];
}
.solid-mono.text-violet .fill-primary {
@apply !fill-[#22b573];
@apply !fill-[#1fc76f];
}
.solid-mono.text-yellow .fill-secondary {
@apply !fill-[#fde2bc];
@ -4184,7 +4184,7 @@ img.svg-inject {
@apply !fill-[#b2c9f3];
}
.solid-mono.text-blue .fill-primary {
@apply !fill-[#22b573];
@apply !fill-[#1fc76f];
}
.solid-mono.text-fuchsia .fill-secondary {
@apply !fill-[#f5c3e1];
@ -4211,7 +4211,7 @@ img.svg-inject {
@apply fill-[#e668b3];
}
.shape.violet .svg-fill {
@apply fill-[#22b573];
@apply fill-[#1fc76f];
}
.shape.yellow .svg-fill {
@apply fill-[#fab758];
@ -4468,7 +4468,7 @@ video.player {
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
@apply !text-[#22b573] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] transition-all duration-[0.2s] ease-in-out !bg-white;
@apply !text-[#1fc76f] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] transition-all duration-[0.2s] ease-in-out !bg-white;
}
.plyr__control--overlaid::after,
.plyr__control--overlaid::before {
@ -4559,7 +4559,7 @@ video.player {
@apply m-0;
}
.timeline .timeline-item .timeline-marker {
@apply absolute w-[0.6rem] text-[#22b573] left-0 inset-y-0 before:w-[0.55rem] before:h-[0.55rem] before:rounded-[100%] before:left-0 before:top-[0.2rem] after:w-px after:left-1 after:top-4 after:bottom-0 md:relative;
@apply absolute w-[0.6rem] text-[#1fc76f] left-0 inset-y-0 before:w-[0.55rem] before:h-[0.55rem] before:rounded-[100%] before:left-0 before:top-[0.2rem] after:w-px after:left-1 after:top-4 after:bottom-0 md:relative;
}
.timeline .timeline-item .timeline-marker:after,
.timeline .timeline-item .timeline-marker:before {
@ -4676,8 +4676,8 @@ table.shopping-cart td {
background: repeating-linear-gradient(
-55deg,
rgba(255, 255, 255, 0) 0.8px,
#22b573 1.6px,
#22b573 3px,
#1fc76f 1.6px,
#1fc76f 3px,
rgba(255, 255, 255, 0) 3.8px,
rgba(255, 255, 255, 0) 10px
);
@ -4704,14 +4704,14 @@ table.shopping-cart td {
background-image: radial-gradient(#fab758 2px, transparent 2.5px);
}
.bg-dot.blue {
background-image: radial-gradient(#22b573 2px, transparent 2.5px);
background-image: radial-gradient(#1fc76f 2px, transparent 2.5px);
}
.bg-line.primary {
background: repeating-linear-gradient(
-55deg,
rgba(255, 255, 255, 0) 0.8px,
#22b573 1.6px,
#22b573 3px,
#1fc76f 1.6px,
#1fc76f 3px,
rgba(255, 255, 255, 0) 3.8px,
rgba(255, 255, 255, 0) 10px
);
@ -4763,10 +4763,10 @@ footer [class*="col-"] .widget + .widget {
@apply font-medium text-[inherit] leading-[inherit] p-0;
}
.sidebar nav .nav-link.active {
@apply !text-[#22b573];
@apply !text-[#1fc76f];
}
.list-unstyled li a.active {
@apply !text-[#22b573];
@apply !text-[#1fc76f];
}
#comments ul.children {
@apply mt-8 mb-0 mx-0 pl-14 pr-0 py-0 list-none;
@ -4947,7 +4947,7 @@ footer.bg-dark {
.navbar-expand-xxl.navbar-light
.dropdown:not(.dropdown-submenu)
> .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-expand-xxl .dropdown-mega,
.navbar-expand-xxl .navbar-nav {
@ -5187,7 +5187,7 @@ footer.bg-dark {
.navbar-expand-xl.navbar-light
.dropdown:not(.dropdown-submenu)
> .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-expand-xl .dropdown-mega,
.navbar-expand-xl .navbar-nav {
@ -7316,7 +7316,7 @@ footer.bg-dark {
.navbar-expand-lg.navbar-light
.dropdown:not(.dropdown-submenu)
> .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-expand-lg .dropdown-mega,
.navbar-expand-lg .navbar-nav {
@ -7827,7 +7827,7 @@ footer.bg-dark {
.navbar-expand-md.navbar-light
.dropdown:not(.dropdown-submenu)
> .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-expand-md .dropdown-mega,
.navbar-expand-md .navbar-nav {
@ -10335,7 +10335,7 @@ footer.bg-dark {
.navbar-expand-sm.navbar-light
.dropdown:not(.dropdown-submenu)
> .dropdown-toggle:after {
@apply text-[#22b573];
@apply text-[#1fc76f];
}
.navbar-expand-sm .dropdown-mega,
.navbar-expand-sm .navbar-nav {

2
app/not-found.jsx
View File

@ -24,7 +24,7 @@ export default function NotFoundPage() {
</p>
<Link
href={`/`}
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Go to Home
</Link>

4
app/products/[...slug]/page.jsx
View File

@ -115,14 +115,14 @@ export default async function Page({ params, searchParams }) {
)}
{/* Product Description 标题 */}
<div className="mb-2 md:mb-4">
<span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
<span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
</div>
<div className="prose max-w-none text-gray-700 mb-6 md:mb-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.content || '' }} />
{data.additional_content && (
<>
{/* Testing Report 标题 */}
<div className="mb-2 md:mb-4">
<span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
<span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
</div>
<div className="prose max-w-none text-gray-700 mt-6 md:mt-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.additional_content }} />
</>

2
components/about/About.jsx
View File

@ -59,7 +59,7 @@ export default function About() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 362.5"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/megaphone.svg"
className="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] text-[#22b573] text-blue !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] text-[#1fc76f] text-blue !mb-3 m-[0_auto]"
>
<path
className="lineal-stroke"

8
components/about/Contact.jsx
View File

@ -20,7 +20,7 @@ export default function Contact() {
</div>
{/*/column */}
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
Get In Touch
</h2>
<h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7">
@ -28,7 +28,7 @@ export default function Contact() {
</h3>
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-location-pin-alt before:content-['\ebd8']" />
</div>
</div>
@ -41,7 +41,7 @@ export default function Contact() {
</div>
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-phone-volume before:content-['\ec50']" />
</div>
</div>
@ -52,7 +52,7 @@ export default function Contact() {
</div>
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-envelope before:content-['\eac8']" />
</div>
</div>

12
components/about/Process.jsx
View File

@ -20,7 +20,7 @@ export default function Process() {
</div>
{/*/column */}
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
How It Works?
</h2>
<h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7 xxl:!pr-5">
@ -32,7 +32,7 @@ export default function Process() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 321.7 409.6"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/light-bulb.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] text-[#1fc76f] !mr-4"
>
<path
className="lineal-fill"
@ -166,7 +166,7 @@ export default function Process() {
</div>
{/*/column */}
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
Why Choose Us?
</h2>
<h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7">
@ -179,7 +179,7 @@ export default function Process() {
id="headingOne"
>
<button
className="accordion-button !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
className="accordion-button !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
@ -214,7 +214,7 @@ export default function Process() {
id="headingTwo"
>
<button
className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
data-bs-toggle="collapse"
data-bs-target="#collapseTwo"
aria-expanded="false"
@ -249,7 +249,7 @@ export default function Process() {
id="headingThree"
>
<button
className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"

4
components/about/Team.jsx
View File

@ -12,7 +12,7 @@ export default function Team() {
<div className="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
<div className="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
<div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
Meet the Team
</h2>
<h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-5">
@ -24,7 +24,7 @@ export default function Team() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
See All Members
</a>

2
components/blocks/BlockPageLinks.jsx
View File

@ -35,7 +35,7 @@ export default function BlockPageLinks() {
<Link
href={href}
className={`btn btn-soft-ash btn-sm rounded ${
pathname == href ? "!text-[#22b573] pointer-events-none" : ""
pathname == href ? "!text-[#1fc76f] pointer-events-none" : ""
}`}
>
{name}

4
components/blocks/about/About2.jsx
View File

@ -10,7 +10,7 @@ export default function About2() {
<div className="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-70px] items-center">
<div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[70px] !relative">
<div
className="btn btn-circle btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] pointer-events-none !absolute counter-wrapper flex-col max-md:!hidden xl:!flex lg:!flex md:!flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%] z-10"
className="btn btn-circle btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] pointer-events-none !absolute counter-wrapper flex-col max-md:!hidden xl:!flex lg:!flex md:!flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%] z-10"
style={{
top: "50%",
left: "50%",
@ -110,7 +110,7 @@ export default function About2() {
key={i}
className="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]"
>
<h3 className="counter !text-[#22b573] xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">
<h3 className="counter !text-[#1fc76f] xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">
<Counter max={7518} />
</h3>
<p className="!text-[0.8rem] font-medium !mb-0">

8
components/blocks/about/About4.jsx
View File

@ -20,7 +20,7 @@ export default function About4() {
</div>
{/*/column */}
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
<h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
Why Choose Us?
</h2>
<h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7">
@ -33,7 +33,7 @@ export default function About4() {
id="headingOne"
>
<button
className="accordion-button !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
className="accordion-button !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
@ -68,7 +68,7 @@ export default function About4() {
id="headingTwo"
>
<button
className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
data-bs-toggle="collapse"
data-bs-target="#collapseTwo"
aria-expanded="false"
@ -103,7 +103,7 @@ export default function About4() {
id="headingThree"
>
<button
className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"

4
components/blocks/about/About7.jsx
View File

@ -41,7 +41,7 @@ export default function About7() {
</p>
<a
href="#"
className="btn btn-yellow !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-yellow !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Learn More
</a>
@ -69,7 +69,7 @@ export default function About7() {
>
<div className="flex flex-row">
<div>
<span className="icon btn btn-circle btn-yellow !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] pointer-events-none !mr-4 !mt-1 !w-[2.2rem] !h-[2.2rem] !inline-flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%]">
<span className="icon btn btn-circle btn-yellow !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] pointer-events-none !mr-4 !mt-1 !w-[2.2rem] !h-[2.2rem] !inline-flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%]">
<span className="number text-[0.9rem] table-cell text-center align-middle font-bold mx-auto my-0">
{column.number}
</span>

4
components/blocks/about/About8.jsx
View File

@ -53,7 +53,7 @@ export default function About8() {
</div>
{/*/column */}
<div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !px-[15px] max-w-full !mt-[80px]">
<h2 className="!text-[0.8rem] uppercase !text-[#22b573] !mb-3 !leading-[1.35] !tracking-[0.02rem]">
<h2 className="!text-[0.8rem] uppercase !text-[#1fc76f] !mb-3 !leading-[1.35] !tracking-[0.02rem]">
Who Are We?
</h2>
<h3 className="xl:!text-[2rem] !leading-[1.2] !text-[calc(1.325rem_+_0.9vw)] font-semibold !mb-5">
@ -114,7 +114,7 @@ export default function About8() {
<div className="text-center">
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f]"
>
More Details
</a>

6
components/blocks/about/About9.jsx
View File

@ -39,7 +39,7 @@ export default function About9() {
</p>
<a
href="#"
className="btn btn-navy !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end !mt-2"
className="btn btn-navy !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end !mt-2"
>
Learn More
<i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
@ -60,7 +60,7 @@ export default function About9() {
</p>
<a
href="#"
className="btn btn-navy !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end !mt-2"
className="btn btn-navy !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end !mt-2"
>
Download Resume
<i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
@ -78,7 +78,7 @@ export default function About9() {
{entry.date}
</div>
<div
className={`timeline-marker absolute w-[0.6rem] !text-[#22b573] left-0 inset-y-0 xl:relative xl:table-cell xl:align-top lg:relative lg:table-cell lg:align-top md:relative md:table-cell md:align-top before:w-[0.55rem] before:h-[0.55rem] before:content-[''] before:block before:absolute before:rounded-[100%] before:left-0 before:top-[0.2rem] before:bg-[#22b573] ${
className={`timeline-marker absolute w-[0.6rem] !text-[#1fc76f] left-0 inset-y-0 xl:relative xl:table-cell xl:align-top lg:relative lg:table-cell lg:align-top md:relative md:table-cell md:align-top before:w-[0.55rem] before:h-[0.55rem] before:content-[''] before:block before:absolute before:rounded-[100%] before:left-0 before:top-[0.2rem] before:bg-[#1fc76f] ${
entry.hasBottomLine
? "after:w-px after:content-[''] after:block after:absolute after:left-1 after:top-4 after:bottom-0 after:bg-[rgba(164,174,198,.2)]"
: ""

2
components/blocks/blogs/Blogs3.jsx
View File

@ -11,7 +11,7 @@ export default function Blogs3() {
<div className="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
<div className="flex flex-wrap mx-[-15px]">
<div className="lg:w-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<h2 className="!text-[.75rem] !leading-[1.35] uppercase !text-[#22b573] !text-center">
<h2 className="!text-[.75rem] !leading-[1.35] uppercase !text-[#1fc76f] !text-center">
Our News
</h2>
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-6 !text-center">

14
components/blocks/blogs/Blogs4.jsx
View File

@ -56,14 +56,14 @@ export default function Blogs4() {
</div>
</div>
<div className="post-header !mb-5">
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573]">
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
<a href="#" className="hover" rel="category">
{post.category}
</a>
</div>
<h2 className="post-title !mt-1 !mb-4">
<Link
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
href={`/blog-post`}
>
{post.title}
@ -76,7 +76,7 @@ export default function Blogs4() {
</li>
<li className="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
<a
className="!text-[#aab0bc] hover:!text-[#22b573] hover:!border-[#22b573]"
className="!text-[#aab0bc] hover:!text-[#1fc76f] hover:!border-[#1fc76f]"
href="#"
>
<i className="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']" />
@ -85,7 +85,7 @@ export default function Blogs4() {
</li>
<li className="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
<a
className="!text-[#aab0bc] hover:!text-[#22b573] hover:!border-[#22b573]"
className="!text-[#aab0bc] hover:!text-[#1fc76f] hover:!border-[#1fc76f]"
href="#"
>
<i className="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']" />
@ -128,7 +128,7 @@ export default function Blogs4() {
</figcaption>
</figure>
<div className="post-header">
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573]">
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
<a href="#" className="hover" rel="category">
{post.category}
</a>
@ -136,7 +136,7 @@ export default function Blogs4() {
{/* /.post-category */}
<h2 className="post-title h3 !mt-1 !mb-3">
<Link
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
href={`/blog-post`}
>
{post.title}
@ -152,7 +152,7 @@ export default function Blogs4() {
</li>
<li className="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
<a
className="!text-[#aab0bc] hover:!text-[#22b573] hover:!border-[#22b573]"
className="!text-[#aab0bc] hover:!text-[#1fc76f] hover:!border-[#1fc76f]"
href="#"
>
<i className="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']" />

2
components/blocks/contact/COntact11.jsx
View File

@ -99,7 +99,7 @@ export default function COntact11() {
<div className="w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center">
<input
type="submit"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send"
defaultValue="Send message"
/>
</div>

2
components/blocks/contact/Contact10.jsx
View File

@ -100,7 +100,7 @@ export default function Contact10() {
</div>
<input
type="submit"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
defaultValue="Send message"
/>
<p className="!text-[#aab0bc]">

2
components/blocks/contact/Contact3.jsx
View File

@ -85,7 +85,7 @@ export default function Contact3() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Join Us
</a>

8
components/blocks/contact/Contact4.jsx
View File

@ -159,7 +159,7 @@ export default function Contact4() {
<div className="w-full flex-[0_0_auto] !px-[15px] max-w-full">
<input
type="submit"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
defaultValue="Send message"
/>
<p className="!text-[#aab0bc]">
@ -176,7 +176,7 @@ export default function Contact4() {
<div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-location-pin-alt before:content-['\ebd8']" />
</div>
</div>
@ -189,7 +189,7 @@ export default function Contact4() {
</div>
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-phone-volume before:content-['\ec50']" />
</div>
</div>
@ -203,7 +203,7 @@ export default function Contact4() {
</div>
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-envelope before:content-['\eac8']" />
</div>
</div>

6
components/blocks/contact/Contact6.jsx
View File

@ -23,7 +23,7 @@ export default function Contact6() {
<div className="p-10 xl:!p-[4.5rem] lg:!p-[4.5rem] md:!p-12">
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-location-pin-alt before:content-['\ebd8']" />
</div>
</div>
@ -39,7 +39,7 @@ export default function Contact6() {
{/*/div */}
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-phone-volume before:content-['\ec50']" />
</div>
</div>
@ -54,7 +54,7 @@ export default function Contact6() {
{/*/div */}
<div className="flex flex-row">
<div>
<div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
<i className="uil uil-envelope before:content-['\eac8']" />
</div>
</div>

2
components/blocks/contact/Contact7.jsx
View File

@ -64,7 +64,7 @@ export default function Contact7() {
defaultValue="Join"
name="subscribe"
id="mc-embedded-subscribe2"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f]"
/>
</div>
<div id="mce-responses2" className="clear">

2
components/blocks/contact/Contact8.jsx
View File

@ -29,7 +29,7 @@ export default function Contact8() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Join Us
</a>

2
components/blocks/facts/Facts10.jsx
View File

@ -21,7 +21,7 @@ export default function Facts10() {
</div>
{/*/column */}
<div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full !mr-auto">
<h2 className="!text-[0.8rem] uppercase !text-[#22b573] !mb-3 !leading-[1.35]">
<h2 className="!text-[0.8rem] uppercase !text-[#1fc76f] !mb-3 !leading-[1.35]">
Our Solutions
</h2>
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-5 xxl:!pr-5">

8
components/blocks/facts/Facts2.jsx
View File

@ -7,7 +7,7 @@ export default function Facts2() {
<div className="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
<div className="flex flex-wrap mx-[-15px]">
<div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
<h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
<h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
Company Facts
</h2>
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] xl:!pr-20">
@ -22,7 +22,7 @@ export default function Facts2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 409.6"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/check.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-stroke"
@ -52,7 +52,7 @@ export default function Facts2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 441.4 512"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/user.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-fill"
@ -78,7 +78,7 @@ export default function Facts2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 380.8"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/briefcase-2.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-stroke"

2
components/blocks/facts/Facts4.jsx
View File

@ -30,7 +30,7 @@ export default function Facts4() {
key={i}
className="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0"
>
<h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#22b573]">
<h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#1fc76f]">
<Counter max={elm.number} />
</h3>
<p className="text-[0.8rem] font-medium !mb-0">

8
components/blocks/facts/Facts6.jsx
View File

@ -13,7 +13,7 @@ export default function Facts6() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 409.6"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/check.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-stroke"
@ -43,7 +43,7 @@ export default function Facts6() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 441.4 512"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/user.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-fill"
@ -69,7 +69,7 @@ export default function Facts6() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 380.8"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/briefcase-2.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-stroke"
@ -115,7 +115,7 @@ export default function Facts6() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 404.7"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/award-2.svg"
className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
>
<path
className="lineal-stroke"

2
components/blocks/features/Services.jsx
View File

@ -19,7 +19,7 @@ export default function Services() {
</p>
<a
href="#"
className="btn btn-lg btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end"
className="btn btn-lg btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end"
>
More Details
<i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />

20
components/blocks/pricing/Pricing2.jsx
View File

@ -72,7 +72,7 @@ export default function Pricing2() {
!isMonthly ? "pricing-switcher-active !text-white" : ""
}`}
/>
<div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#22b573] opacity-100 switcher-button" />
<div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#1fc76f] opacity-100 switcher-button" />
</div>
<p className="!mb-0 !pl-3 !relative">Yearly</p>
</div>
@ -84,7 +84,7 @@ export default function Pricing2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 412.9"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/shopping-basket.svg"
className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
>
<path
className="lineal-fill"
@ -136,7 +136,7 @@ export default function Pricing2() {
: "uil-times bullet-soft-red";
const bgColor = feature.included ? "#dce7f9" : "#fae3e4";
const textColor = feature.included
? "#22b573"
? "#1fc76f"
: "#e2626b";
const iconContent = feature.included ? "e9dd" : "ed3b";
@ -164,7 +164,7 @@ export default function Pricing2() {
</ul>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Choose Plan
</a>
@ -181,7 +181,7 @@ export default function Pricing2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 479.8 512"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/home.svg"
className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
>
<path
className="lineal-stroke"
@ -241,7 +241,7 @@ export default function Pricing2() {
: "uil-times bullet-soft-red";
const bgColor = feature.included ? "#dce7f9" : "#fae3e4";
const textColor = feature.included
? "#22b573"
? "#1fc76f"
: "#e2626b";
return (
@ -266,7 +266,7 @@ export default function Pricing2() {
</ul>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Choose Plan
</a>
@ -283,7 +283,7 @@ export default function Pricing2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 409.6 380.8"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/briefcase-2.svg"
className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
>
<path
className="lineal-stroke"
@ -347,7 +347,7 @@ export default function Pricing2() {
key={index}
className="relative !pl-6 !mt-[0.35rem]"
>
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>{feature.text.split(" ")[0]}</strong>{" "}
{feature.text.split(" ").slice(1).join(" ")}
@ -358,7 +358,7 @@ export default function Pricing2() {
</ul>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Choose Plan
</a>

40
components/blocks/pricing/Pricing3.jsx
View File

@ -29,7 +29,7 @@ export default function Pricing3() {
!isMonthly ? "pricing-switcher-active !text-white" : ""
}`}
/>
<div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#22b573] opacity-100 switcher-button" />
<div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#1fc76f] opacity-100 switcher-button" />
</div>
<p className="!mb-0 !pl-3 !relative">
Yearly <span className="!text-[#e2626b]">(Save 30%)</span>
@ -67,19 +67,19 @@ export default function Pricing3() {
{/*/.prices */}
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
<li className="relative !pl-6">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>1</strong> Project{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>100K</strong> API Access{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>100MB</strong> Storage{" "}
</span>
@ -142,25 +142,25 @@ export default function Pricing3() {
{/*/.prices */}
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>5</strong> Projects{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>100K</strong> API Access{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>200MB</strong> Storage{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
{" "}
Weekly <strong>Reports</strong>
@ -189,7 +189,7 @@ export default function Pricing3() {
<div className="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] max-w-full !mt-[30px]">
<div className="pricing card !bg-[#edf2fc]">
<div className="card-body flex-[1_1_auto] py-[60px] px-[40px] !border-0 border-[#fff]">
<div className="icon btn btn-circle btn-lg btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] pointer-events-none !p-0 xl:!text-[1.3rem] !w-12 !h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !rounded-[100%]">
<div className="icon btn btn-circle btn-lg btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] pointer-events-none !p-0 xl:!text-[1.3rem] !w-12 !h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !rounded-[100%]">
{" "}
<i className="uil uil-store before:content-['\ed04']" />{" "}
</div>
@ -217,32 +217,32 @@ export default function Pricing3() {
{/*/.prices */}
<ul className="pl-0 list-none bullet-bg bullet-primary !mt-7 !mb-8">
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>20</strong> Projects{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>300K</strong> API Access{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>500MB</strong> Storage{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
{" "}
Weekly <strong>Reports</strong>
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
{" "}
7/24 <strong>Support</strong>
@ -251,7 +251,7 @@ export default function Pricing3() {
</ul>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Choose Plan
</a>
@ -292,32 +292,32 @@ export default function Pricing3() {
{/*/.prices */}
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>90</strong> Projects{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>900K</strong> API Access{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
<strong>900MB</strong> Storage{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
{" "}
Weekly <strong>Reports</strong>{" "}
</span>
</li>
<li className="relative !pl-6 !mt-[0.35rem]">
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
<span>
{" "}
7/24 <strong>Support</strong>

12
components/blocks/pricing/Pricing4.jsx
View File

@ -29,7 +29,7 @@ export default function Pricing4() {
{/*/.row */}
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
See All Prices
</a>
@ -90,13 +90,13 @@ export default function Pricing4() {
<td className="option text-left">Weekly Reports</td>
<td>-</td>
<td>
<i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573] !rounded-[50%] p-1 before:content-['\e9dd']" />
<i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f] !rounded-[50%] p-1 before:content-['\e9dd']" />
</td>
<td>
<i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573] !rounded-[50%] p-1 before:content-['\e9dd']" />
<i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f] !rounded-[50%] p-1 before:content-['\e9dd']" />
</td>
<td>
<i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573] !rounded-[50%] p-1 before:content-['\e9dd']" />
<i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f] !rounded-[50%] p-1 before:content-['\e9dd']" />
</td>
</tr>
<tr>
@ -104,10 +104,10 @@ export default function Pricing4() {
<td>-</td>
<td>-</td>
<td>
<i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573] !rounded-[50%] p-1 before:content-['\e9dd']" />
<i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f] !rounded-[50%] p-1 before:content-['\e9dd']" />
</td>
<td>
<i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573] !rounded-[50%] p-1 before:content-['\e9dd']" />
<i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f] !rounded-[50%] p-1 before:content-['\e9dd']" />
</td>
</tr>
</tbody>

8
components/blocks/projects/Projects6.jsx
View File

@ -15,7 +15,7 @@ export default function Projects6() {
<div className="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-auto lg:!ml-auto md:!ml-auto xl:!text-right lg:!text-right md:!text-right !mt-5 xl:!mt-0 lg:!mt-0 md:!mt-0">
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
See All Projects
<i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
@ -28,7 +28,7 @@ export default function Projects6() {
<div className="card-body p-14 pb-0">
<div className="flex flex-wrap mx-[-15px]">
<div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full pb-14 self-center">
<div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#22b573]">
<div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#1fc76f]">
Web Design
</div>
<h3 className="h1 post-title !mb-3 !leading-[1.3]">
@ -41,7 +41,7 @@ export default function Projects6() {
</p>
<a
href="#"
className="btn btn-sm btn-violet !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end !mb-0 !text-[0.75rem]"
className="btn btn-sm btn-violet !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end !mb-0 !text-[0.75rem]"
>
See Project
<i className="uil uil-arrow-up-right before:content-['\e950']" />
@ -71,7 +71,7 @@ export default function Projects6() {
<div className="card-body p-14">
<div className="flex flex-wrap mx-[-15px] !mt-[-50px] items-center">
<div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2 xl:!ml-[8.33333333%] lg:!order-2 lg:!ml-[8.33333333%] !mt-[50px]">
<div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#22b573]">
<div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#1fc76f]">
Mobile Design
</div>
<h3 className="h1 post-title !mb-3 !leading-[1.3]">Budget App</h3>

2
components/blocks/team/Team3.jsx
View File

@ -20,7 +20,7 @@ export default function Team3() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
See All Members
</a>

2
components/blocks/testimonials/Testimonials3.jsx
View File

@ -20,7 +20,7 @@ export default function Testimonials3() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
All Testimonials
</a>

2
components/career/Cta.jsx
View File

@ -15,7 +15,7 @@ export default function Cta() {
</h3>
<a
href="#"
className="btn btn-lg btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-lg btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Contact Us
</a>

10
components/career/Faqs.jsx
View File

@ -6,7 +6,7 @@ export default function Faqs() {
<div className="container py-[4.5rem] xl:!py-28 lg:!py-28 md:!py-28">
<div className="flex flex-wrap mx-[-15px]">
<div className="lg:w-11/12 xl:w-11/12 xxl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
<h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
FAQ
</h2>
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-10 lg:!px-14 xl:!px-10 xxl:!px-20">
@ -26,7 +26,7 @@ export default function Faqs() {
id="accordion-heading-3-1"
>
<button
className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
data-bs-toggle="collapse"
data-bs-target="#accordion-collapse-3-1"
aria-expanded="false"
@ -64,7 +64,7 @@ export default function Faqs() {
id="accordion-heading-3-2"
>
<button
className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
data-bs-toggle="collapse"
data-bs-target="#accordion-collapse-3-2"
aria-expanded="false"
@ -102,7 +102,7 @@ export default function Faqs() {
id="accordion-heading-3-3"
>
<button
className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
data-bs-toggle="collapse"
data-bs-target="#accordion-collapse-3-3"
aria-expanded="false"
@ -140,7 +140,7 @@ export default function Faqs() {
id="accordion-heading-3-4"
>
<button
className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
data-bs-toggle="collapse"
data-bs-target="#accordion-collapse-3-4"
aria-expanded="false"

14
components/career/Features.jsx
View File

@ -47,7 +47,7 @@ export default function Features() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256.1 256.01"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/target.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
>
<path
className="fill-secondary"
@ -88,7 +88,7 @@ export default function Features() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256.02 202.68"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/video-chat.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
>
<g data-name="Layer 2">
<path
@ -133,7 +133,7 @@ export default function Features() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 234.67"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/wallet.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
>
<path
className="fill-secondary"
@ -166,7 +166,7 @@ export default function Features() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/building.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
>
<g data-name="Layer 2">
<path
@ -205,7 +205,7 @@ export default function Features() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 255.98 256"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/alarm.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
>
<path
className="fill-secondary"
@ -234,7 +234,7 @@ export default function Features() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/employees.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
>
<path
className="fill-secondary"
@ -291,7 +291,7 @@ export default function Features() {
<div className="text-center !mt-10">
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Join Our Team
</a>

12
components/career/Features2.jsx
View File

@ -12,7 +12,7 @@ export default function Features2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256.1 256.01"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/target.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
>
<path
className="fill-secondary"
@ -53,7 +53,7 @@ export default function Features2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/videocall.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
>
<g data-name="Layer 2">
<path
@ -92,7 +92,7 @@ export default function Features2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 234.67"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/wallet.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
>
<path
className="fill-secondary"
@ -125,7 +125,7 @@ export default function Features2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 255.98 256"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/alarm.svg"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
>
<path
className="fill-secondary"
@ -217,7 +217,7 @@ export default function Features2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 255.98 245.34"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/share.svg"
className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#1fc76f] !mr-4"
>
<g data-name="Layer 2">
<path
@ -247,7 +247,7 @@ export default function Features2() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 234.72"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/partnership.svg"
className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#22b573] !mr-4"
className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#1fc76f] !mr-4"
>
<g data-name="Layer 2">
<path

18
components/career/JobDescription.jsx
View File

@ -43,7 +43,7 @@ export default function JobDescription() {
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
<li className="relative !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Aenean eu leo quam ornare curabitur blandit tempus.
@ -51,7 +51,7 @@ export default function JobDescription() {
</li>
<li className="relative !mt-[0.35rem] !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Nullam quis risus eget urna mollis ornare donec
@ -65,7 +65,7 @@ export default function JobDescription() {
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
<li className="relative !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Etiam porta sem malesuada magna mollis euismod.
@ -73,7 +73,7 @@ export default function JobDescription() {
</li>
<li className="relative !mt-[0.35rem] !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Fermentum massa vivamus faucibus amet euismod.
@ -98,7 +98,7 @@ export default function JobDescription() {
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
<li className="relative !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Aenean eu leo quam ornare curabitur blandit tempus.
@ -106,7 +106,7 @@ export default function JobDescription() {
</li>
<li className="relative !mt-[0.35rem] !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Nullam quis risus eget urna mollis ornare donec
@ -120,7 +120,7 @@ export default function JobDescription() {
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
<li className="relative !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Etiam porta sem malesuada magna mollis euismod.
@ -128,7 +128,7 @@ export default function JobDescription() {
</li>
<li className="relative !mt-[0.35rem] !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>
Fermentum massa vivamus faucibus amet euismod.
@ -141,7 +141,7 @@ export default function JobDescription() {
{/*/.row */}
<a
href="mailto:apply@email.com"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Apply Now
</a>

4
components/career/Jobs.jsx
View File

@ -7,7 +7,7 @@ export default function Jobs() {
<div className="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
<div className="flex flex-wrap mx-[-15px] !text-center">
<div className="xl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
<h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
Job Positions
</h2>
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-10 xxl:!px-20">
@ -68,7 +68,7 @@ export default function Jobs() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Get in Touch
</a>

12
components/career/Jobs3.jsx
View File

@ -14,7 +14,7 @@ export default function Jobs3() {
<div className="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-auto lg:!ml-auto md:!ml-auto xl:!text-right lg:!text-right md:!text-right !mt-5 xl:!mt-0 lg:!mt-0 md:!mt-0">
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Explore Positions
</a>
@ -35,7 +35,7 @@ export default function Jobs3() {
</span>
</div>
<div>
<span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
<span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
Full Time
</span>
<h4 className="!mb-1">Senior Graphic Designer</h4>
@ -79,7 +79,7 @@ export default function Jobs3() {
</span>
</div>
<div>
<span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
<span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
Full Time
</span>
<h4 className="!mb-1">Multimedia Artist &amp; Animator</h4>
@ -101,7 +101,7 @@ export default function Jobs3() {
</span>
</div>
<div>
<span className="badge bg-[#f0eaf6] !text-[#22b573] rounded py-1 !mb-2">
<span className="badge bg-[#f0eaf6] !text-[#1fc76f] rounded py-1 !mb-2">
Part Time
</span>
<h4 className="!mb-1">Front End Developer</h4>
@ -123,7 +123,7 @@ export default function Jobs3() {
</span>
</div>
<div>
<span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
<span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
Full Time
</span>
<h4 className="!mb-1">Mobile Developer</h4>
@ -145,7 +145,7 @@ export default function Jobs3() {
</span>
</div>
<div>
<span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
<span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
Full Time
</span>
<h4 className="!mb-1">.NET Developer</h4>

2
components/career/Teatimonials.jsx
View File

@ -36,7 +36,7 @@ export default function Testimonials() {
<div className="container py-[4.5rem] xl:!py-28 lg:!py-28 md:!py-28">
<div className="flex flex-wrap mx-[-15px] xl:!mt-[-22.5rem] lg:!mt-[-22.5rem] md:!mt-[-22.5rem] !relative">
<div className="md:w-10/12 md:!ml-[8.33333333%] lg:w-8/12 lg:!ml-[16.66666667%] xl:w-8/12 xl:!ml-[16.66666667%] w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
<h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
Happy Team
</h2>
<h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-10 xl:!px-10 xxl:!px-20">

2
components/common/Cta.jsx
View File

@ -30,7 +30,7 @@ export default function Cta() {
key={i}
className="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0"
>
<h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#22b573]">
<h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#1fc76f]">
<Counter max={elm.number} />
</h3>
<p className="text-[0.8rem] font-medium !mb-0">

2
components/common/Cta2.jsx
View File

@ -18,7 +18,7 @@ export default function Cta2() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Join Us
</a>

2
components/common/Gallery.jsx
View File

@ -46,7 +46,7 @@ export default function Gallery({ componentName = "Gallery", className = "" }) {
</div>
<a
href={buttonLink}
className="inline-flex items-center px-5 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
className="inline-flex items-center px-5 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
style={{ color: "#f8fafc" }}
>
{buttonText}

12
components/common/Pricing.jsx
View File

@ -29,7 +29,7 @@ export default function Pricing() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
See All Prices
</a>
@ -54,10 +54,10 @@ export default function Pricing() {
!isMonthly ? "pricing-switcher-active !text-white" : ""
}`}
/>
<div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#22b573] opacity-100 switcher-button" />
<div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#1fc76f] opacity-100 switcher-button" />
</div>
<p className="!mb-0 !pl-3 !relative">
Yearly <span className="!text-[#22b573]">(Save 30%)</span>
Yearly <span className="!text-[#1fc76f]">(Save 30%)</span>
</p>
</div>
<div className="flex flex-wrap mx-[-15px] !mt-[25px] !relative">
@ -114,7 +114,7 @@ export default function Pricing() {
feature.included ? "uil-check" : "uil-times"
} absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center ${
feature.included
? "bg-[#e6e8f7] !text-[#22b573]"
? "bg-[#e6e8f7] !text-[#1fc76f]"
: "!bg-[#fae3e4] !text-[#e2626b]"
} rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell`}
/>
@ -124,7 +124,7 @@ export default function Pricing() {
</ul>
<a
href="#"
className="btn btn-purple !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !text-[.85rem] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-purple !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !text-[.85rem] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Choose Plan
</a>
@ -218,7 +218,7 @@ export default function Pricing() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Join Us
</a>

4
components/common/ProgressWrap.jsx
View File

@ -43,7 +43,7 @@ export default function ProgressWrap() {
<>
<div
id="scroll-top"
className="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#22b573] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons"
className="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#1fc76f] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons"
onClick={() => scrollToTop()}
>
{scrolled / scrollHeight ? (
@ -54,7 +54,7 @@ export default function ProgressWrap() {
viewBox="-1 -1 102 102"
>
<path
className="fill-none stroke-[#22b573] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none"
className="fill-none stroke-[#1fc76f] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none"
d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
style={{
transition: "0s",

31
components/contact/Contact.jsx
View File

@ -30,34 +30,25 @@ export default function Contact() {
const title = data.title || "";
const subtitle = data.subtitle || "";
const description = data.description || "";
const image = data.image || "";
const image = data.image || "/assets/img/logo-dark.png";
const contacts = Array.isArray(data.items)
? data.items.filter(item => item.item_title)
: [];
return (
<section className="w-full flex flex-col items-center bg-[#22b573] shadow-lg py-8 md:-mt-24 relative">
<div
className="absolute"
style={{
top: '0',
left: '-12px',
width: '12px',
height: '24px',
background: '#23272b',
clipPath: 'polygon(0 100%, 100% 0, 100% 100%)'
}}
></div>
<div className="flex flex-col items-center w-full px-2 md:px-4 mb-2">
<section className="w-full flex flex-col items-center">
<div className="flex flex-col w-full px-2 md:px-4 mb-2">
<Image
className="mb-6"
className="mb-3"
alt="image"
width="183"
height="95"
width="160"
height="40"
src={image}
/>
<h2 className="!text-white pb-5 text-center">{subtitle}</h2>
{subtitle && (
<h2 className="pb-5 text-center">{subtitle}</h2>
)}
</div>
<div className="w-full flex flex-col items-center px-2 md:px-4 mb-4">
{contacts.map((item, idx) => (
@ -72,14 +63,14 @@ export default function Contact() {
</div>
<div className="flex-1">
{/(mail)/i.test(item.item_title) ? (
<p className="text-white text-left break-words">
<p className="text-left break-words">
{item.item_title}
<a href={`mailto:${item.item_title}`} className="!text-white hover:!underline">
{item.item_subtitle}
</a>
</p>
) : (
<p className="text-white text-left break-words">
<p className="text-left break-words">
{item.item_title} {item.item_subtitle}
</p>
)}

8
components/contact/Contact1.jsx
View File

@ -113,7 +113,7 @@ export default function Contact1({ ssrData }) {
</div>
<div className="break-all">
{/(mail)/i.test(item.item_title) ? (
<a href={`mailto:${item.item_subtitle || item.item_value || ''}`} className="!text-inherit hover:!text-[#22b573]">
<a href={`mailto:${item.item_subtitle || item.item_value || ''}`} className="!text-inherit hover:!text-[#1fc76f]">
{item.item_subtitle || item.item_value || ''}
</a>
) : /(phone)/i.test(item.item_title) ? (
@ -172,7 +172,7 @@ export default function Contact1({ ssrData }) {
maxWidth: '96vw',
boxShadow: '0 8px 32px rgba(0,0,0,0.18)',
textAlign: 'center',
color: modal.type === 'success' ? '#22b573' : '#e53e3e',
color: modal.type === 'success' ? '#1fc76f' : '#e53e3e',
fontWeight: 500
}}>
<div style={{ fontSize: '1.1rem', marginBottom: '1.5rem' }}>{modal.message}</div>
@ -180,7 +180,7 @@ export default function Contact1({ ssrData }) {
type="button"
onClick={closeModal}
style={{
background: modal.type === 'success' ? '#22b573' : '#e53e3e',
background: modal.type === 'success' ? '#1fc76f' : '#e53e3e',
color: '#fff',
border: 'none',
borderRadius: '24px',
@ -317,7 +317,7 @@ export default function Contact1({ ssrData }) {
<div className="w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center">
<input
type="submit"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
value={submitting ? 'Sending...' : (data.button_text || 'Submit')}
disabled={submitting}
/>

131
components/contact/SocialLinks.jsx
View File

@ -1,10 +1,36 @@
import React, { useEffect, useState } from "react";
import axios from "axios";
import ReactDOM from "react-dom";
export default function SocialLinks() {
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
const [showQRCode, setShowQRCode] = useState(false);
const [activeLink, setActiveLink] = useState(null);
const [isMobile, setIsMobile] = useState(false);
useEffect(() => {
const checkMobile = () => {
setIsMobile(window.innerWidth <= 768);
};
checkMobile();
window.addEventListener('resize', checkMobile);
return () => window.removeEventListener('resize', checkMobile);
}, []);
useEffect(() => {
if (showQRCode && isMobile) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = '';
}
return () => {
document.body.style.overflow = '';
};
}, [showQRCode, isMobile]);
useEffect(() => {
async function fetchData() {
@ -13,8 +39,10 @@ export default function SocialLinks() {
const res = await axios.get("/api/get-component-data", {
params: { component_name: "SocialLinks" },
});
console.log('SocialLinks Data:', res.data);
setData(res.data.data);
} catch (err) {
console.error('SocialLinks Error:', err);
setError("获取SocialLinks数据失败");
} finally {
setLoading(false);
@ -23,25 +51,116 @@ export default function SocialLinks() {
fetchData();
}, []);
const handleClose = () => {
setShowQRCode(false);
setActiveLink(null);
};
if (loading) return null;
if (error) return null;
if (!data || !Array.isArray(data.items) || !data.items.length) return null;
return (
<nav className="nav social">
{data.items.map((elm, i) => (
<nav className="nav social !mb-3">
{data.items.map((elm, i) => {
console.log('Social Item:', elm);
return (
<div key={i} className="relative inline-block">
<a
key={i}
className={`!text-[${elm.item_color||'#cacaca'}] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]`}
href={elm.item_link}
className={`!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] hover:!text-[#1fc76f] m-[0_.7rem_0_0]`}
href={isMobile ? undefined : elm.item_link}
target="_blank"
rel="noopener noreferrer"
onClick={(e) => {
if (isMobile && elm.item_title?.toLowerCase() === 'wechat') {
e.preventDefault();
setShowQRCode(!showQRCode);
setActiveLink(showQRCode ? null : i);
}
}}
onMouseEnter={() => {
if (!isMobile && elm.item_title?.toLowerCase() === 'wechat') {
setShowQRCode(true);
setActiveLink(i);
}
}}
onMouseLeave={() => {
if (!isMobile && elm.item_title?.toLowerCase() === 'wechat') {
setShowQRCode(false);
setActiveLink(null);
}
}}
>
{elm.item_html_code ? (
<span
style={{
display: 'inline-block',
width: '1.5rem',
height: '1.5rem',
verticalAlign: 'middle',
lineHeight: 0,
}}
dangerouslySetInnerHTML={{ __html: elm.item_html_code }}
/>
) : (
<i
className={`uil ${elm.item_subtitle||''} before:content-[${elm.item_description||''}] !text-[${elm.item_color||'#cacaca'}] text-[1rem]`}
/>
)}
</a>
))}
{isMobile && (
<QrCodeModal
open={showQRCode && activeLink === i && elm.item_title?.toLowerCase() === 'wechat' && elm.item_image}
onClose={handleClose}
image={elm.item_image}
/>
)}
{!isMobile && showQRCode && activeLink === i && elm.item_title?.toLowerCase() === 'wechat' && elm.item_image && (
<div
className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 z-[9999]"
onClick={handleClose}
>
<div
className="bg-white rounded-lg shadow-lg p-4"
onClick={(e) => e.stopPropagation()}
>
<img
src={elm.item_image}
alt="微信二维码"
className="object-cover mx-auto w-32 h-32"
/>
<div className="text-center text-sm mt-2 text-gray-600">
扫码关注公众号
</div>
</div>
</div>
)}
</div>
)})}
</nav>
);
}
function QrCodeModal({ open, onClose, image }) {
if (!open) return null;
return ReactDOM.createPortal(
<div
className="fixed inset-0 flex items-center justify-center bg-black/50 z-[9999]"
style={{ pointerEvents: 'auto' }}
onClick={onClose}
>
<div
className="bg-white rounded-lg shadow-lg p-4 mx-4 max-w-[320px] w-full"
onClick={e => e.stopPropagation()}
>
<img
src={image}
alt="微信二维码"
className="object-cover mx-auto w-full max-w-[280px] h-auto"
/>
<div className="text-center text-sm mt-2 text-gray-600">扫码关注公众号</div>
</div>
</div>,
document.body
);
}

49
components/footers/Footer.jsx
View File

@ -4,6 +4,7 @@ import SocialLinks from "@/components/contact/SocialLinks";
import { getSiteSettings } from "@/utlis/siteSettings";
import MenuList from "./MenuList";
import Contact from "@/components/contact/Contact";
import Image from "next/image";
export default function Footer15() {
const [siteSettings, setSiteSettings] = useState({});
@ -13,29 +14,26 @@ export default function Footer15() {
}, []);
return (
<footer className="bg-[#fefefe] !text-[#333333]">
<div className="container pt-20 pb-7">
<div className="w-full flex flex-col md:flex-row justify-center items-stretch gap-8 md:gap-10 xl:gap-16">
{/* 产品中心 */}
<div className="flex-1 min-w-[220px] max-w-xs flex flex-col">
<MenuList componentName="MenuList-1" />
</div>
{/* 菜单 */}
<div className="flex-1 min-w-[220px] max-w-xs flex flex-col">
<MenuList componentName="MenuList-2" />
</div>
<footer className="!text-[#333333] z-0">
<div className="container py-20">
<div className="w-full flex flex-col md:flex-row justify-center items-stretch gap-8 md:gap-10 xl:gap-10">
{/* 联系方式 */}
<div className="flex-[1.5] min-w-[220px] max-w-lg flex flex-col items-center text-center">
<Contact />
</div>
</div>
<hr className="!mt-13 xl:!mt-20 lg:!mt-20 md:!mt-20 !mb-7 [border-top:1px_solid]" />
<div className="xl:!flex lg:!flex md:!flex items-center justify-between">
<p className="!mb-2 xl:!mb-0 lg:!mb-0">
<div className="flex-[2] min-w-[220px] !max-w-2xl flex flex-col">
<Image
className="mb-3"
alt="image"
width="160"
height="40"
src="/assets/img/logo-dark.png"
/>
<SocialLinks />
<p className="!mb-2">
© {new Date().getFullYear()} {siteSettings.company_name || "Jsite"} {siteSettings.copyright || "All Rights Reserved."}
</p>
<p className="!mb-2">
{siteSettings.icp && (
<a
className="ml-2 !text-[#333333] hover:!text-[#22b573]"
className="!text-[#333333] hover:!text-[#1fc76f]"
href="https://beian.miit.gov.cn"
target="_blank"
rel="noopener noreferrer"
@ -44,7 +42,18 @@ export default function Footer15() {
</a>
)}
</p>
<SocialLinks />
</div>
{/* 产品中心 */}
<div className="flex-1 min-w-[200px] max-w-xs flex flex-col">
<MenuList componentName="MenuList-1" />
</div>
{/* 菜单 */}
<div className="flex-1 min-w-[200px] max-w-xs flex flex-col">
<MenuList componentName="MenuList-2" />
</div>
<div className="flex-1 min-w-[200px] max-w-xs flex flex-col">
<MenuList componentName="MenuList-3" />
</div>
</div>
</div>
</footer>

2
components/footers/Footer15.jsx
View File

@ -35,7 +35,7 @@ export default function Footer15() {
© {new Date().getFullYear()} {siteSettings.company_name || "Jsite"} {siteSettings.copyright || "All Rights Reserved."}
{siteSettings.icp && (
<a
className="ml-2 !text-[#cacaca] hover:!text-[#22b573]"
className="ml-2 !text-[#cacaca] hover:!text-[#1fc76f]"
href="https://beian.miit.gov.cn"
target="_blank"
rel="noopener noreferrer"

6
components/footers/MenuList.jsx
View File

@ -30,13 +30,13 @@ export default function MenuList({ componentName = "MenuList" }) {
return (
<div className="widget text-left">
<h4 className="widget-title !mb-[.75rem] !text-[.95rem] !leading-[1.45] !text-[#333333]">
<h5 className="widget-title !mb-[.75rem] !text-[.85rem] !leading-[1.45] !text-[#333333]">
{data.title}
</h4>
</h5>
<ul className="pl-0 list-none text-inherit !mb-0">
{data.items?.map((elm, i) => (
<li key={i} className={i !== 0 ? "!mt-[0.35rem]" : ""}>
<Link className="!text-[#333333] hover:!text-[#22b573]" href={elm.item_link || "#"}>
<Link className="!text-[#333333] hover:!text-[#1fc76f]" href={elm.item_link || "#"}>
{elm.item_title}
</Link>
</li>

4
components/headers/Header.jsx
View File

@ -47,7 +47,7 @@ export default function Header15() {
/>
</div>
<div className="offcanvas-body flex flex-col !h-full">
<Nav color="#22b573" />
<Nav color="#1fc76f" />
{/* /.navbar-nav */}
<div className="offcanvas-footer xl:!hidden lg:!hidden">
<div>
@ -73,7 +73,7 @@ export default function Header15() {
<div className="navbar-other w-full !flex !ml-auto">
<ul className="navbar-nav !flex-row !items-center !ml-auto">
<li className="nav-item dropdown language-select uppercase group">
<LoginButton color="#22b573" />
<LoginButton color="#1fc76f" />
</li>
<li className="nav-item xl:!hidden lg:!hidden">
<button className="hamburger offcanvas-nav-btn">

4
components/headers/Header15.jsx
View File

@ -47,7 +47,7 @@ export default function Header15() {
/>
</div>
<div className="offcanvas-body xl:!ml-auto lg:!ml-auto flex flex-col !h-full">
<Nav color="#22b573" />
<Nav color="#1fc76f" />
{/* /.navbar-nav */}
<div className="offcanvas-footer xl:!hidden lg:!hidden">
<div>
@ -73,7 +73,7 @@ export default function Header15() {
<div className="navbar-other w-full !flex !ml-auto">
<ul className="navbar-nav !flex-row !items-center !ml-auto">
<li className="nav-item dropdown language-select uppercase group">
<LanguageSelect color="#22b573" />
<LanguageSelect color="#1fc76f" />
</li>
<li className="nav-item xl:!hidden lg:!hidden">
<button className="hamburger offcanvas-nav-btn">

2
components/headers/LanguageSelect.jsx
View File

@ -2,7 +2,7 @@
import { useState } from "react";
export default function LanguageSelect({ color = "#22b573" }) {
export default function LanguageSelect({ color = "#1fc76f" }) {
const languages = ["En"];
const [activeLang, setActiveLang] = useState("En");
return (

2
components/homes/home-15/CallToAction.jsx
View File

@ -93,7 +93,7 @@ export default function CallToAction() {
value={buttonText || "Submit"}
name="subscribe"
id="mc-embedded-subscribe2"
className="!text-[.85rem] btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0"
className="!text-[.85rem] btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0"
/>
</div>
<div id="mce-responses2" className="clear">

4
components/homes/home-15/Faqs.jsx
View File

@ -61,7 +61,7 @@ export default function Faqs() {
{/* 按钮 */}
<a
href={buttonLink}
className="inline-flex items-center px-5 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold w-auto self-start"
className="inline-flex items-center px-5 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold w-auto self-start"
style={{ color: "#f8fafc" }}
>
{buttonText}
@ -86,7 +86,7 @@ export default function Faqs() {
<div className="card plain accordion-item" key={idx}>
<div className="card-header !mb-0 !p-[0_0_.8rem_0] !border-0 !bg-inherit" id={headingId}>
<button
className={`hover:!text-[#22b573] accordion-button${idx === 0 ? "" : " collapsed"}`}
className={`hover:!text-[#1fc76f] accordion-button${idx === 0 ? "" : " collapsed"}`}
data-bs-toggle="collapse"
data-bs-target={`#${collapseId}`}
aria-expanded={idx === 0 ? "true" : "false"}

2
components/homes/home-15/Features.jsx
View File

@ -66,7 +66,7 @@ export default function Features() {
<div className="mt-4">
<a
href={buttonLink}
className="inline-flex items-center px-6 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-medium"
className="inline-flex items-center px-6 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-medium"
style={{ color: "#f8fafc" }}
>
{buttonText}

2
components/homes/home-15/Gallery.jsx
View File

@ -46,7 +46,7 @@ export default function Gallery() {
</div>
<a
href={buttonLink}
className="inline-flex items-center px-5 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
className="inline-flex items-center px-5 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
style={{ color: "#f8fafc" }}
>
{buttonText}

2
components/homes/home-15/Process.jsx
View File

@ -83,7 +83,7 @@ export default function Process() {
{buttonText && (
<a
href={buttonLink}
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
target="_blank"
rel="noopener noreferrer"
>

2
components/modals/InfoModal.jsx
View File

@ -34,7 +34,7 @@ export default function InfoModal() {
Light City, London
</address>
<a
className="!text-[#cacaca] hover:!text-[#22b573]"
className="!text-[#cacaca] hover:!text-[#1fc76f]"
href="mailto:first.last@email.com"
>
info@email.com

2
components/projects/PagrTitle2.jsx
View File

@ -7,7 +7,7 @@ export default function PagrTitle2() {
<div className="flex flex-wrap mx-[-15px]">
<div className="md:w-10/12 lg:w-8/12 xl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<div className="post-header">
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573]">
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
<a href="#" className="hover" rel="category">
Identity
</a>

2
components/projects/Projects3.jsx
View File

@ -74,7 +74,7 @@ export default function Projects3() {
className={`filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer ${
activeFilter === filter
? "active"
: "hover:!text-[#22b573]"
: "hover:!text-[#1fc76f]"
}`}
data-filter={filter}
onClick={() => handleFilterClick(filter)}

2
components/projects/Projects4.jsx
View File

@ -75,7 +75,7 @@ export default function Projects4() {
className={`filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer ${
activeFilter === filter
? "active"
: "hover:!text-[#22b573]"
: "hover:!text-[#1fc76f]"
}`}
data-filter={filter}
onClick={() => handleFilterClick(filter)}

8
components/services/Features.jsx
View File

@ -73,13 +73,13 @@ export default function Features() {
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
<li className="relative !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>Aenean quam ornare. Curabitur blandit.</span>
</li>
<li className="relative !pl-6 !mt-3">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>Nullam quis risus eget urna mollis ornare.</span>
</li>
@ -90,13 +90,13 @@ export default function Features() {
<ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
<li className="relative !pl-6">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>Etiam porta euismod malesuada mollis.</span>
</li>
<li className="relative !pl-6 !mt-3">
<span>
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
<i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
</span>
<span>Vivamus sagittis lacus vel augue rutrum.</span>
</li>

2
components/services/Services.jsx
View File

@ -124,7 +124,7 @@ export default function Services() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 427.5"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/analytics.svg"
className="svg-inject icon-svg icon-svg-md text-[#22b573] text-primary !mb-3 !w-[2.6rem] !h-[2.6rem]"
className="svg-inject icon-svg icon-svg-md text-[#1fc76f] text-primary !mb-3 !w-[2.6rem] !h-[2.6rem]"
>
<path
className="lineal-fill"

2
components/services/VideoSection.jsx
View File

@ -47,7 +47,7 @@ export default function VideoSection() {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 321.7 409.6"
data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/light-bulb.svg"
className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
>
<path
className="lineal-fill"

6
components/shop/BreadCumb3.jsx
View File

@ -7,17 +7,17 @@ export default function BreadCumb3() {
<nav className="inline-block" aria-label="breadcrumb">
<ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
<li className="breadcrumb-item flex !text-[#60697b]">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Home
</a>
</li>
<li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Shop
</a>
</li>
<li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Cosmetics
</a>
</li>

2
components/shop/Breadcumb2.jsx
View File

@ -7,7 +7,7 @@ export default function Breadcumb2() {
<nav className="inline-block" aria-label="breadcrumb">
<ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
<li className="breadcrumb-item flex !text-[#60697b]">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Home
</a>
</li>

4
components/shop/Breadcumb4.jsx
View File

@ -7,12 +7,12 @@ export default function Breadcumb4() {
<nav className="inline-block" aria-label="breadcrumb">
<ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
<li className="breadcrumb-item flex !text-[#60697b]">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Home
</a>
</li>
<li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Shop
</a>
</li>

6
components/shop/Breadcumb5.jsx
View File

@ -7,17 +7,17 @@ export default function Breadcumb5() {
<nav className="inline-block" aria-label="breadcrumb">
<ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
<li className="breadcrumb-item flex !text-[#60697b]">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Home
</a>
</li>
<li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Shop
</a>
</li>
<li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Cart
</a>
</li>

6
components/shop/Checkout.jsx
View File

@ -352,7 +352,7 @@ export default function Checkout() {
<h3 className="post-title h6 !leading-[1.35] !mb-1">
<Link
href={`/shop-product/${product.id}`}
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
{product.title}
</Link>
@ -378,7 +378,7 @@ export default function Checkout() {
<Link
href={`/shop`}
className="btn btn-primary !mb-7 !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !mb-7 !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Explore Products
</Link>
@ -469,7 +469,7 @@ export default function Checkout() {
</div>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Place Order
</a>

32
components/shop/ProductReview.jsx
View File

@ -61,7 +61,7 @@ export default function ProductReview() {
</p>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded w-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded w-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Write a Review
</a>
@ -109,7 +109,7 @@ export default function ProductReview() {
<h6 className="m-0 !mb-[0.2rem]">
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
Connor Gibson
</a>
@ -143,14 +143,14 @@ export default function ProductReview() {
<div>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
>
<i className="uil uil-thumbs-up before:content-['\ed35']" />
5
</a>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
<i className="uil uil-thumbs-down before:content-['\ed36']" />
5
@ -173,7 +173,7 @@ export default function ProductReview() {
<h6 className="m-0 !mb-[0.2rem]">
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
Nikolas Brooten
</a>
@ -206,14 +206,14 @@ export default function ProductReview() {
<div>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
>
<i className="uil uil-thumbs-up before:content-['\ed35']" />
5
</a>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
<i className="uil uil-thumbs-down before:content-['\ed36']" />
5
@ -236,7 +236,7 @@ export default function ProductReview() {
<h6 className="m-0 !mb-[0.2rem]">
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
Pearce Frye
</a>
@ -268,14 +268,14 @@ export default function ProductReview() {
<div>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
>
<i className="uil uil-thumbs-up before:content-['\ed35']" />
5
</a>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
<i className="uil uil-thumbs-down before:content-['\ed36']" />
5
@ -298,7 +298,7 @@ export default function ProductReview() {
<h6 className="m-0 !mb-[0.2rem]">
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
Nikolas Brooten
</a>
@ -331,14 +331,14 @@ export default function ProductReview() {
<div className="flex flex-row items-end">
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
>
<i className="uil uil-thumbs-up before:content-['\ed35']" />
5
</a>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
<i className="uil uil-thumbs-down before:content-['\ed36']" />
5
@ -361,7 +361,7 @@ export default function ProductReview() {
<h6 className="m-0 !mb-[0.2rem]">
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
Lou Bloxham
</a>
@ -393,14 +393,14 @@ export default function ProductReview() {
<div>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
>
<i className="uil uil-thumbs-up before:content-['\ed35']" />
5
</a>
<a
href="#"
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
<i className="uil uil-thumbs-down before:content-['\ed36']" />
5

4
components/shop/Shop.jsx
View File

@ -18,7 +18,7 @@ export default function Shop() {
<nav className="inline-block" aria-label="breadcrumb">
<ol className="breadcrumb !mb-0 flex flex-wrap p-0 !rounded-none">
<li className="breadcrumb-item flex !text-[#60697b]">
<a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
<a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
Home
</a>
</li>
@ -119,7 +119,7 @@ export default function Shop() {
<h2 className="post-title h3 text-[1.1rem]">
<Link
href={`/shop-product/${product.id}`}
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
{product.title}
</Link>

2
components/shop/Shop2.jsx
View File

@ -108,7 +108,7 @@ export default function Shop2() {
<h2 className="post-title h3 text-[1.1rem]">
<Link
href={`/shop-product/${product.id}`}
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
{product.title}
</Link>

12
components/shop/ShopCart.jsx
View File

@ -64,7 +64,7 @@ export default function ShopCart() {
<h3 className="post-title h6 !leading-[1.35] !mb-1">
<Link
href={`/shop-product/${product.id}`}
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
{product.title}
</Link>
@ -123,7 +123,7 @@ export default function ShopCart() {
<td className="!pr-0">
<a
onClick={() => removeItem(product.id)}
className="!text-[#343f52] hover:!text-[#22b573]"
className="!text-[#343f52] hover:!text-[#1fc76f]"
>
<i className="uil uil-trash-alt before:content-['\ed4b']" />
</a>
@ -139,7 +139,7 @@ export default function ShopCart() {
<Link
href={`/shop`}
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Explore Products
</Link>
@ -162,7 +162,7 @@ export default function ShopCart() {
Enter promo code
</label>
<button
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
type="button"
>
Apply
@ -174,7 +174,7 @@ export default function ShopCart() {
<div className="md:w-4/12 lg:w-5/12 xl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !ml-auto lg:!ml-0 xl:!ml-0 xl:!text-right lg:!text-right md:!text-right !mt-[20px]">
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Update Cart
</a>
@ -235,7 +235,7 @@ export default function ShopCart() {
</div>
<a
href="#"
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
Proceed to Checkout
</a>

8
components/shop/ShopDetails.jsx
View File

@ -18,7 +18,7 @@ export default function ShopDetails({ product }) {
<div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[40px] max-w-full">
<div className="post-header !mb-5">
<h2 className="post-title !text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3]">
<a href="#" className="!text-[#343f52] hover:!text-[#22b573]">
<a href="#" className="!text-[#343f52] hover:!text-[#1fc76f]">
{product.title}
</a>
</h2>
@ -135,7 +135,7 @@ export default function ShopDetails({ product }) {
<label
className="relative isolate flex items-center place-items-center cursor-pointer !mr-2 w-6 h-6"
htmlFor="color-4"
style={{ "--color": "#22b573" }}
style={{ "--color": "#1fc76f" }}
>
<input type="radio" name="colors" id="color-4" />
<span className="absolute inset-0 h-full w-full text-[1px] flex items-center justify-center place-items-center text-transparent rounded-[100%] bg-[var(--color,rgba(164,174,198,.2))]">
@ -145,7 +145,7 @@ export default function ShopDetails({ product }) {
<label
className="relative isolate flex items-center place-items-center cursor-pointer !mr-2 w-6 h-6"
htmlFor="color-5"
style={{ "--color": "#22b573" }}
style={{ "--color": "#1fc76f" }}
>
<input type="radio" name="colors" id="color-5" />
<span className="absolute inset-0 h-full w-full text-[1px] flex items-center justify-center place-items-center text-transparent rounded-[100%] bg-[var(--color,rgba(164,174,198,.2))]">
@ -174,7 +174,7 @@ export default function ShopDetails({ product }) {
<div className="grow mx-2">
<button
onClick={() => addProductToCart(product.id, value)}
className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-start rounded !w-full grow hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-start rounded !w-full grow hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
>
<i className="uil uil-shopping-bag !font-normal !mt-[-0.05rem] !mr-1 before:content-['\ecba']"></i>
{isAddedToCartProducts(product.id)

6
components/sidebar/Category.jsx
View File

@ -80,14 +80,14 @@ export default function Category({
}}
>
<a
className="!text-[#60697b] hover:!text-[#22b573]"
className="!text-[#60697b] hover:!text-[#1fc76f]"
href={`/${currentPath.join('/')}`}
onClick={e => e.stopPropagation()} // 阻止冒泡，点击a只跳转
>
{item.name}
</a>
{hasChildren && (
<span className="ml-2 text-gray-400 hover:text-[#22b573]">{'>'}</span>
<span className="ml-2 text-gray-400 hover:text-[#1fc76f]">{'>'}</span>
)}
</div>
@ -97,7 +97,7 @@ export default function Category({
{item.children.map((child) => (
<li key={child.slug} className="py-1">
<a
className="!text-[#60697b] hover:!text-[#22b573] text-sm"
className="!text-[#60697b] hover:!text-[#1fc76f] text-sm"
href={`/${currentPath.join('/')}/${child.slug}`}
onClick={e => e.stopPropagation()}
>

2
public/assets/css/colors/violet.css
View File

@ -8,7 +8,7 @@
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23a07cc5' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
}
.color-violet .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#22b573' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#1fc76f' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
}
.color-violet .cursor-primary a {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23a07cc5;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"),

12
public/assets/custom.css
View File

@ -57,7 +57,7 @@
}
}
.demo4 .accordion-wrapper .card-header button {
color: #22b573;
color: #1fc76f;
}
.demo6 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
background: #54a8c7 !important;
@ -163,8 +163,8 @@
}
}
.demo14 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
background: #22b573 !important;
border-color: #22b573 !important;
background: #1fc76f !important;
border-color: #1fc76f !important;
color: #ffffff !important;
}
@media (max-width: 991.98px) {
@ -188,11 +188,11 @@
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
}
.demo19 .navbar-light.fixed.navbar-stick .nav-link:hover {
color: #22b573;
color: #1fc76f;
}
@media (min-width: 992px) {
.demo19 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
color: #22b573;
color: #1fc76f;
}
}
@media (max-width: 991.98px) {
@ -381,7 +381,7 @@
}
.demo31 .solid.text-primary .fill-primary,
.demo31 .solid.text-primary .fill-secondary {
fill: #22b573 !important;
fill: #1fc76f !important;
}
.demo32 .nav-tabs.nav-tabs-bg .nav-link.active,
.demo32 .nav-tabs.nav-tabs-bg .nav-link:hover {

BIN
public/files/qrcode_for_gh_9c72b936bc8c_258.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/files/qrcode_jingrow.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB