Merge pull request #103 from minskylab/dev

refactor: services section
minskylab · Jul 22, 2023 · c33030b · c33030b
2 parents b1d6d67 + 9eed05f
commit c33030b
Show file tree

Hide file tree

Showing 16 changed files with 227 additions and 95 deletions.
diff --git a/public/locales/en/home.json b/public/locales/en/home.json
@@ -60,7 +60,7 @@
         "items": ["UX/UI Design", "Microbranding"]
       },
       {
-        "icon": "alfa",
+        "icon": "beta",
         "title": "Software Development",
         "description": "We use modern software development paradigms.",
         "items": [
@@ -71,7 +71,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "delta",
         "title": "Consultancies and/or Advising",
         "description": "We help you develop your product from scratch.",
         "items": [
@@ -80,7 +80,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "gamma",
         "title": "DevOps, Infrastructure and Cloud",
         "description": "We are specialized in end-to-end services.",
         "items": [
@@ -91,7 +91,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "lambda",
         "title": "Data Science and AI",
         "description": "We extract, clean, process, structure data and give value to its use through AI.",
         "items": [
@@ -101,7 +101,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "pi",
         "title": "Other Services",
         "description": "We are in constant technological change, we know about tools and technologies in general that can help you grow your business or research.",
         "items": ["IoT", "Hosting and domains"]

diff --git a/public/locales/es/home.json b/public/locales/es/home.json
@@ -60,7 +60,7 @@
         "items": ["UX/UI Design", "Micromarca"]
       },
       {
-        "icon": "alfa",
+        "icon": "beta",
         "title": "Desarrollo de Software",
         "description": "Usamos modernos paradigmas de desarrollo de Sotfware.",
         "items": [
@@ -71,7 +71,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "delta",
         "title": "Consultorías y/o Asesorías",
         "description": "Te ayudamos a desarrollar tu producto desde cero.",
         "items": [
@@ -80,7 +80,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "gamma",
         "title": "DevOps, Infraestructura y Cloud",
         "description": "Nos especializamos en servicios end-to-end.",
         "items": [
@@ -91,7 +91,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "lambda",
         "title": "Data Science y AI",
         "description": "Extraemos, limpiamos, procesamos, estructuramos los datos y le damos valor a su uso a través de IA.",
         "items": [
@@ -101,7 +101,7 @@
         ]
       },
       {
-        "icon": "alfa",
+        "icon": "pi",
         "title": "Otros servicios",
         "description": "Estamos en constante cambio tecnológico, conocemos sobre herramientas y tecnologías en general que pueden ayudarte a crecer en tu negocio o investigación.",
         "items": ["IoT", "Hosting y dominios"]

diff --git a/src/assets/images/index.ts b/src/assets/images/index.ts
@@ -38,7 +38,7 @@ export const clientsImages = [
     id: "totemiq",
     iconLightmode: totemiqLightmode,
     iconDarkmode: totemiqDarkmode,
-    height: 60,
+    height: 50,
   },
   {
     id: "clv",

diff --git a/src/components/future/illustrations/Alpha.tsx b/src/components/future/illustrations/Alpha.tsx
@@ -2,24 +2,24 @@ type AlphaIllustrationProps = {
   scale?: number;
 };
 
-export const AlphaIllustration = ({ scale = 0.8 }: AlphaIllustrationProps) => {
+export const AlphaIllustration = ({ scale = 1 }: AlphaIllustrationProps) => {
   return (
     <svg
-      width={scale * 68}
-      height={scale * 63}
-      viewBox="0 0 68 63"
+      width={scale * 55}
+      height={scale * 46}
+      viewBox="0 0 55 46"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M56.8252 31.1401C59.6588 42.8509 53.4056 44.7566 41.0111 47.7557C28.616 50.7548 23.7526 56.5823 17.1628 47.7557C10.4485 38.7626 23.4937 11.3525 41.0111 10.9218C58.5279 10.4911 53.9916 19.4293 56.8252 31.1401Z"
+        d="M53.4384 22.4292C56.4906 35.0435 49.755 37.0963 36.4042 40.3267C23.0527 43.5572 17.814 49.8344 10.7159 40.3268C3.48346 30.6398 17.5352 1.11477 36.4042 0.650844C55.2726 0.186979 50.3862 9.81475 53.4384 22.4292Z"
         fill="#FF9D43"
         fillOpacity="0.26"
       />
       <path
-        d="M37.7085 13.4218C37.7085 13.4218 36.2943 20.9416 32.1076 26.7782C26.8861 34.0566 23.5115 41.6698 15.8465 39.7534C6.9392 37.5267 8.43231 18.8295 18.8087 15.9671C32.832 12.0984 33.3524 48.2342 48.9361 34.2876"
+        d="M32.8464 3.34375C32.8464 3.34375 31.3231 11.4438 26.8133 17.7307C21.189 25.5707 17.554 33.7713 9.29755 31.7071C-0.296966 29.3085 1.31136 9.16875 12.4884 6.08544C27.5936 1.91833 28.1542 40.8422 44.9403 25.8195"
         stroke="#EA7E3C"
-        strokeWidth="5.31988"
+        strokeWidth="5"
         strokeLinecap="round"
       />
     </svg>

diff --git a/src/components/future/illustrations/Betha.tsx b/src/components/future/illustrations/Betha.tsx
@@ -0,0 +1,27 @@
+type BethaIllustrationProps = {
+  scale?: number;
+};
+
+export const BethaIllustration = ({ scale = 1 }: BethaIllustrationProps) => {
+  return (
+    <svg
+      width={scale * 35}
+      height={scale * 55}
+      viewBox="0 0 35 55"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M33.2863 9.22172C34.8683 15.76 35.2841 36.3763 29.5053 41.9902C22.6578 48.6423 9.41603 58.229 3.87925 50.8127C-1.76226 43.2565 -2.42373 22.2453 12.2807 14.6833C26.9851 7.12127 30.9054 -0.617923 33.2863 9.22172Z"
+        fill="#FF9D43"
+        fillOpacity="0.26"
+      />
+      <path
+        d="M5.98779 37.6301C40.8482 33.1679 7.93651 23.2213 15.2217 20.3297C25.5519 16.2297 24.5708 2.5 20.7756 2.5C13.9538 3.83067 8.39122 31.0213 10.7206 51.6527"
+        stroke="#EA7E3C"
+        strokeWidth="5"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+};
diff --git a/src/components/future/illustrations/Delta.tsx b/src/components/future/illustrations/Delta.tsx
@@ -0,0 +1,27 @@
+type DeltaIllustrationProps = {
+  scale?: number;
+};
+
+export const DeltaIllustration = ({ scale = 1 }: DeltaIllustrationProps) => {
+  return (
+    <svg
+      width={scale * 43}
+      height={scale * 52}
+      viewBox="0 0 43 52"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M37.1836 23.5807C37.1836 23.5807 30.2513 63.5936 1.43872 47.5884C-5.4961 35.8512 18.0748 30.3312 11.0435 20.913C3.8792 11.3173 14.2242 1.0988 32.9155 0.639248C51.6062 0.179751 37.1836 23.5807 37.1836 23.5807Z"
+        fill="#FF9D43"
+        fillOpacity="0.26"
+      />
+      <path
+        d="M28.7549 13.4836C28.7549 13.4836 23.805 7.10146 17.3707 8.99229C11.7112 10.656 10.5946 15.3606 19.0641 19.1561C39.2408 24.8191 24.614 51.8822 14.8624 42.7915C6.77952 35.2565 15.1192 27.3913 23.5547 23.1736"
+        stroke="#EA7E3C"
+        strokeWidth="5"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+};
diff --git a/src/components/future/illustrations/Gamma.tsx b/src/components/future/illustrations/Gamma.tsx
@@ -0,0 +1,27 @@
+type GammaIllustrationProps = {
+  scale?: number;
+};
+
+export const GammaIllustration = ({ scale = 1 }: GammaIllustrationProps) => {
+  return (
+    <svg
+      width={scale * 34}
+      height={scale * 52}
+      viewBox="0 0 34 52"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M32.874 16.8395C35.4127 27.3314 19.6613 49.0937 8.5568 51.7806C-2.5482 54.4675 14.4606 31.74 8.55674 23.8321C2.54122 15.775 -1.29821 1.88226 16.2994 0.103584C26.8724 -0.965072 30.3354 6.34756 32.874 16.8395Z"
+        fill="#FF9D43"
+        fillOpacity="0.26"
+      />
+      <path
+        d="M4.56571 7.74146C-0.0200458 21.8042 8.84314 28.8011 16.6112 25.7179C27.6263 21.3461 27.9321 6.08862 23.8853 6.08862C16.6113 7.50751 10.24 24.8942 12.7238 46.8933"
+        stroke="#EA7E3C"
+        strokeWidth="5"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+};
diff --git a/src/components/future/illustrations/Lambda.tsx b/src/components/future/illustrations/Lambda.tsx
@@ -0,0 +1,28 @@
+type LambdaIllustrationProps = {
+  scale?: number;
+};
+
+export const LambdaIllustration = ({ scale = 1 }: LambdaIllustrationProps) => {
+  return (
+    <svg
+      width={scale * 48}
+      height={scale * 50}
+      viewBox="0 0 48 50"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M46.9096 25.318C50.0821 38.4294 43.081 40.5631 29.2041 43.9209C15.3265 47.2787 9.88134 53.8032 2.50348 43.9209C-5.01393 33.8522 9.59152 3.16371 29.2041 2.68151C48.816 2.19936 43.7371 12.2065 46.9096 25.318Z"
+        fill="#FF9D43"
+        fillOpacity="0.26"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.0371 6.91615C12.9082 5.20544 13.9119 5.32977 14.4304 5.53C15.2558 5.84861 16.3014 6.8959 17.4277 9.02542C19.1801 12.3386 20.4711 16.9323 21.5924 21.0094C18.8857 27.3756 12.8603 37.6422 8.05239 43.7526C7.27233 44.7439 7.44356 46.1797 8.43488 46.9601C9.42614 47.7397 10.8621 47.5684 11.6421 46.5771C15.5462 41.6163 20.1739 34.1248 23.4008 27.8461C23.4795 28.1765 23.5593 28.5153 23.6407 28.8602C23.8929 29.9276 24.1597 31.0582 24.451 32.2329C25.207 35.2805 26.1108 38.5413 27.2735 41.1588C27.8552 42.4682 28.5465 43.7214 29.3905 44.7302C30.2313 45.7359 31.3572 46.6563 32.8233 46.9784C34.3476 47.3141 35.8342 46.9159 37.1753 46.0625C38.4748 45.2349 39.7255 43.9323 40.9666 42.2315C41.7101 41.2128 41.4869 39.7838 40.4679 39.04C39.449 38.2969 38.0202 38.52 37.2766 39.5386C36.2066 41.005 35.3503 41.8089 34.7221 42.2086C34.1356 42.5824 33.8738 42.5322 33.8044 42.517C33.6767 42.4888 33.3634 42.3609 32.8948 41.7998C32.4294 41.2433 31.941 40.4134 31.4481 39.3041C30.4616 37.0833 29.6361 34.1621 28.8846 31.1328C28.6261 30.0905 28.3734 29.0216 28.126 27.9748C27.6796 26.0859 27.2504 24.2709 26.8362 22.8213C26.6789 22.2701 26.514 21.674 26.3409 21.0429C26.3438 20.6203 26.2285 20.2077 26.0145 19.8506C24.8952 15.7672 23.4467 10.6353 21.4657 6.88973C20.2342 4.56128 18.5256 2.21433 16.0755 1.26853C13.3187 0.204261 10.526 1.19407 7.95479 3.54483C7.02376 4.39599 6.95912 5.84069 7.81029 6.77165C8.66146 7.7026 10.1062 7.76732 11.0371 6.91615Z"
+        fill="#EA7E3C"
+        fillOpacity="0.9"
+      />
+    </svg>
+  );
+};
diff --git a/src/components/future/illustrations/Pi.tsx b/src/components/future/illustrations/Pi.tsx
@@ -0,0 +1,27 @@
+type PiIllustrationProps = {
+  scale?: number;
+};
+
+export const PiIllustration = ({ scale = 1 }: PiIllustrationProps) => {
+  return (
+    <svg
+      width={scale * 50}
+      height={scale * 46}
+      viewBox="0 0 50 46"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M48.4126 18.3815C51.2462 30.0922 45.0557 35.2302 32.0557 36.7302C21.5557 47.2302 15.5027 47.208 8.91301 38.3815C2.19867 29.3884 11.0383 0.660983 28.5557 0.230293C46.0725 -0.200342 45.5791 6.67078 48.4126 18.3815Z"
+        fill="#FF9D43"
+        fillOpacity="0.26"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M26.8874 12.7933C23.6615 12.7908 20.4635 12.8181 17.2848 12.9421C17.3474 17.6163 17.6977 22.2911 18.0753 27.0465C18.1026 27.3955 18.1305 27.7446 18.1584 28.0949L18.1596 28.1055C18.5484 32.9836 18.9445 37.956 19.0357 42.9483C19.0636 44.489 17.8372 45.7606 16.2965 45.7885C14.7558 45.8164 13.4842 44.5906 13.4563 43.0499C13.3689 38.2356 12.9857 33.4263 12.5939 28.5109L12.5933 28.5041C12.5666 28.1662 12.5393 27.8277 12.5127 27.4886C12.1425 22.828 11.7835 18.0757 11.7091 13.2751C9.10515 13.4902 6.51045 13.7983 3.91947 14.2361C2.40047 14.4934 0.960828 13.4697 0.704148 11.9501C0.446848 10.4311 1.47047 8.99086 2.99009 8.73418C12.5021 7.12652 22.0886 7.17859 31.3762 7.22881C32.9851 7.23749 34.5847 7.24617 36.1737 7.24617C37.7144 7.24617 38.9637 8.49547 38.9637 10.0362C38.9637 11.5775 37.7144 12.8262 36.1737 12.8262C34.9337 12.8262 33.6987 12.8218 32.4686 12.8156C32.445 16.6051 32.4159 22.3531 33.2882 27.5351C33.7929 30.5328 34.5617 33.0779 35.6368 34.8542C36.6685 36.5573 37.8149 37.3205 39.1931 37.4389C40.7282 37.571 41.8659 38.9226 41.7339 40.4577C41.6024 41.9928 40.2508 43.1305 38.7157 42.9985C35.0503 42.6835 32.5157 40.4732 30.8634 37.7434C29.2551 35.0867 28.3375 31.738 27.7857 28.4613C26.8316 22.7939 26.8613 16.553 26.8874 12.7933Z"
+        fill="#EA7E3C"
+      />
+    </svg>
+  );
+};
diff --git a/src/components/future/illustrations/index.ts b/src/components/future/illustrations/index.ts
@@ -1,5 +1,19 @@
 import { SymbolsIllustration } from "./Symbols";
 import { SystemIllustration } from "./System";
 import { AlphaIllustration } from "./Alpha";
+import { BethaIllustration } from "./Betha";
+import { DeltaIllustration } from "./Delta";
+import { GammaIllustration } from "./Gamma";
+import { LambdaIllustration } from "./Lambda";
+import { PiIllustration } from "./Pi";
 
-export { SymbolsIllustration, SystemIllustration, AlphaIllustration };
+export {
+  SymbolsIllustration,
+  SystemIllustration,
+  AlphaIllustration,
+  BethaIllustration,
+  DeltaIllustration,
+  GammaIllustration,
+  LambdaIllustration,
+  PiIllustration,
+};
diff --git a/src/components/ui/Clients/index.tsx b/src/components/ui/Clients/index.tsx
@@ -12,8 +12,7 @@ const useStyles = createStyles((theme, _params, getRef) => {
     title: {
       fontWeight: 900,
       fontFamily: "Open Sans",
-      paddingTop: `calc(${theme.spacing.xl} * 6)`,
-      marginBottom: `calc(${theme.spacing.xl} * 1.5)`,
+      marginBottom: `calc(${theme.spacing.xl} * 4)`,
     },
   };
 });

diff --git a/src/components/ui/Faq/index.tsx b/src/components/ui/Faq/index.tsx
@@ -6,15 +6,13 @@ import { useTranslation } from "next-i18next";
 const useStyles = createStyles((theme, _params, getRef) => {
   return {
     wrapper: {
-      paddingTop: `calc(${theme.spacing.xl} * 6)`,
-      paddingBottom: `calc(${theme.spacing.xl} * 4)`,
       minHeight: 650,
     },
 
     title: {
       fontWeight: 900,
       fontFamily: "Open Sans",
-      marginBottom: `calc(${theme.spacing.xl} * 1.5)`,
+      marginBottom: `calc(${theme.spacing.xl} * 2)`,
     },
 
     control: {

diff --git a/src/components/ui/Schedule/index.tsx b/src/components/ui/Schedule/index.tsx
@@ -10,8 +10,7 @@ const useStyles = createStyles(theme => {
     title: {
       fontWeight: 900,
       fontFamily: "Open Sans",
-      paddingTop: `calc(${theme.spacing.xl} * 6)`,
-      marginBottom: `calc(${theme.spacing.xl} * 1.5)`,
+      marginBottom: `calc(${theme.spacing.xl} * 4)`,
     },
   };
 });