diff --git a/.prettierrc b/.prettierrc index edc55a8..61cf533 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,7 +1,7 @@ { "semi": true, "singleQuote": false, - "printWidth": 80, + "printWidth": 120, "trailingComma": "es5", "tabWidth": 2 } \ No newline at end of file diff --git a/next.config.ts b/next.config.ts index 8779d17..88b9dfc 100644 --- a/next.config.ts +++ b/next.config.ts @@ -2,21 +2,14 @@ import { withPayload } from "@payloadcms/next/withPayload"; import type { NextConfig } from "next"; const nextConfig: NextConfig = { - /* config options here */ - // webpack: (config, options) => { - // config.module.rules.push({ - // test: require.resolve("wowjs/dist/wow.js"), - // use: [ - // { - // loader: "exports-loader", - // options: { - // exports: "this.WOW", - // }, - // }, - // ], - // }); - // return config; - // }, + images: { + remotePatterns: [ + { + protocol: "https", + hostname: "cochiseoncology.com", + }, + ], + }, }; export default withPayload(nextConfig); diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 4e4cdae..1a190d5 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -232,32 +232,16 @@ Primary use: Multipurpose Template ); --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%); --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%); - --gradient-dark-alpha-1: linear-gradient( - 90deg, - var(--color-dark-1) 40%, - transparent 87% - ); - --gradient-dark-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-dark-1) 60% - ); - --gradient-primary-alpha-1: linear-gradient( - 90deg, - var(--color-primary-1) 40%, - transparent 87% - ); - --gradient-primary-alpha-2: linear-gradient( - 90deg, - transparent 13%, - var(--color-primary-1) 60% - ); + --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%); + --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%); + --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%); + --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%); --border-radius-default: 4px; --border-radius-large: 30px; - --box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), - 0px 1px 1px 0px rgba(0, 0, 0, 0.03), 0px 3px 5px 0px rgba(0, 0, 0, 0.03); - --box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), - 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 3px 5px 0px rgba(0, 0, 0, 0.06); + --box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03), + 0px 3px 5px 0px rgba(0, 0, 0, 0.03); + --box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), + 0px 3px 5px 0px rgba(0, 0, 0, 0.06); --box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05); --box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15); --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1); @@ -737,12 +721,7 @@ video { } .page-loader.gradient.dark .loader { border-color: transparent !important; - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } @@ -791,21 +770,13 @@ mark { padding: 0; color: inherit; background-color: transparent; - background-image: linear-gradient( - 90deg, - rgba(17, 17, 17, 0.1) 0, - rgba(17, 17, 17, 0.1) 100% - ); + background-image: linear-gradient(90deg, rgba(17, 17, 17, 0.1) 0, rgba(17, 17, 17, 0.1) 100%); background-repeat: no-repeat; background-size: 100% 0.3em; background-position: 0 110%; } .light-content mark { - background-image: linear-gradient( - 90deg, - rgba(255, 255, 255, 0.2) 0, - rgba(255, 255, 255, 0.2) 100% - ); + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); } .mark-decoration-1 { position: relative; @@ -1392,8 +1363,10 @@ hr.thick { display: inline-block; overflow: hidden; padding: 7px 0; - transition: transform 0.5s var(--ease-elastic-1), - opacity 0.5s var(--ease-elastic-1), color 0.2s var(--ease-default); + transition: + transform 0.5s var(--ease-elastic-1), + opacity 0.5s var(--ease-elastic-1), + color 0.2s var(--ease-default); } .underline .link-strong { border-bottom: 2px solid currentColor; @@ -1922,7 +1895,9 @@ a.btn-mod:focus { } .btn-animate-y-1 { display: block; - transition: all 0.37s var(--ease-out-short), opacity 0.37s linear; + transition: + all 0.37s var(--ease-out-short), + opacity 0.37s linear; } .btn-animate-y-2 { display: block; @@ -1932,7 +1907,9 @@ a.btn-mod:focus { width: 100%; opacity: 0; transform: translate(0, 100%); - transition: all 0.37s var(--ease-out-short), opacity 0.37s linear; + transition: + all 0.37s var(--ease-out-short), + opacity 0.37s linear; } .btn-mod:hover .btn-animate-y-1, a:not(.no-hover):hover .btn-animate-y-1 { @@ -2067,8 +2044,7 @@ a:not(.no-hover):hover .btn-animate-y-2 { } .btn-mod.btn-border-grad { border: 1px solid transparent; - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; color: var(--color-primary-1); @@ -2090,12 +2066,7 @@ a:not(.no-hover):hover .btn-animate-y-2 { -webkit-text-fill-color: transparent; } .main-nav.dark .btn-border-grad { - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } @@ -2163,7 +2134,9 @@ a:not(.no-hover):hover .btn-animate-y-2 { .form input[type="color"]::placeholder, .form select::placeholder { color: var(--color-gray-2); - transition: var(--transition-default), font-size 0s; + transition: + var(--transition-default), + font-size 0s; } .form input[type="text"]:hover::placeholder, .form input[type="email"]:hover::placeholder, @@ -2234,7 +2207,8 @@ input[type="password"]:-webkit-autofill:focus, input[type="date"]:-webkit-autofill:focus, input[type="color"]:-webkit-autofill:focus, textarea:-webkit-autofill:focus { - transition: all 0.2s cubic-bezier(0, 0, 0.58, 1), + transition: + all 0.2s cubic-bezier(0, 0, 0.58, 1), background-color 1s 900000s ease; -webkit-text-fill-color: var(--color-dark-1); } @@ -2592,8 +2566,7 @@ textarea:-webkit-autofill:focus { .input-grad-wrap { border: 1px solid transparent; - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } @@ -2625,12 +2598,7 @@ textarea:-webkit-autofill:focus { box-shadow: none; } .light-content .input-grad-wrap { - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } @@ -2762,7 +2730,9 @@ textarea:-webkit-autofill:focus { border: 1px solid var(--color-dark-1); border-radius: 50%; opacity: 0.38; - transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); + transition: + opacity 0.4s ease, + transform 0.4s var(--ease-elastic-2); } .scroll-down-1-icon svg, .scroll-down-1-icon img { @@ -2778,7 +2748,9 @@ textarea:-webkit-autofill:focus { .scroll-down-1-text { font-size: 14px; opacity: 0.6; - transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); + transition: + opacity 0.4s ease, + transform 0.4s var(--ease-elastic-2); } .scroll-down-1:hover { text-decoration: none; @@ -3311,7 +3283,8 @@ a.bg-video-button-pause { opacity: 0; transform: translateY(0.5em) rotate(7deg); transform-origin: 0 50%; - transition: transform 0.62s var(--ease-out-short), + transition: + transform 0.62s var(--ease-out-short), opacity 0.62s var(--ease-default); transition-delay: calc(0.027s * var(--char-index)); } @@ -3336,9 +3309,10 @@ html:not(.mobile) .appear-animate .charsAnimIn .char { .appear-animate .charsAnimIn-1 .char { opacity: 0; - transform: translateX(0.01em) translateY(0.27em) translateZ(0) - rotate(0.0003deg); - transition: transform 1s var(--ease-out-short), opacity 1s var(--ease-default); + transform: translateX(0.01em) translateY(0.27em) translateZ(0) rotate(0.0003deg); + transition: + transform 1s var(--ease-out-short), + opacity 1s var(--ease-default); transition-delay: calc(0.037s * var(--char-index)); } html:not(.mobile) .appear-animate .charsAnimIn-1 .char { @@ -3363,7 +3337,8 @@ html:not(.mobile) .appear-animate .charsAnimIn-1 .char { .appear-animate .charsAnimIn-2 .char { opacity: 0; transform: translateY(0.2em) translateZ(0) rotate(5deg); - transition: transform 0.5s var(--ease-out-short), + transition: + transform 0.5s var(--ease-out-short), opacity 1s var(--ease-default); transition-delay: calc(0.0427s * var(--char-index)); } @@ -3390,7 +3365,8 @@ html:not(.mobile) .appear-animate .charsAnimIn-2 .char { opacity: 0; transform: translateX(0.5em); transform-origin: 0 50%; - transition: transform 0.85s var(--ease-out-short), + transition: + transform 0.85s var(--ease-out-short), opacity 0.62s var(--ease-default); transition-delay: calc(0.03s * var(--char-index)); } @@ -3417,7 +3393,8 @@ html:not(.mobile) .appear-animate .charsAnimInLong .char { opacity: 0; transform: translateX(0.275em); transform-origin: 0 50%; - transition: transform 1s var(--ease-out-short), + transition: + transform 1s var(--ease-out-short), opacity 0.62s var(--ease-default); transition-delay: calc(0.039s * var(--char-index)); } @@ -3444,7 +3421,8 @@ html:not(.mobile) .appear-animate .charsAnimInLong-1 .char { opacity: 0; transform: translateY(1em) scale(0.75) skew(-5deg) rotate(7deg); transform-origin: 0 50%; - transition: transform 0.5s var(--ease-out-short), + transition: + transform 0.5s var(--ease-out-short), opacity 0.5s var(--ease-out-short); transition-delay: calc(0.05s * var(--word-index)); } @@ -3472,7 +3450,8 @@ html:not(.mobile) .appear-animate .wordsAnimIn .word { backface-visibility: hidden; transform: translateY(39px) translateZ(0) scale(1) rotate(0.02deg); transform-origin: 0 50%; - transition: transform 1s cubic-bezier(0, 0.55, 0.45, 1), + transition: + transform 1s cubic-bezier(0, 0.55, 0.45, 1), opacity 1s cubic-bezier(0, 0.55, 0.45, 1); transition-delay: calc(0.05s * var(--line-index)); } @@ -3500,7 +3479,8 @@ html:not(.mobile) .appear-animate .linesAnimIn .word { backface-visibility: hidden; transform: translateY(39px) translateZ(0) scale(1) rotate(0.02deg); transform-origin: 0 50%; - transition: transform 1s cubic-bezier(0, 0.55, 0.45, 1), + transition: + transform 1s cubic-bezier(0, 0.55, 0.45, 1), opacity 1s cubic-bezier(0, 0.55, 0.45, 1); transition-delay: calc(0.1s * var(--line-index)); } @@ -3827,8 +3807,10 @@ a.logo:hover { left: 0; text-align: left; background: rgba(255, 255, 255, 0.98); - box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.025), - 0px 1px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 50px 0px rgba(0, 0, 0, 0.07); + box-shadow: + 0px 0px 10px 0px rgba(0, 0, 0, 0.025), + 0px 1px 1px 0px rgba(0, 0, 0, 0.01), + 0px 0px 50px 0px rgba(0, 0, 0, 0.07); z-index: 1030; transition: all 0.2s var(--ease-default); } @@ -3930,7 +3912,9 @@ a.logo:hover { .inner-nav .mi-chevron-down { margin-left: -0.19em; font-size: 16px; - transition: all 0.2s var(--ease-default), color 0 var(--ease-default); + transition: + all 0.2s var(--ease-default), + color 0 var(--ease-default); } .mi-chevron-right { transition: var(--transition-default); @@ -4571,49 +4555,25 @@ a.logo:hover { background-image: var(--gradient-gray-light-2); } .bg-gradient-gray-dark-1 { - background-image: linear-gradient( - 0deg, - var(--color-dark-2) 0%, - transparent 100% - ); + background-image: linear-gradient(0deg, var(--color-dark-2) 0%, transparent 100%); } .bg-gradient-gray-dark-2 { - background-image: linear-gradient( - 0deg, - transparent 0%, - var(--color-dark-2) 100% - ); + background-image: linear-gradient(0deg, transparent 0%, var(--color-dark-2) 100%); } .bg-gradient-white { background-image: linear-gradient(0deg, #fff 0%, transparent 60%); } .bg-gradient-dark { - background-image: linear-gradient( - 0deg, - var(--color-dark-1) 0%, - transparent 60% - ); + background-image: linear-gradient(0deg, var(--color-dark-1) 0%, transparent 60%); } .bg-gradient-dark-1 { - background-image: linear-gradient( - 0deg, - transparent 85%, - var(--color-dark-1) 100% - ); + background-image: linear-gradient(0deg, transparent 85%, var(--color-dark-1) 100%); } .bg-gradient-primary-light-1 { - background-image: linear-gradient( - -90deg, - var(--color-primary-light-3) 0%, - var(--color-primary-light-2) 100% - ); + background-image: linear-gradient(-90deg, var(--color-primary-light-3) 0%, var(--color-primary-light-2) 100%); } .bg-gradient-primary-dark-1 { - background-image: linear-gradient( - -90deg, - var(--color-primary-3) 0%, - var(--color-primary-2) 100% - ); + background-image: linear-gradient(-90deg, var(--color-primary-3) 0%, var(--color-primary-2) 100%); } .bg-gradient-primary-alpha-1:before { content: " "; @@ -4665,11 +4625,7 @@ a.logo:hover { left: 0; width: 100%; height: 5vw; - background: linear-gradient( - 180deg, - var(--color-gray-light-2) 0%, - transparent 100% - ); + background: linear-gradient(180deg, var(--color-gray-light-2) 0%, transparent 100%); } .section-gradient-top-dark { position: absolute; @@ -4921,19 +4877,13 @@ a.logo:hover { height: 100%; border: 1px solid transparent; border-radius: var(--border-radius-large); - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 0.3; } .light-content .bg-border-gradient:before { - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 0.5; @@ -4968,11 +4918,7 @@ a.logo:hover { color: var(--color-primary-1); text-transform: uppercase; letter-spacing: 0.037em; - background-image: linear-gradient( - 15deg, - var(--color-primary-light-1) 0%, - transparent 100% - ); + background-image: linear-gradient(15deg, var(--color-primary-light-1) 0%, transparent 100%); border-radius: 100px; } .section-caption-fancy.large { @@ -4980,11 +4926,7 @@ a.logo:hover { } .light-content .section-caption-fancy { color: #fff; - background-image: linear-gradient( - 15deg, - rgba(0, 0, 0, 0.5) 0%, - transparent 100% - ); + background-image: linear-gradient(15deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%); } .section-caption-slick { display: inline-block; @@ -4994,20 +4936,12 @@ a.logo:hover { color: var(--color-primary-1); text-transform: uppercase; letter-spacing: 0.037em; - background-image: linear-gradient( - 45deg, - var(--color-primary-light-1) 0%, - transparent 100% - ); + background-image: linear-gradient(45deg, var(--color-primary-light-1) 0%, transparent 100%); border-radius: 100px; } .light-content .section-caption-slick { color: #fff; - background-image: linear-gradient( - 45deg, - rgba(0, 0, 0, 0.5) 0%, - transparent 100% - ); + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%); } .section-caption-gradient { display: inline-block; @@ -5060,8 +4994,11 @@ a.logo:hover { left: calc(-100% - 0.575em); width: 100%; color: #fff; - text-shadow: -1px -1px 0 var(--color-dark-1), 1px -1px 0 var(--color-dark-1), - -1px 1px 0 var(--color-dark-1), 1px 1px 0 var(--color-dark-1); + text-shadow: + -1px -1px 0 var(--color-dark-1), + 1px -1px 0 var(--color-dark-1), + -1px 1px 0 var(--color-dark-1), + 1px 1px 0 var(--color-dark-1); opacity: 0.3; pointer-events: none; } @@ -5071,15 +5008,21 @@ a.logo:hover { right: calc(-100% - 0.575em); width: 100%; color: #fff; - text-shadow: -1px -1px 0 var(--color-dark-1), 1px -1px 0 var(--color-dark-1), - -1px 1px 0 var(--color-dark-1), 1px 1px 0 var(--color-dark-1); + text-shadow: + -1px -1px 0 var(--color-dark-1), + 1px -1px 0 var(--color-dark-1), + -1px 1px 0 var(--color-dark-1), + 1px 1px 0 var(--color-dark-1); opacity: 0.3; pointer-events: none; } .light-content .section-title-repeat-left, .light-content .section-title-repeat-right { color: var(--color-dark-1); - text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, + text-shadow: + -1px -1px 0 #fff, + 1px -1px 0 #fff, + -1px 1px 0 #fff, 1px 1px 0 #fff; } .section-title-strong { @@ -6514,8 +6457,10 @@ img.services-image { overflow: hidden; } .team-item-image img { - width: 100%; + width: 300px; + height: 400px; transition: all 0.4s ease; + object-fit: cover; } .team-item-detail { display: inline-block; @@ -6781,8 +6726,7 @@ img.services-image { height: 100%; border-radius: var(--border-radius-default); border: 1px solid transparent; - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 0.3; @@ -6850,12 +6794,7 @@ img.services-image { color: var(--color-gray-1); } .light-content .features-2-item:before { - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 0.5; @@ -7414,8 +7353,7 @@ img.services-image { } .works-filter.works-filter-gradient a.active:before { border: 1px solid transparent; - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 1; @@ -7443,12 +7381,7 @@ img.services-image { } .light-content .works-filter.works-filter-gradient a.active:before { border-color: transparent; - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 1; @@ -7756,7 +7689,8 @@ img.services-image { .works-grid.hide-titles .work-intro > * { position: relative; transform: translateY(25px); - transition: transform 0.37s var(--ease-out-short), + transition: + transform 0.37s var(--ease-out-short), opacity 0.37s var(--ease-default); } .works-grid.hide-titles .work-title { @@ -8693,8 +8627,7 @@ a.portfolio-5-link:hover .portfolio-5-title span { height: 100%; border: 1px solid transparent; border-radius: var(--border-radius-default); - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; z-index: 0; @@ -8724,12 +8657,7 @@ a.portfolio-5-link:hover .portfolio-5-title span { width: 21.3733%; } .light-content .composition-7-border { - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } @@ -9265,8 +9193,7 @@ a.portfolio-5-link:hover .portfolio-5-title span { height: 100%; border: 1px solid transparent; border-radius: var(--border-radius-default); - background: linear-gradient(to right, white, white), - var(--gradient-primary-1-b); + background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 0.3; @@ -9286,12 +9213,7 @@ a.portfolio-5-link:hover .portfolio-5-title span { border: none; } .light-content .post-prev-3.gradient .post-prev-3-container:before { - background: linear-gradient( - to right, - var(--color-dark-1), - var(--color-dark-1) - ), - var(--gradient-primary-1-b); + background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: 0.5; @@ -9373,9 +9295,7 @@ a.portfolio-5-link:hover .portfolio-5-title span { border: none; } .light-content .form.newsletter-strong input.newsletter-field::placeholder, -.light-content - .form.newsletter-strong - input.newsletter-field:hover::placeholder { +.light-content .form.newsletter-strong input.newsletter-field:hover::placeholder { color: #fff; } @@ -9410,9 +9330,7 @@ a.portfolio-5-link:hover .portfolio-5-title span { .light-content .form.newsletter-modern input.newsletter-field, .light-content .form.newsletter-modern input.newsletter-field:hover, .light-content .form.newsletter-modern input.newsletter-field::placeholder, -.light-content - .form.newsletter-modern - input.newsletter-field:hover::placeholder { +.light-content .form.newsletter-modern input.newsletter-field:hover::placeholder { color: #fff; border-color: #fff; } @@ -9598,19 +9516,19 @@ a.portfolio-5-link:hover .portfolio-5-title span { font-size: 16px; color: rgba(255, 255, 255, 0.85); text-decoration: none; - background-image: linear-gradient( - rgba(255, 255, 255, 0.65), - rgba(255, 255, 255, 0.65) - ), - linear-gradient(#fff, #fff); - background-size: 100% 1px, 0 1px; + background-image: linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), linear-gradient(#fff, #fff); + background-size: + 100% 1px, + 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: all 0.27s var(--ease-out-medium); } .contact-1-link a:hover { color: #fff; - background-size: 100% 1px, 100% 1px; + background-size: + 100% 1px, + 100% 1px; } /* ============================== @@ -11714,7 +11632,8 @@ html:not(.mobile) .owl-animate-chars .char { opacity: 0; transform: translateY(0.5em) rotate(7deg); transform-origin: 0 50%; - transition: transform 0.62s var(--ease-out-short), + transition: + transform 0.62s var(--ease-out-short), opacity 0.62s var(--ease-default); transition-delay: calc(0.027s * var(--char-index)); } @@ -11959,8 +11878,7 @@ html:not(.mobile) .owl-animate-fadeInDown { color: #fff !important; } .light-content .tpl-tabs li .nav-link.active { - border-color: var(--color-dark-mode-gray-1) var(--color-dark-mode-gray-1) - var(--color-dark-1); + border-color: var(--color-dark-mode-gray-1) var(--color-dark-mode-gray-1) var(--color-dark-1); background-color: transparent; color: #fff !important; } diff --git a/public/assets/images/cochise-welcome.png b/public/assets/images/cochise-welcome.png new file mode 100644 index 0000000..5ddce1d Binary files /dev/null and b/public/assets/images/cochise-welcome.png differ diff --git a/public/assets/images/demo-slick/bg-shape-2.svg b/public/assets/images/demo-slick/bg-shape-2.svg index 00e2307..7032550 100644 --- a/public/assets/images/demo-slick/bg-shape-2.svg +++ b/public/assets/images/demo-slick/bg-shape-2.svg @@ -1,7 +1,63 @@ - - - \ No newline at end of file + + + + + + + + + + + + diff --git a/public/assets/images/demo-slick/g3.svg b/public/assets/images/demo-slick/g3.svg new file mode 100644 index 0000000..495e407 --- /dev/null +++ b/public/assets/images/demo-slick/g3.svg @@ -0,0 +1,72 @@ + + + +CochiseOncology diff --git a/public/assets/images/demo-slick/logo-dark.webp b/public/assets/images/demo-slick/logo-dark.webp new file mode 100644 index 0000000..9676b0c Binary files /dev/null and b/public/assets/images/demo-slick/logo-dark.webp differ diff --git a/public/assets/videos/cochise.webm b/public/assets/videos/cochise.webm new file mode 100644 index 0000000..87aa3e6 Binary files /dev/null and b/public/assets/videos/cochise.webm differ diff --git a/src/app/(main)/home-bg-video/page.tsx b/src/app/(main)/home-bg-video/page.tsx new file mode 100644 index 0000000..5bffa45 --- /dev/null +++ b/src/app/(main)/home-bg-video/page.tsx @@ -0,0 +1,25 @@ +"use client"; +import Hero from "@/components/Hero"; +import Homepage from "@/components/Homepage"; +import dynamic from "next/dynamic"; + +const ParallaxContainer = dynamic(() => import("@/components/ParallaxContainer"), { + ssr: false, // Disable server-side rendering +}); + +export default function Home1BGVideoMultiPage() { + return ( + <> + + + + + + ); +} diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx index 7ab5f38..1735316 100644 --- a/src/app/(main)/layout.tsx +++ b/src/app/(main)/layout.tsx @@ -15,7 +15,7 @@ import "@public/assets/css/styles.css"; import Image from "next/image"; import Header from "@/components/Header"; import Footer from "@/components/Footer"; -import { slickMultipages } from "@/data/menu"; +import { slickMultipagesDark } from "@/data/menu"; export default function MainLayout({ children, @@ -54,10 +54,7 @@ export default function MainLayout({ return ( - +
-
-
+
{/* Section Text */}
-

- Our Story -

-

- We believe in creatives with a passion to smart design. -

+

Our Story

+

We believe in creatives with a passion to smart design.

- Etiam fermentum vehicula faucibus. Praesent ullamcorper urna - id arcu molestie scelerisque. Sed imperdiet tristique mauris - et faucibus. Maecenas semper augue non fringilla placerat. - Curabitur luctus erat sit amet ultricies aliquam. Donec dictum - convallis mauris et maximus. Nullam massa arcu, porta quis - felis et, eleifend varius quam. + Etiam fermentum vehicula faucibus. Praesent ullamcorper urna id arcu molestie scelerisque. Sed + imperdiet tristique mauris et faucibus. Maecenas semper augue non fringilla placerat. Curabitur luctus + erat sit amet ultricies aliquam. Donec dictum convallis mauris et maximus. Nullam massa arcu, porta + quis felis et, eleifend varius quam.

{/* Features List */}
{/* Features List Item */} {features4.map((feature, index) => ( -
+
@@ -102,21 +75,10 @@ export default function SlickAboutPage() { data-link-animate="y" > - Learn more{" "} - + Learn more -
@@ -128,12 +90,7 @@ export default function SlickAboutPage() {
- +
@@ -167,18 +124,14 @@ export default function SlickAboutPage() {
-
+
{dark ? : }
@@ -196,13 +149,10 @@ export default function SlickAboutPage() {
-

- Like our creative works? -

+

Like our creative works?

- Quisque posuere mollis ullamcorper. Ut eget metus lorem - ipsum posuere eget at ex. Aenean consequat vitae lorem in - vehicula. + Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat + vitae lorem in vehicula.

diff --git a/src/components/Header.tsx b/src/components/Header.tsx index ba64c8f..30afa68 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,71 +1,60 @@ "use client"; import { toggleMobileMenu } from "@/utils/toggleMobileMenu"; -import Nav from "./Nav"; - -const links = [ - { href: "#home", text: "Home", className: "active" }, - { href: "#about", text: "About" }, - { href: "#services", text: "Services" }, - { href: "#portfolio", text: "Portfolio" }, - { href: "#blog", text: "Blog" }, - { href: "#contact", text: "Contact" }, -]; import Image from "next/image"; -import LanguageSelect from "./LanguageSelect"; +import Link from "next/link"; +import React from "react"; +import Nav2 from "@/components/Nav"; +import LanguageSelect from "@/components/LanguageSelect"; -export default function Header({ links }: any) { +export default function Header1Multipage({ links }: any) { return (
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format. If you use a PNG logo image, the image resolution must be equal 200% of the visible logo image size for support of retina screens. See details in the template documentation. *) */} -
- + {/* Mobile Menu Button */} -
+
Menu
{/* Main Menu */}
-
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 492ca7c..fbc3fe3 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -1,152 +1,95 @@ "use client"; -import AnimatedText from "./AnimatedText"; -import { parallaxMouseMovement } from "@/utils/parallax"; -import Image from "next/image"; -import { useEffect, useState } from "react"; -import ModalVideo from "react-modal-video"; +import { useRef, useState } from "react"; -export default function Hero() { - useEffect(() => { - parallaxMouseMovement(); - }, []); - const [isOpen, setOpen] = useState(false); +export default function Hero6() { + const videoRef = useRef(null); + const [isPlaying, setIsPlaying] = useState(true); + const [isMuted, setIsMuted] = useState(true); + const togglePlayPause = () => { + if (isPlaying) { + videoRef.current.pause(); + setIsPlaying(false); + } else { + videoRef.current.play(); + setIsPlaying(true); + } + }; + + const toggleMuteUnmute = () => { + if (isMuted) { + videoRef.current.muted = false; + setIsMuted(false); + } else { + videoRef.current.muted = true; + setIsMuted(true); + } + }; return ( - <> +
+ {/* Background Video */} + {/* Please replace the video file in folder "video" with your own file */} +
+ +
+
+ + + Volume On + + + + Pause + + {/* End Background Video */} {/* Home Section Content */} -
+
{/* Home Section Text */} -
- {/* End Home Section Text */} - {/* Stack Images */} -
-
-
-
- Image Description -
-
-
-
- Image Description -
-
-
-
- Image Description -
-
-
-
- {/* End Stack Images */}
{/* End Home Section Content */} {/* Scroll Down */} - - setOpen(false)} - /> - +
); } diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx index 316a68c..833e68e 100644 --- a/src/components/Homepage.tsx +++ b/src/components/Homepage.tsx @@ -2,7 +2,6 @@ import React from "react"; import Facts from "./Facts"; import Service from "./Service"; -import Portfolio from "./Portfolio"; import Image from "next/image"; import Testimonials from "./Testimonials"; import Blog from "./Blogs/Blog"; @@ -13,44 +12,33 @@ import TestimonialsDark from "./TestimonialsDark"; import ContactDark from "./ContactDark"; import { features4 } from "@/data/features"; import Features from "./Features"; +import Team from "./Team"; export default function homepage({ onePage = false, dark = false }) { return ( <>
-
+
{/* Section Text */}
-

- About Studio -

-

- We believe in creatives with a passion to smart design. -

+

About Oncology

+

Begin your path to healing with Cochise Oncology.

- Etiam fermentum vehicula faucibus. Praesent ullamcorper urna - id arcu molestie scelerisque. Sed imperdiet tristique mauris - et faucibus. Maecenas semper augue non fringilla placerat. - Curabitur luctus erat sit amet ultricies aliquam. Donec dictum - convallis mauris et maximus. Nullam massa arcu, porta quis - felis et, eleifend varius quam. + Our dedicated team in Sierra Vista, AZ is here to support you with hope, strength, and courage. We + offer personalized cancer care using innovative treatments in our state-of-the-art facility. Take the + first step towards comprehensive, patient-focused treatment by scheduling a consultation. Let us + listen to your needs, answer your questions, and create a tailored plan for your journey. Fill out our + form to connect with our compassionate experts and discover how Cochise Oncology can stand with you in + your fight against cancer.

{/* Features List */}
{/* Features List Item */} {features4.map((feature, index) => ( -
+
@@ -63,11 +51,8 @@ export default function homepage({ onePage = false, dark = false }) {
{onePage ? ( <> - - Start a project + + Contact us ) : ( @@ -76,34 +61,19 @@ export default function homepage({ onePage = false, dark = false }) { href={`/slick-contact${dark ? "-dark" : ""}`} className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim mb-xs-10" > - Start a project + Contact us )} {onePage ? ( <> {" "} - + - Learn more{" "} - + Learn more - @@ -116,21 +86,10 @@ export default function homepage({ onePage = false, dark = false }) { data-link-animate="y" > - Learn more{" "} - + Learn more -
@@ -183,43 +121,28 @@ export default function homepage({ onePage = false, dark = false }) {
-
+
{/* Left Column */}
-

- Our Services -

-

- We provide the best development solutions. -

+

Our Services

+

A Cancer Treatment Center of Excellence.

- The power of design help us to solve complex problems and - cultivate business solutions. + Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona.

{onePage ? ( <> {" "} - + Request a quote @@ -246,12 +169,10 @@ export default function homepage({ onePage = false, dark = false }) {
-

- Why choose Resonance? -

+

Why choose Cochise Oncology?

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. + Here at Cochise Oncology we offer the most up-to-date technology in cancer treatment that rivals the + largest and most prestigious centers in the country.

@@ -262,42 +183,12 @@ export default function homepage({ onePage = false, dark = false }) {
-
- -
-
-
-
-

- Selected Work -

-

- We believe in making the best work, and being the best to work - with. -

-

- A static website stores a unique file for every page of a static - website. Each time that page is requested, the same content is - returned. -

-
-
- - - {/* End Works Grid */} -
+
-
+
-

- Like our creative works? -

+

Like our creative works?

- Quisque posuere mollis ullamcorper. Ut eget metus lorem - ipsum posuere eget at ex. Aenean consequat vitae lorem in - vehicula. + Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat + vitae lorem in vehicula.

{onePage ? ( <> - + Start a project @@ -348,41 +233,20 @@ export default function homepage({ onePage = false, dark = false }) {
-
+
{dark ? : }
-
+
- +
-
+
-
+
{dark ? : }
diff --git a/src/components/ParallaxContainer.tsx b/src/components/ParallaxContainer.tsx new file mode 100644 index 0000000..98a9e40 --- /dev/null +++ b/src/components/ParallaxContainer.tsx @@ -0,0 +1,20 @@ +"use client"; + +import { jarallax } from "jarallax"; +import { useEffect } from "react"; + +export default function ParallaxContainer(props: any) { + useEffect(() => { + jarallax(document.querySelectorAll(".parallax-5"), { + speed: 0.5, + }); + }, []); + return ( +
+ {props.children} +
+ ); +} diff --git a/src/components/Portfolio.tsx b/src/components/Portfolio.tsx index cf0b13d..d6ad693 100644 --- a/src/components/Portfolio.tsx +++ b/src/components/Portfolio.tsx @@ -52,9 +52,7 @@ export default function Portfolio() { updateCategory(elm.category)} key={i} - className={`filter ${ - currentCategory == elm.category ? "active" : "" - }`} + className={`filter ${currentCategory == elm.category ? "active" : ""}`} > {elm.name} @@ -70,24 +68,11 @@ export default function Portfolio() { {/* Work Item (Lightbox) */} {portfolios9.map((item: any, index: any) => ( -
  • +
  • {item.isLightbox ? ( - + {({ ref, open }) => ( - +
    ) : ( - +
    + ); +} diff --git a/src/data/features.ts b/src/data/features.ts index 9a6c2eb..d319279 100644 --- a/src/data/features.ts +++ b/src/data/features.ts @@ -4,24 +4,21 @@ export const featureItems = [ className: "col-md-4 col-lg-3 d-flex align-items-stretch mb-sm-30", path: "M21.62 20.196c1.055-.922 1.737-2.262 1.737-3.772 0-1.321-.521-2.515-1.357-3.412v-6.946l-11.001-6.066-11 6v12.131l11 5.869 5.468-2.917c.578.231 1.205.367 1.865.367.903 0 1.739-.258 2.471-.676l2.394 3.226.803-.596-2.38-3.208zm-11.121 2.404l-9.5-5.069v-10.447l9.5 4.946v10.57zm1-.001v-10.567l5.067-2.608.029.015.021-.04 4.384-2.256v5.039c-.774-.488-1.686-.782-2.668-.782-2.773 0-5.024 2.252-5.024 5.024 0 1.686.838 3.171 2.113 4.083l-3.922 2.092zm6.833-2.149c-2.219 0-4.024-1.808-4.024-4.026s1.805-4.025 4.024-4.025c2.22 0 4.025 1.807 4.025 4.025 0 2.218-1.805 4.026-4.025 4.026zm-.364-3.333l-1.306-1.147-.66.751 2.029 1.782 2.966-3.12-.725-.689-2.304 2.423zm-16.371-10.85l4.349-2.372 9.534 4.964-4.479 2.305-9.404-4.897zm9.4-5.127l9.404 5.186-3.832 1.972-9.565-4.98 3.993-2.178z", title: "Unique Design", - description: - "Fusce aliquet quam eget neque ultrices elementum felis id arcu blandit sagittis.", + description: "Fusce aliquet quam eget neque ultrices elementum felis id arcu blandit sagittis.", }, { id: 2, className: "col-md-4 col-lg-3 d-flex align-items-stretch mb-sm-30", path: "M12 0c-3.371 2.866-5.484 3-9 3v11.535c0 4.603 3.203 5.804 9 9.465 5.797-3.661 9-4.862 9-9.465v-11.535c-3.516 0-5.629-.134-9-3zm0 1.292c2.942 2.31 5.12 2.655 8 2.701v10.542c0 3.891-2.638 4.943-8 8.284-5.375-3.35-8-4.414-8-8.284v-10.542c2.88-.046 5.058-.391 8-2.701zm5 7.739l-5.992 6.623-3.672-3.931.701-.683 3.008 3.184 5.227-5.878.728.685z", title: "Quality Code", - description: - "Lorem ipsum dolor sit amet rembe adipiscing elite Inwege maximus ligula imsum.", + description: "Lorem ipsum dolor sit amet rembe adipiscing elite Inwege maximus ligula imsum.", }, { id: 3, className: "col-md-4 col-lg-3 d-flex align-items-stretch", path: "M6.514 24.015h-3v-3.39c-2.08-.638-3.5-2.652-3.5-5.04 0-1.19.202-1.693 1.774-5.603.521-1.294 1.195-2.97 2.068-5.179.204-.518.67-.806 1.17-.802.482.004.941.284 1.146.802.718 1.817 1.302 3.274 1.777 4.454.26-.596.567-1.288.928-2.103.694-1.565 1.591-3.592 2.754-6.265.258-.592.881-.906 1.397-.888.572.015 1.126.329 1.369.888 1.163 2.673 2.06 4.7 2.754 6.265 2.094 4.727 2.363 5.334 2.363 6.764 0 2.927-2.078 5.422-5 6.082v4.015h-3v-4.015c-.943-.213-1.797-.617-2.523-1.165-.612.845-1.466 1.48-2.477 1.79v3.39zm14.493-6c1.652 0 2.993 1.341 2.993 2.993s-1.341 2.993-2.993 2.993-2.993-1.341-2.993-2.993 1.341-2.993 2.993-2.993zm.007.993c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm-7.5 3.993v-3.839c4.906-.786 5-4.751 5-5.244 0-1.218-.216-1.705-2.277-6.359-2.134-4.82-2.721-6.198-2.755-6.261-.079-.145-.193-.292-.455-.297-.238 0-.37.092-.481.297-.034.063-.621 1.441-2.755 6.261-2.061 4.654-2.277 5.141-2.277 6.359 0 .493.094 4.458 5 5.244v3.839h1zm-6.123-12.448l-.08-.198c-1.589-3.957-2.04-5.116-2.067-5.171-.072-.151-.15-.226-.226-.228-.109 0-.188.13-.235.228-.028.05-.316.818-2.066 5.171-1.542 3.833-1.703 4.233-1.703 5.23 0 1.988 1.076 3.728 3.5 4.25v3.166h1v-3.166c1.266-.273 2.159-.876 2.725-1.666-1.078-1.12-1.725-2.619-1.725-4.251 0-.979.126-1.572.877-3.365z", title: "Clean and Minimal", - description: - "Maecenas volutpat, diam enime volutpa cramas luctus interdum sodales.", + description: "Maecenas volutpat, diam enime volutpa cramas luctus interdum sodales.", }, ]; @@ -31,32 +28,28 @@ export const featureItems2 = [ className: "col-lg-6", path: "M21.62 20.196c1.055-.922 1.737-2.262 1.737-3.772 0-1.321-.521-2.515-1.357-3.412v-6.946l-11.001-6.066-11 6v12.131l11 5.869 5.468-2.917c.578.231 1.205.367 1.865.367.903 0 1.739-.258 2.471-.676l2.394 3.226.803-.596-2.38-3.208zm-11.121 2.404l-9.5-5.069v-10.447l9.5 4.946v10.57zm1-.001v-10.567l5.067-2.608.029.015.021-.04 4.384-2.256v5.039c-.774-.488-1.686-.782-2.668-.782-2.773 0-5.024 2.252-5.024 5.024 0 1.686.838 3.171 2.113 4.083l-3.922 2.092zm6.833-2.149c-2.219 0-4.024-1.808-4.024-4.026s1.805-4.025 4.024-4.025c2.22 0 4.025 1.807 4.025 4.025 0 2.218-1.805 4.026-4.025 4.026zm-.364-3.333l-1.306-1.147-.66.751 2.029 1.782 2.966-3.12-.725-.689-2.304 2.423zm-16.371-10.85l4.349-2.372 9.534 4.964-4.479 2.305-9.404-4.897zm9.4-5.127l9.404 5.186-3.832 1.972-9.565-4.98 3.993-2.178z", title: "Unique Design", - description: - "Fusce aliquet quam eget neque ultrices elementum felis id arcu blandit sagittis.", + description: "Fusce aliquet quam eget neque ultrices elementum felis id arcu blandit sagittis.", }, { id: 2, className: "col-lg-6", path: "M12 0c-3.371 2.866-5.484 3-9 3v11.535c0 4.603 3.203 5.804 9 9.465 5.797-3.661 9-4.862 9-9.465v-11.535c-3.516 0-5.629-.134-9-3zm0 1.292c2.942 2.31 5.12 2.655 8 2.701v10.542c0 3.891-2.638 4.943-8 8.284-5.375-3.35-8-4.414-8-8.284v-10.542c2.88-.046 5.058-.391 8-2.701zm5 7.739l-5.992 6.623-3.672-3.931.701-.683 3.008 3.184 5.227-5.878.728.685z", title: "Quality Code", - description: - "Lorem ipsum dolor sit amet rembe adipiscing elite Inwege maximus ligula imsum.", + description: "Lorem ipsum dolor sit amet rembe adipiscing elite Inwege maximus ligula imsum.", }, { id: 3, className: "col-lg-6", path: "M6.514 24.015h-3v-3.39c-2.08-.638-3.5-2.652-3.5-5.04 0-1.19.202-1.693 1.774-5.603.521-1.294 1.195-2.97 2.068-5.179.204-.518.67-.806 1.17-.802.482.004.941.284 1.146.802.718 1.817 1.302 3.274 1.777 4.454.26-.596.567-1.288.928-2.103.694-1.565 1.591-3.592 2.754-6.265.258-.592.881-.906 1.397-.888.572.015 1.126.329 1.369.888 1.163 2.673 2.06 4.7 2.754 6.265 2.094 4.727 2.363 5.334 2.363 6.764 0 2.927-2.078 5.422-5 6.082v4.015h-3v-4.015c-.943-.213-1.797-.617-2.523-1.165-.612.845-1.466 1.48-2.477 1.79v3.39zm14.493-6c1.652 0 2.993 1.341 2.993 2.993s-1.341 2.993-2.993 2.993-2.993-1.341-2.993-2.993 1.341-2.993 2.993-2.993zm.007.993c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm-7.5 3.993v-3.839c4.906-.786 5-4.751 5-5.244 0-1.218-.216-1.705-2.277-6.359-2.134-4.82-2.721-6.198-2.755-6.261-.079-.145-.193-.292-.455-.297-.238 0-.37.092-.481.297-.034.063-.621 1.441-2.755 6.261-2.061 4.654-2.277 5.141-2.277 6.359 0 .493.094 4.458 5 5.244v3.839h1zm-6.123-12.448l-.08-.198c-1.589-3.957-2.04-5.116-2.067-5.171-.072-.151-.15-.226-.226-.228-.109 0-.188.13-.235.228-.028.05-.316.818-2.066 5.171-1.542 3.833-1.703 4.233-1.703 5.23 0 1.988 1.076 3.728 3.5 4.25v3.166h1v-3.166c1.266-.273 2.159-.876 2.725-1.666-1.078-1.12-1.725-2.619-1.725-4.251 0-.979.126-1.572.877-3.365z", title: "Clean and Minimal", - description: - "Maecenas volutpat, diam enime volutpa cramas luctus interdum sodales.", + description: "Maecenas volutpat, diam enime volutpa cramas luctus interdum sodales.", }, { id: 4, className: "col-lg-6", path: "M16 3.383l-.924-.383-7.297 17.617.924.383 7.297-17.617zm.287 3.617l6.153 4.825-6.173 5.175.678.737 7.055-5.912-7.048-5.578-.665.753zm-8.478 0l-6.249 4.825 6.003 5.175-.679.737-6.884-5.912 7.144-5.578.665.753z", title: "Easy Customization", - description: - "Praesent sed nisi eleifend lorem ember fermete acome ante lorem ipsum.", + description: "Praesent sed nisi eleifend lorem ember fermete acome ante lorem ipsum.", }, ]; @@ -105,45 +98,41 @@ export const features3 = [ export const features4 = [ { - text: "Lorem ipsum dolor sit amet, consectetur adipiscing.", + text: "Radiation Oncology", }, { - text: "Vivamus hendrerit eros vitae tincidunt vulputate.", + text: "Medical Oncology", }, { - text: "Aenean at bibendum enim. In auctor consectetur urna.", + text: "Skin Cancer", }, { - text: "Proin ut gravida lorem, quis scelerisque metus.", + text: "Other", }, ]; export const features5 = [ { - title: "Unique Design", - description: - "Fusce aliquet quam eget neque ultrices elementum felis id arcu blandit sagittis.", + title: "Comprehensive Care", + description: "Expert physicians guide you through diagnosis, treatment, and recovery.", svgPath: "M21.62 20.196c1.055-.922 1.737-2.262 1.737-3.772 0-1.321-.521-2.515-1.357-3.412v-6.946l-11.001-6.066-11 6v12.131l11 5.869 5.468-2.917c.578.231 1.205.367 1.865.367.903 0 1.739-.258 2.471-.676l2.394 3.226.803-.596-2.38-3.208zm-11.121 2.404l-9.5-5.069v-10.447l9.5 4.946v10.57zm1-.001v-10.567l5.067-2.608.029.015.021-.04 4.384-2.256v5.039c-.774-.488-1.686-.782-2.668-.782-2.773 0-5.024 2.252-5.024 5.024 0 1.686.838 3.171 2.113 4.083l-3.922 2.092zm6.833-2.149c-2.219 0-4.024-1.808-4.024-4.026s1.805-4.025 4.024-4.025c2.22 0 4.025 1.807 4.025 4.025 0 2.218-1.805 4.026-4.025 4.026zm-.364-3.333l-1.306-1.147-.66.751 2.029 1.782 2.966-3.12-.725-.689-2.304 2.423zm-16.371-10.85l4.349-2.372 9.534 4.964-4.479 2.305-9.404-4.897zm9.4-5.127l9.404 5.186-3.832 1.972-9.565-4.98 3.993-2.178z", }, { - title: "Quality Code", - description: - "Lorem ipsum dolor sit amet rembe adipiscing elite Inwege maximus ligula imsum.", + title: "Advanced Technology", + description: "Cutting-edge cancer treatments rival top medical centers.", svgPath: "M12 0c-3.371 2.866-5.484 3-9 3v11.535c0 4.603 3.203 5.804 9 9.465 5.797-3.661 9-4.862 9-9.465v-11.535c-3.516 0-5.629-.134-9-3zm0 1.292c2.942 2.31 5.12 2.655 8 2.701v10.542c0 3.891-2.638 4.943-8 8.284-5.375-3.35-8-4.414-8-8.284v-10.542c2.88-.046 5.058-.391 8-2.701zm5 7.739l-5.992 6.623-3.672-3.931.701-.683 3.008 3.184 5.227-5.878.728.685z", }, { - title: "Clean & Minimal", - description: - "Maecenas volutpat, diam enime volutpa cramas luctus interdum sodales.", + title: "Compassionate Staff", + description: "Dedicated professionals providing personalized, patient-centered care.", svgPath: "M6.514 24.015h-3v-3.39c-2.08-.638-3.5-2.652-3.5-5.04 0-1.19.202-1.693 1.774-5.603.521-1.294 1.195-2.97 2.068-5.179.204-.518.67-.806 1.17-.802.482.004.941.284 1.146.802.718 1.817 1.302 3.274 1.777 4.454.26-.596.567-1.288.928-2.103.694-1.565 1.591-3.592 2.754-6.265.258-.592.881-.906 1.397-.888.572.015 1.126.329 1.369.888 1.163 2.673 2.06 4.7 2.754 6.265 2.094 4.727 2.363 5.334 2.363 6.764 0 2.927-2.078 5.422-5 6.082v4.015h-3v-4.015c-.943-.213-1.797-.617-2.523-1.165-.612.845-1.466 1.48-2.477 1.79v3.39zm14.493-6c1.652 0 2.993 1.341 2.993 2.993s-1.341 2.993-2.993 2.993-2.993-1.341-2.993-2.993 1.341-2.993 2.993-2.993zm.007.993c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm-7.5 3.993v-3.839c4.906-.786 5-4.751 5-5.244 0-1.218-.216-1.705-2.277-6.359-2.134-4.82-2.721-6.198-2.755-6.261-.079-.145-.193-.292-.455-.297-.238 0-.37.092-.481.297-.034.063-.621 1.441-2.755 6.261-2.061 4.654-2.277 5.141-2.277 6.359 0 .493.094 4.458 5 5.244v3.839h1zm-6.123-12.448l-.08-.198c-1.589-3.957-2.04-5.116-2.067-5.171-.072-.151-.15-.226-.226-.228-.109 0-.188.13-.235.228-.028.05-.316.818-2.066 5.171-1.542 3.833-1.703 4.233-1.703 5.23 0 1.988 1.076 3.728 3.5 4.25v3.166h1v-3.166c1.266-.273 2.159-.876 2.725-1.666-1.078-1.12-1.725-2.619-1.725-4.251 0-.979.126-1.572.877-3.365z", }, { - title: "Premium Support", - description: - "Vivamus varius, nisi vel dictum tempor, libero nisl iaculis est, ut rutrum elit ante ac velit.", + title: "Patient-First Approach", + description: "We go the extra mile to meet your unique needs.", svgPath: "M4.57 18.55l2.43.335-1.769 1.7.432 2.415-2.163-1.157-2.163 1.157.432-2.415-1.769-1.7 2.43-.335 1.07-2.207 1.07 2.207zm8.5 0l2.43.335-1.769 1.7.432 2.415-2.163-1.157-2.163 1.157.432-2.415-1.769-1.7 2.43-.335 1.07-2.207 1.07 2.207zm8.5 0l2.43.335-1.769 1.7.432 2.415-2.163-1.157-2.163 1.157.432-2.415-1.769-1.7 2.43-.335 1.07-2.207 1.07 2.207zm-18.473.918l-.917.126.667.641-.163.91.816-.436.816.436-.163-.91.667-.641-.917-.126-.403-.832-.403.832zm8.5 0l-.917.126.667.641-.163.91.816-.436.816.436-.163-.91.667-.641-.917-.126-.403-.832-.403.832zm8.5 0l-.917.126.667.641-.163.91.816-.436.816.436-.163-.91.667-.641-.917-.126-.403-.832-.403.832zm-14.497-5.293l-4-8h5.381c-.3-1.42-1.573-2.5-3.066-2.5-1.838 0-3.315 1.662-3.315 3.5s1.477 3.5 3.315 3.5h2.684l.002.01c.283-.397.618-.747.995-1.041zm.915-8h-1.464c.691-.592 1.579-1 2.564-1 1.719 0 3.125 1.266 3.125 3.5s-1.406 3.5-3.125 3.5c-1.718 0-3.125-1.266-3.125-3.5 0-.39.065-.764.179-1.115-.293.381-.49.841-.553 1.354h3.662c.32-.662.866-1.211 1.559-1.538zm9.932 8.5h-1.25c-.427-.59-.994-1.082-1.661-1.431-.153-.446-.411-.838-.742-1.141h2.203c.3-1.42 1.573-2.5 3.066-2.5 1.838 0 3.315 1.662 3.315 3.5s-1.477 3.5-3.315 3.5h-2.684zm-10.848 0h-1.715c-.09-.465-.365-.869-.752-1.155.337-.312.596-.709.762-1.162h3.183c-.158.418-.278.87-.348 1.349zm8.348 8h-1.715c-.09-.465-.365-.869-.752-1.155.337-.312.596-.709.762-1.162h3.183c-.158.418-.278.87-.348 1.349zm-6.5 0h-1.25c-.427-.59-.994-1.082-1.661-1.431-.153-.446-.411-.838-.742-1.141h2.203c.3-1.42 1.573-2.5 3.066-2.5 1.838 0 3.315 1.662 3.315 3.5s-1.477 3.5-3.315 3.5h-2.684z", }, diff --git a/src/data/menu.ts b/src/data/menu.ts index fead10e..71f352f 100644 --- a/src/data/menu.ts +++ b/src/data/menu.ts @@ -32,7 +32,7 @@ export const slickMultipages = [ { href: "/slick-contact", text: "Contact" }, ]; export const slickMultipagesDark = [ - { href: "/slick-multi-page-dark", text: "Home" }, + { href: "/", text: "Home" }, { href: "/slick-about-dark", text: "About", class: "active" }, { href: "/slick-services-dark", text: "Services" }, { href: "/slick-portfolio-dark", text: "Portfolio" }, diff --git a/src/data/portfolio.ts b/src/data/portfolio.ts index 06f0ed6..26f4b2c 100644 --- a/src/data/portfolio.ts +++ b/src/data/portfolio.ts @@ -1,813 +1,809 @@ export const portfolioItems = [ - { - id: 1, - href: "strong-portfolio-single.html", - imgSrc: "/assets/images/demo-strong/portfolio/1.jpg", - imgAlt: "Image Description", - title: "Rise of Design", - descr: "Branding, UI/UX Design", - }, - { - id: 2, - href: "strong-portfolio-single.html", - imgSrc: "/assets/images/demo-strong/portfolio/2.jpg", - imgAlt: "Image Description", - title: "Amplitude", - descr: "UI/UX Design, Development", - }, - { - id: 3, - href: "strong-portfolio-single.html", - imgSrc: "/assets/images/demo-strong/portfolio/3.jpg", - imgAlt: "Image Description", - title: "Medium Scene", - descr: "Branding, Design", - }, - { - id: 4, - href: "strong-portfolio-single.html", - imgSrc: "/assets/images/demo-strong/portfolio/4.jpg", - imgAlt: "Image Description", - title: "Rise of Design", - descr: "Branding, UI/UX Design", - }, - { - id: 5, - href: "strong-portfolio-single.html", - imgSrc: "/assets/images/demo-strong/portfolio/5.jpg", - imgAlt: "Image Description", - title: "Amplitude", - descr: "UI/UX Design, Development", - }, - { - id: 6, - href: "strong-portfolio-single.html", - imgSrc: "/assets/images/demo-strong/portfolio/6.jpg", - imgAlt: "Image Description", - title: "Medium Scene", - descr: "Branding, Design", - }, - ]; - - export const portfolios1 = [ - { - id: 7, - className: "work-item mt-90 mt-md-0 mix development", - href: "/assets/images/portfolio/masonry/full-project-1.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-1.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Medium Scene", - description: "Lightbox", - }, - { - id: 8, - className: "work-item mix branding design", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-2.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Rise of Design", - description: "External Page", - }, - { - id: 9, - className: "work-item mt-90 mt-md-0 mix branding", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-3.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Visual Stranger", - description: "External Page", - }, - { - id: 10, - className: "work-item mix design development", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-4.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Amplitude", - description: "External Page", - }, - { - id: 11, - className: "work-item mix design", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-5.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Super Awards", - description: "External Page", - }, - { - id: 12, - className: "work-item mix design branding", - href: "/assets/images/portfolio/masonry/full-project-6.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Design System", - description: "Lightbox", - }, - { - id: 13, - className: "work-item mix mix design", - href: "/assets/images/portfolio/masonry/full-project-7.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Amplitude", - description: "External Page", - }, - { - id: 14, - className: "work-item mix design development", - href: "/assets/images/portfolio/masonry/full-project-8.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Super Awards", - description: "External Page", - }, - ]; - - export const portfolios2 = [ - { - id: 15, - imageUrl: "/assets/images/demo-bold/portfolio/1.jpg", - title: "Medium Scene", - description: - "Lorem ipsum dolor siter amet consectetur adipiscing elit sed do eiusmod tempor incididunt labore dolore magna aliqua.", - link: "bold-portfolio-single.html", - categories: ["development"], - }, - { - id: 16, - imageUrl: "/assets/images/demo-bold/portfolio/2.jpg", - title: "Rise of Design", - description: - "Proin elementum ipsum vel mauris pellentesque accumsan. Nulla in erat ligula vivamus sed egestas elit, sit amet convallis metus.", - link: "bold-portfolio-single.html", - categories: ["branding"], - }, - { - id: 17, - imageUrl: "/assets/images/demo-bold/portfolio/3.jpg", - title: "Visual Stranger", - description: - "Suspendisse scelerisque convallis nibh. Maecenas bibendum porta mattis. Donec quis nibh porta dolor ultrices bibendum vel quis leo.", - link: "bold-portfolio-single.html", - categories: ["design", "development"], - }, - { - id: 18, - imageUrl: "/assets/images/demo-bold/portfolio/4.jpg", - title: "Amplitude", - description: - "Aliquam tempus nunc nec rutrum malesuada. Proin pulvinar augue quis pharetra vulputate. Sed lacinia convallis orci vitae condimentum.", - link: "bold-portfolio-single.html", - categories: ["branding", "design"], - }, - { - id: 19, - imageUrl: "/assets/images/demo-bold/portfolio/5.jpg", - title: "Super Awards", - description: - "Praesent est lacus, fringilla et justo vel, scelerisque aliquet elit. Mauris malesuada eleifend sapien irere semper a orci ac turpis luctus.", - link: "bold-portfolio-single.html", - categories: ["design", "development"], - }, - ]; - - export const portfolios3 = [ - { - id: 20, - imgSrc: "/assets/images/demo-brutalist/portfolio/1.jpg", - imgWidth: 700, - imgHeight: 848, - title: "Medium Scene", - description: - "Take maximus ligula semper metus pellente mattis. Maecenas volutpat, diam enim. Lorem ipsum dolor sit amet adipiscing elit.", - }, - { - id: 21, - imgSrc: "/assets/images/demo-brutalist/portfolio/2.jpg", - imgWidth: 848, - imgHeight: 700, - title: "Rise of Design", - description: - "Maecenas volutpat, diam enim. Lorem ipsum dolor sit amet, cetere adipiscing elit. Maximus ligula semper metus pellentesque mattis.", - }, - { - id: 22, - imgSrc: "/assets/images/demo-brutalist/portfolio/3.jpg", - imgWidth: 700, - imgHeight: 848, - title: "Visual Stranger", - description: - "Curabitur iaculis accumsan augue, finibus mauris pretium eu. Duis placerat ex gravida nibh tristique porta nulla facilisi.", - }, - { - id: 23, - imgSrc: "/assets/images/demo-brutalist/portfolio/4.jpg", - imgWidth: 848, - imgHeight: 700, - title: "Rise of Design", - description: - "Take maximus ligula semper metus pellente mattis. Maecenas volutpat, diam enim. Lorem ipsum dolor sit amet adipiscing elit.", - }, - { - id: 24, - imgSrc: "/assets/images/demo-brutalist/portfolio/5.jpg", - imgWidth: 700, - imgHeight: 848, - title: "Amplitude", - description: - "Posuere felis id arcu blandit sagittis. Eleifeni vestibulum purus, sit amet vulputate risusece fusce aliquet quam eget neque.", - }, - ]; - - export const portfolios4 = [ - { - id: 25, - imageSrc: "/assets/images/demo-corporate/portfolio/project-1.jpg", - title: "How Marketing Wire Support Increased Data Accuracy by 70%", - number: "70%", - description: "growth with Resonance", - }, - { - id: 26, - imageSrc: "/assets/images/demo-corporate/portfolio/project-2.jpg", - title: - "How Surface Mobility Increased Sales 3X During the Latest Six Months", - number: "3x", - description: "sales increased with Resonance", - }, - { - id: 27, - imageSrc: "/assets/images/demo-corporate/portfolio/project-3.jpg", - title: "How Gen Machine Uses Automations to Grow Their Subscriber Base", - number: "Zero", - description: "negative reviews with Resonance", - }, - ]; - - export const portfolios5 = [ - { - id: 28, - imageSrc: "/assets/images/demo-elegant/portfolio/1.jpg", - title: "Medium Scene", - type: "Lightbox", - categories: ["development"], - }, - { - id: 29, - imageSrc: "/assets/images/demo-elegant/portfolio/2.jpg", - title: "Rise of Design", - type: "External Page", - categories: ["branding", "design"], - }, - { - id: 30, - imageSrc: "/assets/images/demo-elegant/portfolio/3.jpg", - title: "Visual Stranger", - type: "External Page", - categories: ["branding"], - }, - { - id: 31, - imageSrc: "/assets/images/demo-elegant/portfolio/4.jpg", - title: "Amplitude", - type: "External Page", - categories: ["design", "development"], - }, - { - id: 32, - imageSrc: "/assets/images/demo-elegant/portfolio/5.jpg", - title: "Super Awards", - type: "External Page", - categories: ["design"], - }, - { - id: 33, - imageSrc: "/assets/images/demo-elegant/portfolio/6.jpg", - title: "Design System", - type: "Lightbox", - categories: ["design", "branding"], - }, - { - id: 34, - imageSrc: "/assets/images/demo-elegant/portfolio/7.jpg", - title: "Rise of Design", - type: "External Page", - categories: ["branding", "design"], - }, - { - id: 35, - imageSrc: "/assets/images/demo-elegant/portfolio/8.jpg", - title: "Medium Scene", - type: "Lightbox", - categories: ["development"], - }, - ]; - - export const portfolios6 = [ - { - id: 36, - categories: ["development"], - imgSrc: "/assets/images/demo-fancy/portfolio/project-1.jpg", - title: "Medium Scene", - description: "Lightbox", - lightbox: true, - lightboxLink: "/assets/images/demo-fancy/portfolio/project-1-large.jpg", - }, - { - id: 37, - categories: ["branding", "design"], - imgSrc: "/assets/images/demo-fancy/portfolio/project-2.jpg", - title: "Rise of Design", - description: "External Page", - lightbox: false, - externalLink: "fancy-portfolio-single.html", - }, - { - id: 38, - categories: ["branding"], - imgSrc: "/assets/images/demo-fancy/portfolio/project-3.jpg", - title: "Visual Stranger", - description: "External Page", - lightbox: false, - externalLink: "fancy-portfolio-single.html", - }, - { - id: 39, - categories: ["design", "development"], - imgSrc: "/assets/images/demo-fancy/portfolio/project-4.jpg", - title: "Amplitude", - description: "External Page", - lightbox: false, - externalLink: "fancy-portfolio-single.html", - }, - { - id: 40, - categories: ["design"], - imgSrc: "/assets/images/demo-fancy/portfolio/project-5.jpg", - title: "Super Awards", - description: "External Page", - lightbox: false, - externalLink: "fancy-portfolio-single.html", - }, - { - id: 41, - categories: ["design", "branding"], - imgSrc: "/assets/images/demo-fancy/portfolio/project-6.jpg", - title: "Design System", - description: "Lightbox", - lightbox: true, - lightboxLink: "/assets/images/demo-fancy/portfolio/project-6-large.jpg", - }, - ]; - - export const portfolios7 = [ - { - id: 42, - categories: ["development"], - imgSrc: "/assets/images/demo-gradient/portfolio/project-1.jpg", - title: "Medium Scene", - description: "Lightbox", - dataWowDelay: "1s", - }, - { - id: 43, - categories: ["branding", "design"], - imgSrc: "/assets/images/demo-gradient/portfolio/project-2.jpg", - title: "Rise of Design", - description: "External Page", - dataWowDelay: "1s", - }, - { - id: 44, - categories: ["branding"], - imgSrc: "/assets/images/demo-gradient/portfolio/project-3.jpg", - title: "Visual Stranger", - description: "External Page", - dataWowDelay: "1s", - }, - { - id: 45, - categories: ["design", "development"], - imgSrc: "/assets/images/demo-gradient/portfolio/project-4.jpg", - title: "Amplitude", - description: "External Page", - dataWowDelay: "1s", - }, - { - id: 46, - categories: ["design"], - imgSrc: "/assets/images/demo-gradient/portfolio/project-5.jpg", - title: "Super Awards", - description: "External Page", - dataWowDelay: "1s", - }, - { - id: 47, - categories: ["design", "branding"], - imgSrc: "/assets/images/demo-gradient/portfolio/project-6.jpg", - title: "Design System", - description: "Lightbox", - dataWowDelay: "1s", - }, - ]; - - export const portfolios8 = [ - { - id: 48, - imageSrc: "/assets/images/demo-modern/portfolio/1.jpg", - title: "Medium Scene", - categories: "Branding, Design", - align: "text-center", - }, - { - id: 49, - imageSrc: "/assets/images/demo-modern/portfolio/2.jpg", - title: "The Rise of Design", - categories: "Branding, Design", - align: "text-end", - }, - { - id: 50, - imageSrc: "/assets/images/demo-modern/portfolio/3.jpg", - title: "Visual Stranger", - categories: "Branding, Design, Development", - align: "text-start", - }, - { - id: 51, - imageSrc: "/assets/images/demo-modern/portfolio/4.jpg", - title: "Amplitude Studios", - categories: "Branding, Design", - align: "text-end", - }, - { - id: 52, - imageSrc: "/assets/images/demo-modern/portfolio/5.jpg", - title: "Super Awards", - categories: "Design, Development", - align: "text-center", - }, - ]; - - export const portfolios9 = [ - { - id: 53, - className: "work-item", - categories: ["mix", "development"], - imgSrc: "/assets/images/demo-slick/portfolio/project-1.jpg", - imgAlt: "Work Description", - title: "Medium Scene", - description: "Lightbox", - isLightbox: true, - }, - { - id: 54, - className: "work-item", - categories: ["mt-80", "mt-sm-0", "mix", "branding", "design"], - imgSrc: "/assets/images/demo-slick/portfolio/project-2.jpg", - imgAlt: "Work Description", - title: "Rise of Design", - description: "External Page", - isLightbox: false, - }, - { - id: 55, - className: "work-item", - categories: ["mix", "branding"], - imgSrc: "/assets/images/demo-slick/portfolio/project-3.jpg", - imgAlt: "Work Description", - title: "Visual Stranger", - description: "External Page", - isLightbox: false, - }, - { - id: 56, - className: "work-item", - categories: ["mix", "design", "development"], - imgSrc: "/assets/images/demo-slick/portfolio/project-4.jpg", - imgAlt: "Work Description", - title: "Amplitude", - description: "External Page", - isLightbox: false, - }, - { - id: 57, - className: "work-item", - categories: ["mix", "design"], - imgSrc: "/assets/images/demo-slick/portfolio/project-5.jpg", - imgAlt: "Work Description", - title: "Super Awards", - description: "External Page", - isLightbox: false, - }, - { - id: 58, - className: "work-item", - categories: ["mix", "design", "branding"], - imgSrc: "/assets/images/demo-slick/portfolio/project-6.jpg", - imgAlt: "Work Description", - title: "Design System", - description: "Lightbox", - isLightbox: true, - }, - ]; - export const portfolios10 = [ - { - id: 59, - imgSrc: "/assets/images/demo-strong/portfolio/1.jpg", - imgAlt: "Image Description", - title: "Rise of Design", - description: "Branding, UI/UX Design", - }, - { - id: 60, - imgSrc: "/assets/images/demo-strong/portfolio/2.jpg", - imgAlt: "Image Description", - title: "Amplitude", - description: "UI/UX Design, Development", - }, - { - id: 61, - imgSrc: "/assets/images/demo-strong/portfolio/3.jpg", - imgAlt: "Image Description", - title: "Medium Scene", - description: "Branding, Design", - }, - { - id: 62, - imgSrc: "/assets/images/demo-strong/portfolio/4.jpg", - imgAlt: "Image Description", - title: "Visual Stranger", - description: "Branding, UI/UX Design", - }, - { - id: 63, - imgSrc: "/assets/images/demo-strong/portfolio/5.jpg", - imgAlt: "Image Description", - title: "Super Awards", - description: "UI/UX Design, Development", - }, - { - id: 64, - imgSrc: "/assets/images/demo-strong/portfolio/6.jpg", - imgAlt: "Image Description", - title: "Design System", - description: "Branding, Design", - }, - ]; - - export const portfolios11 = [ - { - id: 65, - title: "How Marketing Wire Support Increased Data Accuracy by 70%", - imageUrl: "/assets/images/demo-corporate/portfolio/project-1.jpg", - number: "70%", - description: "growth with Resonance", - }, - { - id: 66, - title: - "How Surface Mobility Increased Sales 3X During the Latest Six Months", - imageUrl: "/assets/images/demo-corporate/portfolio/project-2.jpg", - number: "3x", - description: "sales increased with Resonance", - }, - { - id: 67, - title: "How Gen Machine Uses Automations to Grow Their Subscriber Base", - imageUrl: "/assets/images/demo-corporate/portfolio/project-3.jpg", - number: "Zero", - description: "negative reviews with Resonance", - }, - { - id: 68, - title: - "How Surface Mobility Increased Sales 3X During the Latest Six Months", - imageUrl: "/assets/images/demo-corporate/portfolio/project-4.jpg", - number: "2x", - description: "sales increased with Resonance", - }, - { - id: 69, - title: "How Gen Machine Uses Automations to Grow Their Subscriber Base", - imageUrl: "/assets/images/demo-corporate/portfolio/project-5.jpg", - number: "Zero", - description: "negative reviews with Resonance", - }, - { - id: 70, - title: "How Marketing Wire Support Increased Data Accuracy by 70%", - imageUrl: "/assets/images/demo-corporate/portfolio/project-6.jpg", - number: "80%", - description: "growth with Resonance", - }, - ]; - - export const portfolios12 = [ - { - id: 71, - className: "work-item mix development", - href: "/assets/images/portfolio/masonry/full-project-1.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-1.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Medium Scene", - description: "Lightbox", - }, - { - id: 72, - className: "work-item mix branding design", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-2.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Rise of Design", - description: "External Page", - }, - { - id: 73, - className: "work-item mix branding", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-3.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Visual Stranger", - description: "External Page", - }, - { - id: 74, - className: "work-item mix design development", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-4.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Amplitude", - description: "External Page", - }, - { - id: 75, - className: "work-item mix design", - href: "main-portfolio-single-1.html", - linkClassName: "work-ext-link", - imgSrc: "/assets/images/portfolio/masonry/projects-5.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Super Awards", - description: "External Page", - }, - { - id: 76, - className: "work-item mix design branding", - href: "/assets/images/portfolio/masonry/full-project-6.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Design System", - description: "Lightbox", - }, - { - id: 77, - className: "work-item mix mix design", - href: "/assets/images/portfolio/masonry/full-project-7.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-7.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Amplitude", - description: "External Page", - }, - { - id: 78, - className: "work-item mix design development", - href: "/assets/images/portfolio/masonry/full-project-8.jpg", - linkClassName: "work-lightbox-link mfp-image", - imgSrc: "/assets/images/portfolio/masonry/projects-8.jpg", - imgAlt: "Work Description", - delay: "1s", - title: "Super Awards", - description: "External Page", - }, - ]; - - export const portfolios13 = [ - { - id: 79, - type: "lightbox", - mix: "development", - href: "/assets/images/portfolio/full-project-1.jpg", - imgSrc: "/assets/images/portfolio/projects-1.jpg", - imgAlt: "Work Description", - title: "Green Leaf", - descr: "Lightbox", - }, - { - id: 80, - type: "external", - mix: "branding design", - href: "main-portfolio-single-1.html", - imgSrc: "/assets/images/portfolio/projects-2.jpg", - imgAlt: "Work Description", - title: "Photo Lighting", - descr: "External Page", - }, - { - id: 81, - type: "external", - mix: "branding", - href: "main-portfolio-single-1.html", - imgSrc: "/assets/images/portfolio/projects-3.jpg", - imgAlt: "Work Description", - title: "Green Branch", - descr: "External Page", - }, - { - id: 82, - type: "external", - mix: "design development", - href: "main-portfolio-single-1.html", - imgSrc: "/assets/images/portfolio/projects-4.jpg", - imgAlt: "Work Description", - title: "White Chair", - descr: "External Page", - }, - { - id: 83, - type: "external", - mix: "design", - href: "main-portfolio-single-1.html", - imgSrc: "/assets/images/portfolio/projects-5.jpg", - imgAlt: "Work Description", - title: "White Table", - descr: "External Page", - }, - { - id: 84, - type: "lightbox", - mix: "design branding", - href: "/assets/images/portfolio/full-project-6.jpg", - imgSrc: "/assets/images/portfolio/projects-6.jpg", - imgAlt: "Work Description", - title: "The Book", - descr: "Lightbox", - }, - { - id: 85, - type: "external", - mix: "branding", - href: "main-portfolio-single-1.html", - imgSrc: "/assets/images/portfolio/projects-7.jpg", - imgAlt: "Work Description", - title: "Green Branch", - descr: "External Page", - }, - { - id: 86, - type: "external", - mix: "design development", - href: "main-portfolio-single-1.html", - imgSrc: "/assets/images/portfolio/projects-8.jpg", - imgAlt: "Work Description", - title: "White Chair", - descr: "External Page", - }, - ]; - - export const allPortfolios = [ - ...portfolioItems, - ...portfolios1, - ...portfolios2, - ...portfolios3, - ...portfolios4, - ...portfolios5, - ...portfolios6, - ...portfolios7, - ...portfolios8, - ...portfolios9, - ...portfolios10, - ...portfolios11, - ...portfolios12, - ...portfolios13, - ]; - \ No newline at end of file + { + id: 1, + href: "strong-portfolio-single.html", + imgSrc: "/assets/images/demo-strong/portfolio/1.jpg", + imgAlt: "Image Description", + title: "Rise of Design", + descr: "Branding, UI/UX Design", + }, + { + id: 2, + href: "strong-portfolio-single.html", + imgSrc: "/assets/images/demo-strong/portfolio/2.jpg", + imgAlt: "Image Description", + title: "Amplitude", + descr: "UI/UX Design, Development", + }, + { + id: 3, + href: "strong-portfolio-single.html", + imgSrc: "/assets/images/demo-strong/portfolio/3.jpg", + imgAlt: "Image Description", + title: "Medium Scene", + descr: "Branding, Design", + }, + { + id: 4, + href: "strong-portfolio-single.html", + imgSrc: "/assets/images/demo-strong/portfolio/4.jpg", + imgAlt: "Image Description", + title: "Rise of Design", + descr: "Branding, UI/UX Design", + }, + { + id: 5, + href: "strong-portfolio-single.html", + imgSrc: "/assets/images/demo-strong/portfolio/5.jpg", + imgAlt: "Image Description", + title: "Amplitude", + descr: "UI/UX Design, Development", + }, + { + id: 6, + href: "strong-portfolio-single.html", + imgSrc: "/assets/images/demo-strong/portfolio/6.jpg", + imgAlt: "Image Description", + title: "Medium Scene", + descr: "Branding, Design", + }, +]; + +export const portfolios1 = [ + { + id: 7, + className: "work-item mt-90 mt-md-0 mix development", + href: "/assets/images/portfolio/masonry/full-project-1.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-1.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Medium Scene", + description: "Lightbox", + }, + { + id: 8, + className: "work-item mix branding design", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-2.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Rise of Design", + description: "External Page", + }, + { + id: 9, + className: "work-item mt-90 mt-md-0 mix branding", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-3.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Visual Stranger", + description: "External Page", + }, + { + id: 10, + className: "work-item mix design development", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-4.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Amplitude", + description: "External Page", + }, + { + id: 11, + className: "work-item mix design", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-5.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Super Awards", + description: "External Page", + }, + { + id: 12, + className: "work-item mix design branding", + href: "/assets/images/portfolio/masonry/full-project-6.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Design System", + description: "Lightbox", + }, + { + id: 13, + className: "work-item mix mix design", + href: "/assets/images/portfolio/masonry/full-project-7.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Amplitude", + description: "External Page", + }, + { + id: 14, + className: "work-item mix design development", + href: "/assets/images/portfolio/masonry/full-project-8.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Super Awards", + description: "External Page", + }, +]; + +export const portfolios2 = [ + { + id: 15, + imageUrl: "/assets/images/demo-bold/portfolio/1.jpg", + title: "Medium Scene", + description: + "Lorem ipsum dolor siter amet consectetur adipiscing elit sed do eiusmod tempor incididunt labore dolore magna aliqua.", + link: "bold-portfolio-single.html", + categories: ["development"], + }, + { + id: 16, + imageUrl: "/assets/images/demo-bold/portfolio/2.jpg", + title: "Rise of Design", + description: + "Proin elementum ipsum vel mauris pellentesque accumsan. Nulla in erat ligula vivamus sed egestas elit, sit amet convallis metus.", + link: "bold-portfolio-single.html", + categories: ["branding"], + }, + { + id: 17, + imageUrl: "/assets/images/demo-bold/portfolio/3.jpg", + title: "Visual Stranger", + description: + "Suspendisse scelerisque convallis nibh. Maecenas bibendum porta mattis. Donec quis nibh porta dolor ultrices bibendum vel quis leo.", + link: "bold-portfolio-single.html", + categories: ["design", "development"], + }, + { + id: 18, + imageUrl: "/assets/images/demo-bold/portfolio/4.jpg", + title: "Amplitude", + description: + "Aliquam tempus nunc nec rutrum malesuada. Proin pulvinar augue quis pharetra vulputate. Sed lacinia convallis orci vitae condimentum.", + link: "bold-portfolio-single.html", + categories: ["branding", "design"], + }, + { + id: 19, + imageUrl: "/assets/images/demo-bold/portfolio/5.jpg", + title: "Super Awards", + description: + "Praesent est lacus, fringilla et justo vel, scelerisque aliquet elit. Mauris malesuada eleifend sapien irere semper a orci ac turpis luctus.", + link: "bold-portfolio-single.html", + categories: ["design", "development"], + }, +]; + +export const portfolios3 = [ + { + id: 20, + imgSrc: "/assets/images/demo-brutalist/portfolio/1.jpg", + imgWidth: 700, + imgHeight: 848, + title: "Medium Scene", + description: + "Take maximus ligula semper metus pellente mattis. Maecenas volutpat, diam enim. Lorem ipsum dolor sit amet adipiscing elit.", + }, + { + id: 21, + imgSrc: "/assets/images/demo-brutalist/portfolio/2.jpg", + imgWidth: 848, + imgHeight: 700, + title: "Rise of Design", + description: + "Maecenas volutpat, diam enim. Lorem ipsum dolor sit amet, cetere adipiscing elit. Maximus ligula semper metus pellentesque mattis.", + }, + { + id: 22, + imgSrc: "/assets/images/demo-brutalist/portfolio/3.jpg", + imgWidth: 700, + imgHeight: 848, + title: "Visual Stranger", + description: + "Curabitur iaculis accumsan augue, finibus mauris pretium eu. Duis placerat ex gravida nibh tristique porta nulla facilisi.", + }, + { + id: 23, + imgSrc: "/assets/images/demo-brutalist/portfolio/4.jpg", + imgWidth: 848, + imgHeight: 700, + title: "Rise of Design", + description: + "Take maximus ligula semper metus pellente mattis. Maecenas volutpat, diam enim. Lorem ipsum dolor sit amet adipiscing elit.", + }, + { + id: 24, + imgSrc: "/assets/images/demo-brutalist/portfolio/5.jpg", + imgWidth: 700, + imgHeight: 848, + title: "Amplitude", + description: + "Posuere felis id arcu blandit sagittis. Eleifeni vestibulum purus, sit amet vulputate risusece fusce aliquet quam eget neque.", + }, +]; + +export const portfolios4 = [ + { + id: 25, + imageSrc: "/assets/images/demo-corporate/portfolio/project-1.jpg", + title: "How Marketing Wire Support Increased Data Accuracy by 70%", + number: "70%", + description: "growth with Resonance", + }, + { + id: 26, + imageSrc: "/assets/images/demo-corporate/portfolio/project-2.jpg", + title: "How Surface Mobility Increased Sales 3X During the Latest Six Months", + number: "3x", + description: "sales increased with Resonance", + }, + { + id: 27, + imageSrc: "/assets/images/demo-corporate/portfolio/project-3.jpg", + title: "How Gen Machine Uses Automations to Grow Their Subscriber Base", + number: "Zero", + description: "negative reviews with Resonance", + }, +]; + +export const portfolios5 = [ + { + id: 28, + imageSrc: "/assets/images/demo-elegant/portfolio/1.jpg", + title: "Medium Scene", + type: "Lightbox", + categories: ["development"], + }, + { + id: 29, + imageSrc: "/assets/images/demo-elegant/portfolio/2.jpg", + title: "Rise of Design", + type: "External Page", + categories: ["branding", "design"], + }, + { + id: 30, + imageSrc: "/assets/images/demo-elegant/portfolio/3.jpg", + title: "Visual Stranger", + type: "External Page", + categories: ["branding"], + }, + { + id: 31, + imageSrc: "/assets/images/demo-elegant/portfolio/4.jpg", + title: "Amplitude", + type: "External Page", + categories: ["design", "development"], + }, + { + id: 32, + imageSrc: "/assets/images/demo-elegant/portfolio/5.jpg", + title: "Super Awards", + type: "External Page", + categories: ["design"], + }, + { + id: 33, + imageSrc: "/assets/images/demo-elegant/portfolio/6.jpg", + title: "Design System", + type: "Lightbox", + categories: ["design", "branding"], + }, + { + id: 34, + imageSrc: "/assets/images/demo-elegant/portfolio/7.jpg", + title: "Rise of Design", + type: "External Page", + categories: ["branding", "design"], + }, + { + id: 35, + imageSrc: "/assets/images/demo-elegant/portfolio/8.jpg", + title: "Medium Scene", + type: "Lightbox", + categories: ["development"], + }, +]; + +export const portfolios6 = [ + { + id: 36, + categories: ["development"], + imgSrc: "/assets/images/demo-fancy/portfolio/project-1.jpg", + title: "Medium Scene", + description: "Lightbox", + lightbox: true, + lightboxLink: "/assets/images/demo-fancy/portfolio/project-1-large.jpg", + }, + { + id: 37, + categories: ["branding", "design"], + imgSrc: "/assets/images/demo-fancy/portfolio/project-2.jpg", + title: "Rise of Design", + description: "External Page", + lightbox: false, + externalLink: "fancy-portfolio-single.html", + }, + { + id: 38, + categories: ["branding"], + imgSrc: "/assets/images/demo-fancy/portfolio/project-3.jpg", + title: "Visual Stranger", + description: "External Page", + lightbox: false, + externalLink: "fancy-portfolio-single.html", + }, + { + id: 39, + categories: ["design", "development"], + imgSrc: "/assets/images/demo-fancy/portfolio/project-4.jpg", + title: "Amplitude", + description: "External Page", + lightbox: false, + externalLink: "fancy-portfolio-single.html", + }, + { + id: 40, + categories: ["design"], + imgSrc: "/assets/images/demo-fancy/portfolio/project-5.jpg", + title: "Super Awards", + description: "External Page", + lightbox: false, + externalLink: "fancy-portfolio-single.html", + }, + { + id: 41, + categories: ["design", "branding"], + imgSrc: "/assets/images/demo-fancy/portfolio/project-6.jpg", + title: "Design System", + description: "Lightbox", + lightbox: true, + lightboxLink: "/assets/images/demo-fancy/portfolio/project-6-large.jpg", + }, +]; + +export const portfolios7 = [ + { + id: 42, + categories: ["development"], + imgSrc: "/assets/images/demo-gradient/portfolio/project-1.jpg", + title: "Medium Scene", + description: "Lightbox", + dataWowDelay: "1s", + }, + { + id: 43, + categories: ["branding", "design"], + imgSrc: "/assets/images/demo-gradient/portfolio/project-2.jpg", + title: "Rise of Design", + description: "External Page", + dataWowDelay: "1s", + }, + { + id: 44, + categories: ["branding"], + imgSrc: "/assets/images/demo-gradient/portfolio/project-3.jpg", + title: "Visual Stranger", + description: "External Page", + dataWowDelay: "1s", + }, + { + id: 45, + categories: ["design", "development"], + imgSrc: "/assets/images/demo-gradient/portfolio/project-4.jpg", + title: "Amplitude", + description: "External Page", + dataWowDelay: "1s", + }, + { + id: 46, + categories: ["design"], + imgSrc: "/assets/images/demo-gradient/portfolio/project-5.jpg", + title: "Super Awards", + description: "External Page", + dataWowDelay: "1s", + }, + { + id: 47, + categories: ["design", "branding"], + imgSrc: "/assets/images/demo-gradient/portfolio/project-6.jpg", + title: "Design System", + description: "Lightbox", + dataWowDelay: "1s", + }, +]; + +export const portfolios8 = [ + { + id: 48, + imageSrc: "/assets/images/demo-modern/portfolio/1.jpg", + title: "Medium Scene", + categories: "Branding, Design", + align: "text-center", + }, + { + id: 49, + imageSrc: "/assets/images/demo-modern/portfolio/2.jpg", + title: "The Rise of Design", + categories: "Branding, Design", + align: "text-end", + }, + { + id: 50, + imageSrc: "/assets/images/demo-modern/portfolio/3.jpg", + title: "Visual Stranger", + categories: "Branding, Design, Development", + align: "text-start", + }, + { + id: 51, + imageSrc: "/assets/images/demo-modern/portfolio/4.jpg", + title: "Amplitude Studios", + categories: "Branding, Design", + align: "text-end", + }, + { + id: 52, + imageSrc: "/assets/images/demo-modern/portfolio/5.jpg", + title: "Super Awards", + categories: "Design, Development", + align: "text-center", + }, +]; + +export const portfolios9 = [ + { + id: 53, + className: "work-item", + categories: ["mix", "development"], + imgSrc: "https://cochiseoncology.com/wp-content/uploads/2024/08/28b08c75-8521-46e8-9004-56cc8ef9ad03-768x1014.jpeg", + imgAlt: "Work Description", + title: "Medium Scene", + description: "Lightbox", + isLightbox: true, + }, + { + id: 54, + className: "work-item", + categories: ["mt-80", "mt-sm-0", "mix", "branding", "design"], + imgSrc: "/assets/images/demo-slick/portfolio/project-2.jpg", + imgAlt: "Work Description", + title: "Rise of Design", + description: "External Page", + isLightbox: false, + }, + { + id: 55, + className: "work-item", + categories: ["mix", "branding"], + imgSrc: "/assets/images/demo-slick/portfolio/project-3.jpg", + imgAlt: "Work Description", + title: "Visual Stranger", + description: "External Page", + isLightbox: false, + }, + { + id: 56, + className: "work-item", + categories: ["mix", "design", "development"], + imgSrc: "/assets/images/demo-slick/portfolio/project-4.jpg", + imgAlt: "Work Description", + title: "Amplitude", + description: "External Page", + isLightbox: false, + }, + { + id: 57, + className: "work-item", + categories: ["mix", "design"], + imgSrc: "/assets/images/demo-slick/portfolio/project-5.jpg", + imgAlt: "Work Description", + title: "Super Awards", + description: "External Page", + isLightbox: false, + }, + { + id: 58, + className: "work-item", + categories: ["mix", "design", "branding"], + imgSrc: "/assets/images/demo-slick/portfolio/project-6.jpg", + imgAlt: "Work Description", + title: "Design System", + description: "Lightbox", + isLightbox: true, + }, +]; +export const portfolios10 = [ + { + id: 59, + imgSrc: "/assets/images/demo-strong/portfolio/1.jpg", + imgAlt: "Image Description", + title: "Rise of Design", + description: "Branding, UI/UX Design", + }, + { + id: 60, + imgSrc: "/assets/images/demo-strong/portfolio/2.jpg", + imgAlt: "Image Description", + title: "Amplitude", + description: "UI/UX Design, Development", + }, + { + id: 61, + imgSrc: "/assets/images/demo-strong/portfolio/3.jpg", + imgAlt: "Image Description", + title: "Medium Scene", + description: "Branding, Design", + }, + { + id: 62, + imgSrc: "/assets/images/demo-strong/portfolio/4.jpg", + imgAlt: "Image Description", + title: "Visual Stranger", + description: "Branding, UI/UX Design", + }, + { + id: 63, + imgSrc: "/assets/images/demo-strong/portfolio/5.jpg", + imgAlt: "Image Description", + title: "Super Awards", + description: "UI/UX Design, Development", + }, + { + id: 64, + imgSrc: "/assets/images/demo-strong/portfolio/6.jpg", + imgAlt: "Image Description", + title: "Design System", + description: "Branding, Design", + }, +]; + +export const portfolios11 = [ + { + id: 65, + title: "How Marketing Wire Support Increased Data Accuracy by 70%", + imageUrl: "/assets/images/demo-corporate/portfolio/project-1.jpg", + number: "70%", + description: "growth with Resonance", + }, + { + id: 66, + title: "How Surface Mobility Increased Sales 3X During the Latest Six Months", + imageUrl: "/assets/images/demo-corporate/portfolio/project-2.jpg", + number: "3x", + description: "sales increased with Resonance", + }, + { + id: 67, + title: "How Gen Machine Uses Automations to Grow Their Subscriber Base", + imageUrl: "/assets/images/demo-corporate/portfolio/project-3.jpg", + number: "Zero", + description: "negative reviews with Resonance", + }, + { + id: 68, + title: "How Surface Mobility Increased Sales 3X During the Latest Six Months", + imageUrl: "/assets/images/demo-corporate/portfolio/project-4.jpg", + number: "2x", + description: "sales increased with Resonance", + }, + { + id: 69, + title: "How Gen Machine Uses Automations to Grow Their Subscriber Base", + imageUrl: "/assets/images/demo-corporate/portfolio/project-5.jpg", + number: "Zero", + description: "negative reviews with Resonance", + }, + { + id: 70, + title: "How Marketing Wire Support Increased Data Accuracy by 70%", + imageUrl: "/assets/images/demo-corporate/portfolio/project-6.jpg", + number: "80%", + description: "growth with Resonance", + }, +]; + +export const portfolios12 = [ + { + id: 71, + className: "work-item mix development", + href: "/assets/images/portfolio/masonry/full-project-1.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-1.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Medium Scene", + description: "Lightbox", + }, + { + id: 72, + className: "work-item mix branding design", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-2.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Rise of Design", + description: "External Page", + }, + { + id: 73, + className: "work-item mix branding", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-3.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Visual Stranger", + description: "External Page", + }, + { + id: 74, + className: "work-item mix design development", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-4.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Amplitude", + description: "External Page", + }, + { + id: 75, + className: "work-item mix design", + href: "main-portfolio-single-1.html", + linkClassName: "work-ext-link", + imgSrc: "/assets/images/portfolio/masonry/projects-5.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Super Awards", + description: "External Page", + }, + { + id: 76, + className: "work-item mix design branding", + href: "/assets/images/portfolio/masonry/full-project-6.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-6.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Design System", + description: "Lightbox", + }, + { + id: 77, + className: "work-item mix mix design", + href: "/assets/images/portfolio/masonry/full-project-7.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-7.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Amplitude", + description: "External Page", + }, + { + id: 78, + className: "work-item mix design development", + href: "/assets/images/portfolio/masonry/full-project-8.jpg", + linkClassName: "work-lightbox-link mfp-image", + imgSrc: "/assets/images/portfolio/masonry/projects-8.jpg", + imgAlt: "Work Description", + delay: "1s", + title: "Super Awards", + description: "External Page", + }, +]; + +export const portfolios13 = [ + { + id: 79, + type: "lightbox", + mix: "development", + href: "/assets/images/portfolio/full-project-1.jpg", + imgSrc: "/assets/images/portfolio/projects-1.jpg", + imgAlt: "Work Description", + title: "Green Leaf", + descr: "Lightbox", + }, + { + id: 80, + type: "external", + mix: "branding design", + href: "main-portfolio-single-1.html", + imgSrc: "/assets/images/portfolio/projects-2.jpg", + imgAlt: "Work Description", + title: "Photo Lighting", + descr: "External Page", + }, + { + id: 81, + type: "external", + mix: "branding", + href: "main-portfolio-single-1.html", + imgSrc: "/assets/images/portfolio/projects-3.jpg", + imgAlt: "Work Description", + title: "Green Branch", + descr: "External Page", + }, + { + id: 82, + type: "external", + mix: "design development", + href: "main-portfolio-single-1.html", + imgSrc: "/assets/images/portfolio/projects-4.jpg", + imgAlt: "Work Description", + title: "White Chair", + descr: "External Page", + }, + { + id: 83, + type: "external", + mix: "design", + href: "main-portfolio-single-1.html", + imgSrc: "/assets/images/portfolio/projects-5.jpg", + imgAlt: "Work Description", + title: "White Table", + descr: "External Page", + }, + { + id: 84, + type: "lightbox", + mix: "design branding", + href: "/assets/images/portfolio/full-project-6.jpg", + imgSrc: "/assets/images/portfolio/projects-6.jpg", + imgAlt: "Work Description", + title: "The Book", + descr: "Lightbox", + }, + { + id: 85, + type: "external", + mix: "branding", + href: "main-portfolio-single-1.html", + imgSrc: "/assets/images/portfolio/projects-7.jpg", + imgAlt: "Work Description", + title: "Green Branch", + descr: "External Page", + }, + { + id: 86, + type: "external", + mix: "design development", + href: "main-portfolio-single-1.html", + imgSrc: "/assets/images/portfolio/projects-8.jpg", + imgAlt: "Work Description", + title: "White Chair", + descr: "External Page", + }, +]; + +export const allPortfolios = [ + ...portfolioItems, + ...portfolios1, + ...portfolios2, + ...portfolios3, + ...portfolios4, + ...portfolios5, + ...portfolios6, + ...portfolios7, + ...portfolios8, + ...portfolios9, + ...portfolios10, + ...portfolios11, + ...portfolios12, + ...portfolios13, +]; diff --git a/src/data/services.ts b/src/data/services.ts index 87eb4f1..c497ada 100644 --- a/src/data/services.ts +++ b/src/data/services.ts @@ -1,235 +1,234 @@ export const services = [ - { - number: "01", - title: "Branding", - image: "/assets/images/demo-brutalist/services/1.jpg", - description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", - }, - { - number: "02", - title: "Web Design", - image: "/assets/images/demo-brutalist/services/2.jpg", - description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", - }, - { - number: "03", - title: "Development", - image: "/assets/images/demo-brutalist/services/3.jpg", - description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", - }, - { - number: "04", - title: "Photography", - image: "/assets/images/demo-brutalist/services/4.jpg", - description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", - }, - ]; - - export const services2 = [ - { - id: 1, - path: "M7 22v-16h14v7.543c0 4.107-6 2.457-6 2.457s1.518 6-2.638 6h-5.362zm16-7.614v-10.386h-18v20h8.189c3.163 0 9.811-7.223 9.811-9.614zm-10 1.614h-4v-1h4v1zm6-4h-10v1h10v-1zm0-3h-10v1h10v-1zm1-7h-17v19h-2v-21h19v2z", - title: "Marketing Consulting", - text: "The product aspects of marketing deal with the specifications of the actual relevant products, goods or services, and how it relates to the end-user's needs and wants.", - categories: [ - "Search Engine Optimization", - "Marketing Strategy", - "Partnerships", - ], - delay: "0s", - iconColorClass: "color-3", - }, - { - id: 2, - path: "M18 10.031v-6.423l-6.036-3.608-5.964 3.569v6.499l-6 3.224v7.216l6.136 3.492 5.864-3.393 5.864 3.393 6.136-3.492v-7.177l-6-3.3zm-1.143.036l-4.321 2.384v-4.956l4.321-2.539v5.111zm-4.895-8.71l4.272 2.596-4.268 2.509-4.176-2.554 4.172-2.551zm-10.172 12.274l4.778-2.53 4.237 2.417-4.668 2.667-4.347-2.554zm4.917 3.587l4.722-2.697v5.056l-4.722 2.757v-5.116zm6.512-3.746l4.247-2.39 4.769 2.594-4.367 2.509-4.649-2.713zm9.638 6.323l-4.421 2.539v-5.116l4.421-2.538v5.115z", - title: "Media Relations", - text: "The price need not be monetary it can simply be what is exchanged for the product or services energy or any sacrifices consumers make in order to acquire a product or service.", - categories: ["Seasonal Campaigns", "Digital Marketing", "Sponsorships"], - delay: "0.15s", - iconColorClass: "color-2", - }, - { - id: 3, - path: "M6.676 9.18c-1.426-.009-3.217.764-4.583 2.13-.521.521-.979 1.129-1.333 1.812 1.232-.933 2.547-1.225 4.086-.361.453-1.199 1.056-2.418 1.83-3.581zm8.154 8.143c-1.264.826-2.506 1.422-3.581 1.842.863 1.54.571 2.853-.361 4.085.684-.353 1.291-.812 1.812-1.334 1.37-1.369 2.144-3.165 2.13-4.593zm5.127-13.288c-.344-.024-.681-.035-1.011-.035-7.169 0-11.249 5.465-12.733 9.86l3.939 3.94c4.525-1.62 9.848-5.549 9.848-12.642 0-.366-.014-.74-.043-1.123zm-8.24 8.258c-.326-.325-.326-.853 0-1.178.325-.326.853-.326 1.178 0 .326.326.326.853 0 1.178-.326.326-.853.326-1.178 0zm2.356-2.356c-.651-.65-.651-1.706 0-2.357s1.706-.651 2.356 0c.651.651.651 1.706 0 2.357-.65.65-1.704.65-2.356 0zm-12.432 10.378l-.755-.755 4.34-4.323.755.755-4.34 4.323zm4.149 1.547l-.755-.755 3.029-3.054.755.755-3.029 3.054zm-5.035 2.138l-.755-.755 5.373-5.364.756.755-5.374 5.364zm21.083-14.291c-.188.618-.673 1.102-1.291 1.291.618.188 1.103.672 1.291 1.291.189-.619.673-1.103 1.291-1.291-.618-.188-1.102-.672-1.291-1.291zm-14.655-6.504c-.247.81-.881 1.443-1.69 1.69.81.247 1.443.881 1.69 1.69.248-.809.881-1.443 1.69-1.69-.81-.247-1.442-.88-1.69-1.69zm-1.827-3.205c-.199.649-.706 1.157-1.356 1.355.65.199 1.157.707 1.356 1.355.198-.649.706-1.157 1.354-1.355-.648-.198-1.155-.706-1.354-1.355zm5.387 0c-.316 1.035-1.127 1.846-2.163 2.163 1.036.316 1.847 1.126 2.163 2.163.316-1.036 1.127-1.846 2.162-2.163-1.035-.317-1.845-1.128-2.162-2.163zm11.095 13.64c-.316 1.036-1.127 1.846-2.163 2.163 1.036.316 1.847 1.162 2.163 2.197.316-1.036 1.127-1.881 2.162-2.197-1.035-.317-1.846-1.127-2.162-2.163z", - title: "Online Advertising", - text: "This refers to how the product gets to the custome and intermediaries such as wholesalers and retailers who enable customers to access products or services in a convenient manner.", - categories: [ - "Experiential Marketing", - "Event Marketing", - "Seasonal Campaigns", - ], - delay: "0.3s", - iconColorClass: "color-1", - }, - { - id: 4, - path: "M24 20h-3v4l-5.333-4h-7.667v-4h2v2h6.333l2.667 2v-2h3v-8.001h-2v-2h4v12.001zm-6-6h-9.667l-5.333 4v-4h-3v-14.001h18v14.001zm-9-4.084h-5v1.084h5v-1.084zm5-2.916h-10v1h10v-1zm0-3h-10v1h10v-1z", - title: "Social Media", - text: "In response to environmental and technological changes in marketing, as well as criticisms towards the 4Ps approach, the 4Cs has emerged as a modern marketing mix model.", - categories: ["Content Generation", "Copywriting", "SMO Strategy"], - delay: "0.3s", - iconColorClass: "color-4", - }, - ]; - - export const serviceItems = [ - { - iconPath: - "M16 18.75l32 32-4.25 4.25-32-32zM18.625 27l25.125 25.125 1.375-1.375-25.125-25.25zM15 13v-5h2v5h-2zM15 38.5v-5h2v5h-2zM27 24v-2h5v2h-5zM0 24v-2h5v2h-5zM5.875 11.75l3.625 3.625-1.5 1.375-3.5-3.5zM9.5 31.25l-3.625 3.5-1.375-1.375 3.5-3.5zM27.5 13.25l-3.5 3.5-1.5-1.375 3.625-3.625z", - title: "Brand Strategy", - text: "A brand is a name, term, design, lorem ipsum symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.", - }, - { - iconPath: - "M60 48h-22v2h8v2h-32.125v-2h8v-2h-21.875v-36h60v36zM2 14v32h56v-32h-56z", - title: "UI/UX Design", - text: "Product design is sometimes confused with industrial design, and has recently become a broad term inclusive of service, and physical product design.", - }, - { - iconPath: - "M0 11h50v42h-50v-42zM9 51v-6h-7v6h7zM9 43v-6h-7v6h7zM9 35v-6h-7v6h7zM9 27v-6h-7v6h7zM9 19v-6h-7v6h7zM39 51v-18h-28v18h28zM39 31v-18h-28v18h28zM48 51v-6h-7v6h7zM48 43v-6h-7v6h7zM48 35v-6h-7v6h7zM48 27v-6h-7v6h7zM48 19v-6h-7v6h7z", - title: "Animation Design", - text: "In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film or other media.", - }, - { - iconPath: - "M24.125 20c3.25 0 6.25 1.25 8.5 3.5s3.5 5.25 3.5 8.5-1.25 6.25-3.5 8.5-5.25 3.5-8.5 3.5-6.25-1.25-8.5-3.5-3.5-5.25-3.5-8.5 1.25-6.25 3.5-8.5 5.25-3.5 8.5-3.5zM24.125 42c5.5 0 10-4.5 10-10s-4.5-10-10-10-10 4.5-10 10 4.5 10 10 10zM17.25 10.375c-1.25 0.375-2.5 0.875-3.75 1.5 0.25 1 0.125 2 0 3-0.25 1.625-1 3.125-2.25 4.375-1.5 1.5-3.625 2.375-5.75 2.375-0.5 0-1.125 0-1.625-0.125-0.625 1.25-1.125 2.5-1.5 3.75 0.875 0.5 1.5 1.25 2.125 2.125 1 1.375 1.5 3 1.5 4.625s-0.5 3.25-1.5 4.625c-0.625 0.875-1.25 1.625-2.125 2.125 0.375 1.25 0.875 2.5 1.5 3.75 0.5-0.125 1.125-0.125 1.625-0.125 2.125 0 4.25 0.875 5.75 2.375 1.25 1.25 2 2.75 2.25 4.375 0.125 1 0.25 2 0 3 1.25 0.625 2.5 1.125 3.75 1.5 0.5-0.875 1.25-1.5 2.125-2.125 1.375-1 3-1.5 4.625-1.5s3.25 0.5 4.625 1.5c0.875 0.625 1.625 1.25 2.125 2.125 1.25-0.375 2.5-0.875 3.75-1.5-0.25-1-0.125-2 0-3 0.25-1.625 1-3.125 2.25-4.375 1.5-1.5 3.625-2.375 5.75-2.375 0.5 0 1.125 0 1.625 0.125 0.625-1.25 1.125-2.5 1.5-3.75-0.875-0.5-1.5-1.25-2.125-2.125-1-1.375-1.5-3-1.5-4.625s0.5-3.25 1.5-4.625c0.625-0.875 1.25-1.625 2.125-2.125-0.375-1.25-0.875-2.5-1.5-3.75-0.5 0.125-1.125 0.125-1.625 0.125-2.125 0-4.25-0.875-5.75-2.375-1.25-1.25-2-2.75-2.25-4.375-0.125-1-0.25-2 0-3-1.25-0.625-2.5-1.125-3.75-1.5-0.5 0.875-1.25 1.5-2.125 2.125-1.375 1-3 1.5-4.625 1.5s-3.25-0.5-4.625-1.5c-0.875-0.625-1.625-1.25-2.125-2.125zM29.75 8v0c2.5 0.625 5 1.625 7.125 3-1 2.25-0.625 5 1.25 6.875 1.25 1.25 2.75 1.75 4.375 1.75 0.875 0 1.75-0.125 2.5-0.5 1.375 2.125 2.375 4.625 3 7.125-2.375 0.875-4 3.125-4 5.75s1.75 4.875 4 5.75c-0.625 2.5-1.625 5-3 7.125-0.75-0.375-1.625-0.5-2.5-0.5-1.625 0-3.125 0.5-4.375 1.75-1.875 1.875-2.25 4.625-1.25 6.875-2.125 1.375-4.625 2.375-7.125 3-0.875-2.25-3.125-4-5.75-4s-4.875 1.75-5.75 4c-2.5-0.625-5-1.625-7.125-3 1-2.25 0.625-5-1.25-6.875-1.25-1.25-2.75-1.75-4.375-1.75-0.875 0-1.75 0.125-2.5 0.5-1.375-2.125-2.375-4.625-3-7.125 2.375-0.875 4-3.125 4-5.75s-1.75-4.875-4-5.75c0.625-2.5 1.625-5 3-7.125 0.75 0.375 1.625 0.5 2.5 0.5 1.625 0 3.125-0.5 4.375-1.75 1.875-1.875 2.25-4.625 1.25-6.875 2.125-1.375 4.625-2.375 7.125-3v0c0.875 2.25 3.125 4 5.75 4s4.875-1.75 5.75-4z", - title: "Branding", - text: "Branding is a marketing practice in which a company creates a name, symbol or design lorem ipsum that is easily identifiable as belonging to the company.", - }, - ]; - - export const services3 = [ - { - src: "/assets/images/demo-fancy/services/service-1.png", - title: "Branding", - text: "A type of marketing agency, group or a firm which specializes in creating brands, people and their careers marketed as brands.", - }, - { - src: "/assets/images/demo-fancy/services/service-2.png", - title: "Web Design", - text: "A static website stores a unique file for every page of a static website. Each time that page is requested, the same content is returned.", - }, - { - src: "/assets/images/demo-fancy/services/service-3.png", - title: "Development", - text: "There are three kinds of web developer specialization: front-end developer, back-end developer, and full-stack developer.", - }, - { - src: "/assets/images/demo-fancy/services/service-4.png", - title: "Marketing", - text: "Marketing refers to activities a company undertakes to promote the buying or selling of a product, service, or good.", - }, - ]; - - export const services4 = [ - { - title: "Branding", - imageSrc: "/assets/images/demo-modern/services/1.jpg", - alt: "Image Description", - align: "text-center", - }, - { - title: "UI/UX Design", - imageSrc: "/assets/images/demo-modern/services/2.jpg", - alt: "Image Description", - align: "text-end", - }, - { - title: "Photography", - imageSrc: "/assets/images/demo-modern/services/3.jpg", - alt: "Image Description", - align: "text-start", - }, - { - title: "Development", - imageSrc: "/assets/images/demo-modern/services/4.jpg", - alt: "Image Description", - align: "text-end", - }, - { - title: "Motion Design", - imageSrc: "/assets/images/demo-modern/services/5.jpg", - alt: "Image Description", - align: "text-center", - }, - ]; - - export const services5 = [ - { - caption: "Branding", - title: "Brand Strategy", - text: "Curabitur vel molestie dolor vulputate diam. Etiam ornare facilisis euismod cras blandit vel purus nec varius.", - delay: 0, - }, - { - caption: "Mobile & Web", - title: "UI/UX Design", - text: "Quisque accumsan augue nec ligula gravida, eleifend volutpat augue luctus vulputate imperdiet quis sed odio.", - delay: 0.05, - }, - { - caption: "Video & Animation", - title: "Motion Design", - text: "Maecenas finibus ipsum orci, sit amet eleifend purus rutrum fringilla. Nunc quis lobortis nulla.", - delay: 0.1, - }, - { - caption: "Marketing", - title: "Research & Solutions", - text: "Cras nisl ex, fermentum id volutpat luctus, interdum luctus tortor. Nunc vestibulum accumsan.", - delay: 0.15, - }, - ]; - - export const services6 = [ - { - width: 48, - height: 64, - path: "M16 18.75l32 32-4.25 4.25-32-32zM18.625 27l25.125 25.125 1.375-1.375-25.125-25.25zM15 13v-5h2v5h-2zM15 38.5v-5h2v5h-2zM27 24v-2h5v2h-5zM0 24v-2h5v2h-5zM5.875 11.75l3.625 3.625-1.5 1.375-3.5-3.5zM9.5 31.25l-3.625 3.5-1.375-1.375 3.5-3.5zM27.5 13.25l-3.5 3.5-1.5-1.375 3.625-3.625z", - title: "Brand Strategy", - text: "A brand is a name, term, design, lorem ipsum symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.", - }, - { - width: 60, - height: 64, - path: "M60 48h-22v2h8v2h-32.125v-2h8v-2h-21.875v-36h60v36zM2 14v32h56v-32h-56z", - title: "UI/UX Design", - text: "Product design is sometimes confused with industrial design, and has recently become a broad term inclusive of service, and physical product design.", - }, - { - width: 50, - height: 64, - path: "M0 11h50v42h-50v-42zM9 51v-6h-7v6h7zM9 43v-6h-7v6h7zM9 35v-6h-7v6h7zM9 27v-6h-7v6h7zM9 19v-6h-7v6h7zM39 51v-18h-28v18h28zM39 31v-18h-28v18h28zM48 51v-6h-7v6h7zM48 43v-6h-7v6h7zM48 35v-6h-7v6h7zM48 27v-6h-7v6h7zM48 19v-6h-7v6h7z", - title: "Animation Design", - text: "In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film or other media.", - }, - { - width: 48, - height: 64, - path: "M24.125 20c3.25 0 6.25 1.25 8.5 3.5s3.5 5.25 3.5 8.5-1.25 6.25-3.5 8.5-5.25 3.5-8.5 3.5-6.25-1.25-8.5-3.5-3.5-5.25-3.5-8.5 1.25-6.25 3.5-8.5 5.25-3.5 8.5-3.5zM24.125 42c5.5 0 10-4.5 10-10s-4.5-10-10-10-10 4.5-10 10 4.5 10 10 10zM17.25 10.375c-1.25 0.375-2.5 0.875-3.75 1.5 0.25 1 0.125 2 0 3-0.25 1.625-1 3.125-2.25 4.375-1.5 1.5-3.625 2.375-5.75 2.375-0.5 0-1.125 0-1.625-0.125-0.625 1.25-1.125 2.5-1.5 3.75 0.875 0.5 1.5 1.25 2.125 2.125 1 1.375 1.5 3 1.5 4.625s-0.5 3.25-1.5 4.625c-0.625 0.875-1.25 1.625-2.125 2.125 0.375 1.25 0.875 2.5 1.5 3.75 0.5-0.125 1.125-0.125 1.625-0.125 2.125 0 4.25 0.875 5.75 2.375 1.25 1.25 2 2.75 2.25 4.375 0.125 1 0.25 2 0 3 1.25 0.625 2.5 1.125 3.75 1.5 0.5-0.875 1.25-1.5 2.125-2.125 1.375-1 3-1.5 4.625-1.5s3.25 0.5 4.625 1.5c0.875 0.625 1.625 1.25 2.125 2.125 1.25-0.375 2.5-0.875 3.75-1.5-0.25-1-0.125-2 0-3 0.25-1.625 1-3.125 2.25-4.375 1.5-1.5 3.625-2.375 5.75-2.375 0.5 0 1.125 0 1.625 0.125 0.625-1.25 1.125-2.5 1.5-3.75-0.875-0.5-1.5-1.25-2.125-2.125-1-1.375-1.5-3-1.5-4.625s0.5-3.25 1.5-4.625c0.625-0.875 1.25-1.625 2.125-2.125-0.375-1.25-0.875-2.5-1.5-3.75-0.5 0.125-1.125 0.125-1.625 0.125-2.125 0-4.25-0.875-5.75-2.375-1.25-1.25-2-2.75-2.25-4.375-0.125-1-0.25-2 0-3-1.25-0.625-2.5-1.125-3.75-1.5-0.5 0.875-1.25 1.5-2.125 2.125-1.375 1-3 1.5-4.625 1.5s-3.25-0.5-4.625-1.5c-0.875-0.625-1.625-1.25-2.125-2.125zM29.75 8v0c2.5 0.625 5 1.625 7.125 3-1 2.25-0.625 5 1.25 6.875 1.25 1.25 2.75 1.75 4.375 1.75 0.875 0 1.75-0.125 2.5-0.5 1.375 2.125 2.375 4.625 3 7.125-2.375 0.875-4 3.125-4 5.75s1.75 4.875 4 5.75c-0.625 2.5-1.625 5-3 7.125-0.75-0.375-1.625-0.5-2.5-0.5-1.625 0-3.125 0.5-4.375 1.75-1.875 1.875-2.25 4.625-1.25 6.875-2.125 1.375-4.625 2.375-7.125 3-0.875-2.25-3.125-4-5.75-4s-4.875 1.75-5.75 4c-2.5-0.625-5-1.625-7.125-3 1-2.25 0.625-5-1.25-6.875-1.25-1.25-2.75-1.75-4.375-1.75-0.875 0-1.75 0.125-2.5 0.5-1.375-2.125-2.375-4.625-3-7.125 2.375-0.875 4-3.125 4-5.75s-1.75-4.875-4-5.75c0.625-2.5 1.625-5 3-7.125 0.75 0.375 1.625 0.5 2.5 0.5 1.625 0 3.125-0.5 4.375-1.75 1.875-1.875 2.25-4.625 1.25-6.875 2.125-1.375 4.625-2.375 7.125-3 0.875 2.25 3.125 4 5.75 4s4.875-1.75 5.75-4z", - title: "Development", - text: "In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film or other media.", - }, - { - width: 48, - height: 64, - path: "M44.25 20c2.25 0 3.75 1.625 3.75 3.875v22c0 2.25-1.5 4.125-3.75 4.125h-40c-2.25 0-4.25-1.875-4.25-4.125v-22c0-2.25 2-3.875 4.25-3.875h1.625v-2h4.25v2h1.625c4-4.5 5.375-6 6.875-6h11c1.5 0 2.875 1.5 6.875 6h7.75zM46 45.875v-22c0-1.125-0.625-1.875-1.75-1.875h-8.625l-0.625-0.375c-0.375-0.5-0.875-1-1.25-1.375-1.5-1.625-2.5-3-3.25-3.75-0.625-0.625-0.875-0.5-0.875-0.5h-11s-0.25 0-0.875 0.5c-0.75 0.625-1.75 1.75-3.125 3.375-0.375 0.5-0.875 1.25-1.375 1.75l-0.625 0.375h-8.375c-1.125 0-2.25 0.875-2.25 1.875v22c0 1.125 1.125 2.125 2.25 2.125h40c1 0 1.75-1 1.75-2.125zM24 23.75c5.875 0 10.75 4.75 10.75 10.625s-4.875 10.625-10.75 10.625-10.75-4.75-10.75-10.625 4.875-10.625 10.75-10.625zM24 43c4.75 0 8.75-3.875 8.75-8.625s-4-8.625-8.75-8.625-8.75 3.875-8.75 8.625 4 8.625 8.75 8.625zM36 26.125v-2.125h2.125v2.125h-2.125zM20 34.375c0-2.625 1.375-4 4-4s4 1.375 4 4-1.375 4-4 4-4-1.375-4-4z", - title: "Photography", - text: `A brand is a name, term, design, symbol or any other + { + number: "01", + title: "Branding", + image: "/assets/images/demo-brutalist/services/1.jpg", + description: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", + }, + { + number: "02", + title: "Web Design", + image: "/assets/images/demo-brutalist/services/2.jpg", + description: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", + }, + { + number: "03", + title: "Development", + image: "/assets/images/demo-brutalist/services/3.jpg", + description: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", + }, + { + number: "04", + title: "Photography", + image: "/assets/images/demo-brutalist/services/4.jpg", + description: + "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis urna ligula. Nam convallis nunc in felis mattis, a sollicitudin ligula molestie. Donec tincidunt eu lorem eget varius. Vestibulum ac efficitur ante. Aenean accumsan, justo vel placerat fermentum, elit neque lobortis velit, a varius nibh lorem in tellus.", + }, +]; + +export const services2 = [ + { + id: 1, + path: "M7 22v-16h14v7.543c0 4.107-6 2.457-6 2.457s1.518 6-2.638 6h-5.362zm16-7.614v-10.386h-18v20h8.189c3.163 0 9.811-7.223 9.811-9.614zm-10 1.614h-4v-1h4v1zm6-4h-10v1h10v-1zm0-3h-10v1h10v-1zm1-7h-17v19h-2v-21h19v2z", + title: "Marketing Consulting", + text: "The product aspects of marketing deal with the specifications of the actual relevant products, goods or services, and how it relates to the end-user's needs and wants.", + categories: [ + "Search Engine Optimization", + "Marketing Strategy", + "Partnerships", + ], + delay: "0s", + iconColorClass: "color-3", + }, + { + id: 2, + path: "M18 10.031v-6.423l-6.036-3.608-5.964 3.569v6.499l-6 3.224v7.216l6.136 3.492 5.864-3.393 5.864 3.393 6.136-3.492v-7.177l-6-3.3zm-1.143.036l-4.321 2.384v-4.956l4.321-2.539v5.111zm-4.895-8.71l4.272 2.596-4.268 2.509-4.176-2.554 4.172-2.551zm-10.172 12.274l4.778-2.53 4.237 2.417-4.668 2.667-4.347-2.554zm4.917 3.587l4.722-2.697v5.056l-4.722 2.757v-5.116zm6.512-3.746l4.247-2.39 4.769 2.594-4.367 2.509-4.649-2.713zm9.638 6.323l-4.421 2.539v-5.116l4.421-2.538v5.115z", + title: "Media Relations", + text: "The price need not be monetary it can simply be what is exchanged for the product or services energy or any sacrifices consumers make in order to acquire a product or service.", + categories: ["Seasonal Campaigns", "Digital Marketing", "Sponsorships"], + delay: "0.15s", + iconColorClass: "color-2", + }, + { + id: 3, + path: "M6.676 9.18c-1.426-.009-3.217.764-4.583 2.13-.521.521-.979 1.129-1.333 1.812 1.232-.933 2.547-1.225 4.086-.361.453-1.199 1.056-2.418 1.83-3.581zm8.154 8.143c-1.264.826-2.506 1.422-3.581 1.842.863 1.54.571 2.853-.361 4.085.684-.353 1.291-.812 1.812-1.334 1.37-1.369 2.144-3.165 2.13-4.593zm5.127-13.288c-.344-.024-.681-.035-1.011-.035-7.169 0-11.249 5.465-12.733 9.86l3.939 3.94c4.525-1.62 9.848-5.549 9.848-12.642 0-.366-.014-.74-.043-1.123zm-8.24 8.258c-.326-.325-.326-.853 0-1.178.325-.326.853-.326 1.178 0 .326.326.326.853 0 1.178-.326.326-.853.326-1.178 0zm2.356-2.356c-.651-.65-.651-1.706 0-2.357s1.706-.651 2.356 0c.651.651.651 1.706 0 2.357-.65.65-1.704.65-2.356 0zm-12.432 10.378l-.755-.755 4.34-4.323.755.755-4.34 4.323zm4.149 1.547l-.755-.755 3.029-3.054.755.755-3.029 3.054zm-5.035 2.138l-.755-.755 5.373-5.364.756.755-5.374 5.364zm21.083-14.291c-.188.618-.673 1.102-1.291 1.291.618.188 1.103.672 1.291 1.291.189-.619.673-1.103 1.291-1.291-.618-.188-1.102-.672-1.291-1.291zm-14.655-6.504c-.247.81-.881 1.443-1.69 1.69.81.247 1.443.881 1.69 1.69.248-.809.881-1.443 1.69-1.69-.81-.247-1.442-.88-1.69-1.69zm-1.827-3.205c-.199.649-.706 1.157-1.356 1.355.65.199 1.157.707 1.356 1.355.198-.649.706-1.157 1.354-1.355-.648-.198-1.155-.706-1.354-1.355zm5.387 0c-.316 1.035-1.127 1.846-2.163 2.163 1.036.316 1.847 1.126 2.163 2.163.316-1.036 1.127-1.846 2.162-2.163-1.035-.317-1.845-1.128-2.162-2.163zm11.095 13.64c-.316 1.036-1.127 1.846-2.163 2.163 1.036.316 1.847 1.162 2.163 2.197.316-1.036 1.127-1.881 2.162-2.197-1.035-.317-1.846-1.127-2.162-2.163z", + title: "Online Advertising", + text: "This refers to how the product gets to the custome and intermediaries such as wholesalers and retailers who enable customers to access products or services in a convenient manner.", + categories: [ + "Experiential Marketing", + "Event Marketing", + "Seasonal Campaigns", + ], + delay: "0.3s", + iconColorClass: "color-1", + }, + { + id: 4, + path: "M24 20h-3v4l-5.333-4h-7.667v-4h2v2h6.333l2.667 2v-2h3v-8.001h-2v-2h4v12.001zm-6-6h-9.667l-5.333 4v-4h-3v-14.001h18v14.001zm-9-4.084h-5v1.084h5v-1.084zm5-2.916h-10v1h10v-1zm0-3h-10v1h10v-1z", + title: "Social Media", + text: "In response to environmental and technological changes in marketing, as well as criticisms towards the 4Ps approach, the 4Cs has emerged as a modern marketing mix model.", + categories: ["Content Generation", "Copywriting", "SMO Strategy"], + delay: "0.3s", + iconColorClass: "color-4", + }, +]; + +export const serviceItems = [ + { + iconPath: + "M16 18.75l32 32-4.25 4.25-32-32zM18.625 27l25.125 25.125 1.375-1.375-25.125-25.25zM15 13v-5h2v5h-2zM15 38.5v-5h2v5h-2zM27 24v-2h5v2h-5zM0 24v-2h5v2h-5zM5.875 11.75l3.625 3.625-1.5 1.375-3.5-3.5zM9.5 31.25l-3.625 3.5-1.375-1.375 3.5-3.5zM27.5 13.25l-3.5 3.5-1.5-1.375 3.625-3.625z", + title: "Brand Strategy", + text: "A brand is a name, term, design, lorem ipsum symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.", + }, + { + iconPath: + "M60 48h-22v2h8v2h-32.125v-2h8v-2h-21.875v-36h60v36zM2 14v32h56v-32h-56z", + title: "UI/UX Design", + text: "Product design is sometimes confused with industrial design, and has recently become a broad term inclusive of service, and physical product design.", + }, + { + iconPath: + "M0 11h50v42h-50v-42zM9 51v-6h-7v6h7zM9 43v-6h-7v6h7zM9 35v-6h-7v6h7zM9 27v-6h-7v6h7zM9 19v-6h-7v6h7zM39 51v-18h-28v18h28zM39 31v-18h-28v18h28zM48 51v-6h-7v6h7zM48 43v-6h-7v6h7zM48 35v-6h-7v6h7zM48 27v-6h-7v6h7zM48 19v-6h-7v6h7z", + title: "Animation Design", + text: "In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film or other media.", + }, + { + iconPath: + "M24.125 20c3.25 0 6.25 1.25 8.5 3.5s3.5 5.25 3.5 8.5-1.25 6.25-3.5 8.5-5.25 3.5-8.5 3.5-6.25-1.25-8.5-3.5-3.5-5.25-3.5-8.5 1.25-6.25 3.5-8.5 5.25-3.5 8.5-3.5zM24.125 42c5.5 0 10-4.5 10-10s-4.5-10-10-10-10 4.5-10 10 4.5 10 10 10zM17.25 10.375c-1.25 0.375-2.5 0.875-3.75 1.5 0.25 1 0.125 2 0 3-0.25 1.625-1 3.125-2.25 4.375-1.5 1.5-3.625 2.375-5.75 2.375-0.5 0-1.125 0-1.625-0.125-0.625 1.25-1.125 2.5-1.5 3.75 0.875 0.5 1.5 1.25 2.125 2.125 1 1.375 1.5 3 1.5 4.625s-0.5 3.25-1.5 4.625c-0.625 0.875-1.25 1.625-2.125 2.125 0.375 1.25 0.875 2.5 1.5 3.75 0.5-0.125 1.125-0.125 1.625-0.125 2.125 0 4.25 0.875 5.75 2.375 1.25 1.25 2 2.75 2.25 4.375 0.125 1 0.25 2 0 3 1.25 0.625 2.5 1.125 3.75 1.5 0.5-0.875 1.25-1.5 2.125-2.125 1.375-1 3-1.5 4.625-1.5s3.25 0.5 4.625 1.5c0.875 0.625 1.625 1.25 2.125 2.125 1.25-0.375 2.5-0.875 3.75-1.5-0.25-1-0.125-2 0-3 0.25-1.625 1-3.125 2.25-4.375 1.5-1.5 3.625-2.375 5.75-2.375 0.5 0 1.125 0 1.625 0.125 0.625-1.25 1.125-2.5 1.5-3.75-0.875-0.5-1.5-1.25-2.125-2.125-1-1.375-1.5-3-1.5-4.625s0.5-3.25 1.5-4.625c0.625-0.875 1.25-1.625 2.125-2.125-0.375-1.25-0.875-2.5-1.5-3.75-0.5 0.125-1.125 0.125-1.625 0.125-2.125 0-4.25-0.875-5.75-2.375-1.25-1.25-2-2.75-2.25-4.375-0.125-1-0.25-2 0-3-1.25-0.625-2.5-1.125-3.75-1.5-0.5 0.875-1.25 1.5-2.125 2.125-1.375 1-3 1.5-4.625 1.5s-3.25-0.5-4.625-1.5c-0.875-0.625-1.625-1.25-2.125-2.125zM29.75 8v0c2.5 0.625 5 1.625 7.125 3-1 2.25-0.625 5 1.25 6.875 1.25 1.25 2.75 1.75 4.375 1.75 0.875 0 1.75-0.125 2.5-0.5 1.375 2.125 2.375 4.625 3 7.125-2.375 0.875-4 3.125-4 5.75s1.75 4.875 4 5.75c-0.625 2.5-1.625 5-3 7.125-0.75-0.375-1.625-0.5-2.5-0.5-1.625 0-3.125 0.5-4.375 1.75-1.875 1.875-2.25 4.625-1.25 6.875-2.125 1.375-4.625 2.375-7.125 3-0.875-2.25-3.125-4-5.75-4s-4.875 1.75-5.75 4c-2.5-0.625-5-1.625-7.125-3 1-2.25 0.625-5-1.25-6.875-1.25-1.25-2.75-1.75-4.375-1.75-0.875 0-1.75 0.125-2.5 0.5-1.375-2.125-2.375-4.625-3-7.125 2.375-0.875 4-3.125 4-5.75s-1.75-4.875-4-5.75c0.625-2.5 1.625-5 3-7.125 0.75 0.375 1.625 0.5 2.5 0.5 1.625 0 3.125-0.5 4.375-1.75 1.875-1.875 2.25-4.625 1.25-6.875 2.125-1.375 4.625-2.375 7.125-3v0c0.875 2.25 3.125 4 5.75 4s4.875-1.75 5.75-4z", + title: "Branding", + text: "Branding is a marketing practice in which a company creates a name, symbol or design lorem ipsum that is easily identifiable as belonging to the company.", + }, +]; + +export const services3 = [ + { + src: "/assets/images/demo-fancy/services/service-1.png", + title: "Branding", + text: "A type of marketing agency, group or a firm which specializes in creating brands, people and their careers marketed as brands.", + }, + { + src: "/assets/images/demo-fancy/services/service-2.png", + title: "Web Design", + text: "A static website stores a unique file for every page of a static website. Each time that page is requested, the same content is returned.", + }, + { + src: "/assets/images/demo-fancy/services/service-3.png", + title: "Development", + text: "There are three kinds of web developer specialization: front-end developer, back-end developer, and full-stack developer.", + }, + { + src: "/assets/images/demo-fancy/services/service-4.png", + title: "Marketing", + text: "Marketing refers to activities a company undertakes to promote the buying or selling of a product, service, or good.", + }, +]; + +export const services4 = [ + { + title: "Branding", + imageSrc: "/assets/images/demo-modern/services/1.jpg", + alt: "Image Description", + align: "text-center", + }, + { + title: "UI/UX Design", + imageSrc: "/assets/images/demo-modern/services/2.jpg", + alt: "Image Description", + align: "text-end", + }, + { + title: "Photography", + imageSrc: "/assets/images/demo-modern/services/3.jpg", + alt: "Image Description", + align: "text-start", + }, + { + title: "Development", + imageSrc: "/assets/images/demo-modern/services/4.jpg", + alt: "Image Description", + align: "text-end", + }, + { + title: "Motion Design", + imageSrc: "/assets/images/demo-modern/services/5.jpg", + alt: "Image Description", + align: "text-center", + }, +]; + +export const services5 = [ + { + caption: "Radiation Oncology", + title: "Radixact®", + text: "adixact® is a form of TomoTherapy®, a system of CT imaging that provides 3D images of the tumor, then targets it more precisely to minimize the effects on healthy tissue.", + delay: 0, + }, + { + caption: "Radiation Oncology", + title: "Xoft®", + text: "Xoft® radiation therapy is an advanced form of radiotherapy that utilizes a tiny X-ray source, which can fit into the fingertip, enabling Cochise Oncology’s physicians and doctors to deliver treatments with confidence and precision.", + delay: 0.05, + }, + { + caption: "Skin Cancer", + title: "Chemotherapy", + text: "Chemotherapy is a range of chemical treatments that are designed to combat the growth and spread of cancer.", + delay: 0.1, + }, + { + caption: "Medical Oncology", + title: "Skin Screenings", + text: "A skin cancer screening is a physical assessment that is performed by a doctor to determine the health of your skin.", + delay: 0.15, + }, +]; + +export const services6 = [ + { + width: 48, + height: 64, + path: "M16 18.75l32 32-4.25 4.25-32-32zM18.625 27l25.125 25.125 1.375-1.375-25.125-25.25zM15 13v-5h2v5h-2zM15 38.5v-5h2v5h-2zM27 24v-2h5v2h-5zM0 24v-2h5v2h-5zM5.875 11.75l3.625 3.625-1.5 1.375-3.5-3.5zM9.5 31.25l-3.625 3.5-1.375-1.375 3.5-3.5zM27.5 13.25l-3.5 3.5-1.5-1.375 3.625-3.625z", + title: "Brand Strategy", + text: "A brand is a name, term, design, lorem ipsum symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.", + }, + { + width: 60, + height: 64, + path: "M60 48h-22v2h8v2h-32.125v-2h8v-2h-21.875v-36h60v36zM2 14v32h56v-32h-56z", + title: "UI/UX Design", + text: "Product design is sometimes confused with industrial design, and has recently become a broad term inclusive of service, and physical product design.", + }, + { + width: 50, + height: 64, + path: "M0 11h50v42h-50v-42zM9 51v-6h-7v6h7zM9 43v-6h-7v6h7zM9 35v-6h-7v6h7zM9 27v-6h-7v6h7zM9 19v-6h-7v6h7zM39 51v-18h-28v18h28zM39 31v-18h-28v18h28zM48 51v-6h-7v6h7zM48 43v-6h-7v6h7zM48 35v-6h-7v6h7zM48 27v-6h-7v6h7zM48 19v-6h-7v6h7z", + title: "Animation Design", + text: "In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film or other media.", + }, + { + width: 48, + height: 64, + path: "M24.125 20c3.25 0 6.25 1.25 8.5 3.5s3.5 5.25 3.5 8.5-1.25 6.25-3.5 8.5-5.25 3.5-8.5 3.5-6.25-1.25-8.5-3.5-3.5-5.25-3.5-8.5 1.25-6.25 3.5-8.5 5.25-3.5 8.5-3.5zM24.125 42c5.5 0 10-4.5 10-10s-4.5-10-10-10-10 4.5-10 10 4.5 10 10 10zM17.25 10.375c-1.25 0.375-2.5 0.875-3.75 1.5 0.25 1 0.125 2 0 3-0.25 1.625-1 3.125-2.25 4.375-1.5 1.5-3.625 2.375-5.75 2.375-0.5 0-1.125 0-1.625-0.125-0.625 1.25-1.125 2.5-1.5 3.75 0.875 0.5 1.5 1.25 2.125 2.125 1 1.375 1.5 3 1.5 4.625s-0.5 3.25-1.5 4.625c-0.625 0.875-1.25 1.625-2.125 2.125 0.375 1.25 0.875 2.5 1.5 3.75 0.5-0.125 1.125-0.125 1.625-0.125 2.125 0 4.25 0.875 5.75 2.375 1.25 1.25 2 2.75 2.25 4.375 0.125 1 0.25 2 0 3 1.25 0.625 2.5 1.125 3.75 1.5 0.5-0.875 1.25-1.5 2.125-2.125 1.375-1 3-1.5 4.625-1.5s3.25 0.5 4.625 1.5c0.875 0.625 1.625 1.25 2.125 2.125 1.25-0.375 2.5-0.875 3.75-1.5-0.25-1-0.125-2 0-3 0.25-1.625 1-3.125 2.25-4.375 1.5-1.5 3.625-2.375 5.75-2.375 0.5 0 1.125 0 1.625 0.125 0.625-1.25 1.125-2.5 1.5-3.75-0.875-0.5-1.5-1.25-2.125-2.125-1-1.375-1.5-3-1.5-4.625s0.5-3.25 1.5-4.625c0.625-0.875 1.25-1.625 2.125-2.125-0.375-1.25-0.875-2.5-1.5-3.75-0.5 0.125-1.125 0.125-1.625 0.125-2.125 0-4.25-0.875-5.75-2.375-1.25-1.25-2-2.75-2.25-4.375-0.125-1-0.25-2 0-3-1.25-0.625-2.5-1.125-3.75-1.5-0.5 0.875-1.25 1.5-2.125 2.125-1.375 1-3 1.5-4.625 1.5s-3.25-0.5-4.625-1.5c-0.875-0.625-1.625-1.25-2.125-2.125zM29.75 8v0c2.5 0.625 5 1.625 7.125 3-1 2.25-0.625 5 1.25 6.875 1.25 1.25 2.75 1.75 4.375 1.75 0.875 0 1.75-0.125 2.5-0.5 1.375 2.125 2.375 4.625 3 7.125-2.375 0.875-4 3.125-4 5.75s1.75 4.875 4 5.75c-0.625 2.5-1.625 5-3 7.125-0.75-0.375-1.625-0.5-2.5-0.5-1.625 0-3.125 0.5-4.375 1.75-1.875 1.875-2.25 4.625-1.25 6.875-2.125 1.375-4.625 2.375-7.125 3-0.875-2.25-3.125-4-5.75-4s-4.875 1.75-5.75 4c-2.5-0.625-5-1.625-7.125-3 1-2.25 0.625-5-1.25-6.875-1.25-1.25-2.75-1.75-4.375-1.75-0.875 0-1.75 0.125-2.5 0.5-1.375-2.125-2.375-4.625-3-7.125 2.375-0.875 4-3.125 4-5.75s-1.75-4.875-4-5.75c0.625-2.5 1.625-5 3-7.125 0.75 0.375 1.625 0.5 2.5 0.5 1.625 0 3.125-0.5 4.375-1.75 1.875-1.875 2.25-4.625 1.25-6.875 2.125-1.375 4.625-2.375 7.125-3 0.875 2.25 3.125 4 5.75 4s4.875-1.75 5.75-4z", + title: "Development", + text: "In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film or other media.", + }, + { + width: 48, + height: 64, + path: "M44.25 20c2.25 0 3.75 1.625 3.75 3.875v22c0 2.25-1.5 4.125-3.75 4.125h-40c-2.25 0-4.25-1.875-4.25-4.125v-22c0-2.25 2-3.875 4.25-3.875h1.625v-2h4.25v2h1.625c4-4.5 5.375-6 6.875-6h11c1.5 0 2.875 1.5 6.875 6h7.75zM46 45.875v-22c0-1.125-0.625-1.875-1.75-1.875h-8.625l-0.625-0.375c-0.375-0.5-0.875-1-1.25-1.375-1.5-1.625-2.5-3-3.25-3.75-0.625-0.625-0.875-0.5-0.875-0.5h-11s-0.25 0-0.875 0.5c-0.75 0.625-1.75 1.75-3.125 3.375-0.375 0.5-0.875 1.25-1.375 1.75l-0.625 0.375h-8.375c-1.125 0-2.25 0.875-2.25 1.875v22c0 1.125 1.125 2.125 2.25 2.125h40c1 0 1.75-1 1.75-2.125zM24 23.75c5.875 0 10.75 4.75 10.75 10.625s-4.875 10.625-10.75 10.625-10.75-4.75-10.75-10.625 4.875-10.625 10.75-10.625zM24 43c4.75 0 8.75-3.875 8.75-8.625s-4-8.625-8.75-8.625-8.75 3.875-8.75 8.625 4 8.625 8.75 8.625zM36 26.125v-2.125h2.125v2.125h-2.125zM20 34.375c0-2.625 1.375-4 4-4s4 1.375 4 4-1.375 4-4 4-4-1.375-4-4z", + title: "Photography", + text: `A brand is a name, term, design, symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.`, - }, - { - width: 36, - height: 64, - path: "M4 20v-8h28v8h-28zM6 14v4h24v-4h-24zM32 8c2.25 0 4 1.75 4 4v40c0 2.25-1.75 4-4 4h-28c-2.25 0-4-1.75-4-4v-40c0-2.25 1.75-4 4-4h28zM34 52v-40c0-1.125-0.875-2-2-2h-28c-1.125 0-2 0.875-2 2v40c0 1.125 0.875 2 2 2h28c1.125 0 2-0.875 2-2zM6 30h6v2h-8v-8h2v6zM6 40h6v2h-8v-8h2v6zM6 50h6v2h-8v-8h2v6zM16 30h6v2h-8v-8h2v6zM26 30h6v2h-8v-8h2v6zM16 40h6v2h-8v-8h2v6zM16 50h6v2h-8v-8h2v6zM26 50h6v2h-8v-18h2v16z", - title: "Marketing", - text: "A brand is a name, term, design, lorem ipsum symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.", - }, - ]; - \ No newline at end of file + }, + { + width: 36, + height: 64, + path: "M4 20v-8h28v8h-28zM6 14v4h24v-4h-24zM32 8c2.25 0 4 1.75 4 4v40c0 2.25-1.75 4-4 4h-28c-2.25 0-4-1.75-4-4v-40c0-2.25 1.75-4 4-4h28zM34 52v-40c0-1.125-0.875-2-2-2h-28c-1.125 0-2 0.875-2 2v40c0 1.125 0.875 2 2 2h28c1.125 0 2-0.875 2-2zM6 30h6v2h-8v-8h2v6zM6 40h6v2h-8v-8h2v6zM6 50h6v2h-8v-8h2v6zM16 30h6v2h-8v-8h2v6zM26 30h6v2h-8v-8h2v6zM16 40h6v2h-8v-8h2v6zM16 50h6v2h-8v-8h2v6zM26 50h6v2h-8v-18h2v16z", + title: "Marketing", + text: "A brand is a name, term, design, lorem ipsum symbol or any other feature that identifies one seller's good or service as distinct from those of other sellers.", + }, +]; diff --git a/src/data/team.ts b/src/data/team.ts new file mode 100644 index 0000000..d8207da --- /dev/null +++ b/src/data/team.ts @@ -0,0 +1,130 @@ +export const teamMembers = [ + { + name: "Cecilia Hirales", + role: "Clinical Director", + image: + "https://cochiseoncology.com/wp-content/uploads/2024/08/Screenshot-2024-08-26-at-9.39.02%E2%80%AFPM-768x511.png", + socials: [ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ], + }, + { + name: "Dr. Stephen Mayer", + role: "Medical Oncology & Hematology", + image: "https://cochiseoncology.com/wp-content/uploads/2024/08/Stephen_Mayer.jpg", + socials: [ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ], + }, + { + name: "Dr. Ramesh Vedula", + role: "Radiation Oncology", + image: + "https://cochiseoncology.com/wp-content/uploads/2024/08/Screenshot-2024-08-25-at-11.38.31%E2%80%AFPM-e1724796972654.png", + socials: [ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ], + }, + { + name: "Dr. Janet Nettleton", + role: "Radiation Oncology", + image: "https://cochiseoncology.com/wp-content/uploads/2024/08/28b08c75-8521-46e8-9004-56cc8ef9ad03-768x1014.jpeg", + socials: [ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ], + }, + { + name: "Dr. Stephen Goldfarb", + role: "Medical Oncology & Hematology", + image: + "https://cochiseoncology.com/wp-content/uploads/2024/08/Screenshot-2024-08-25-at-11.44.10%E2%80%AFPM-768x509.png", + socials: [ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ], + }, + { + name: "Shannon Lenahan", + role: "Senior Project Manager", + image: + "https://cochiseoncology.com/wp-content/uploads/2024/08/Screenshot-2024-08-26-at-9.29.54%E2%80%AFPM-768x380.png", + socials: [ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ], + }, +]; + +export const teamMembers2 = [ + { + name: "Thomas Johnson", + role: "Project Manager", + image: "/assets/images/demo-elegant/team/team-1.jpg", + socials: [ + { name: "Facebook", url: "#" }, + { name: "Twitter", url: "#" }, + { name: "Pinterest", url: "#" }, + ], + }, + { + name: "Emma Adams", + role: "UI/UX Designer", + image: "/assets/images/demo-elegant/team/team-2.jpg", + socials: [ + { name: "Facebook", url: "#" }, + { name: "Twitter", url: "#" }, + { name: "Pinterest", url: "#" }, + ], + }, + { + name: "Jack Anderson", + role: "Full-stack Developer", + image: "/assets/images/demo-elegant/team/team-3.jpg", + socials: [ + { name: "Facebook", url: "#" }, + { name: "Twitter", url: "#" }, + { name: "Pinterest", url: "#" }, + ], + }, + // Add more team members as needed +]; + +export const teamMembers3 = [ + { + name: "Thomas Anderson", + role: "Creative director", + description: + "Sed eget ipsum vel urna viverra iaculis. Aenean ligula arcu, porta in scelerisque vehicula eget metus.", + imgSrc: "/assets/images/demo-strong/team/team-1.jpg", + }, + { + name: "Lukas Goodman", + role: "Product designer", + description: "Etiam nec purus lacus curabitur facilisis dolor odio, in cursus sem viverra nec maximus pretium.", + imgSrc: "/assets/images/demo-strong/team/team-2.jpg", + }, + { + name: "Kelsie Rogers", + role: "Web engineer", + description: + "Etiam at orli at tellus iaculis bibendum quis id ante proin posuere eros, eget blandit vestibulum vel.", + imgSrc: "/assets/images/demo-strong/team/team-3.jpg", + }, + { + name: "Marta Carlson", + role: "UI/UX designer", + description: + "Sed eget ipsum vel urna viverra iaculis. Aenean ligula arcu, porta in scelerisque vehicula eget metus.", + imgSrc: "/assets/images/demo-strong/team/team-4.jpg", + }, +];