diff --git a/package-lock.json b/package-lock.json index 94fac0280b..e65cd6a2d1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -63,9 +63,9 @@ } }, "node_modules/@babel/compat-data": { - "version": "7.27.7", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.7.tgz", - "integrity": "sha512-xgu/ySj2mTiUFmdE9yCMfBxLp4DHd5DwmbbD05YAuICfodYT3VvRxbrh81LGQ/8UpSdtMdfKMn3KouYDX59DGQ==", + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz", + "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==", "dev": true, "license": "MIT", "engines": { @@ -73,22 +73,22 @@ } }, "node_modules/@babel/core": { - "version": "7.27.7", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.27.7.tgz", - "integrity": "sha512-BU2f9tlKQ5CAthiMIgpzAh4eDTLWo1mqi9jqE2OxMG0E/OM199VJt2q8BztTxpnSW0i1ymdwLXRJnYzvDM5r2w==", + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz", + "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==", "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.27.1", - "@babel/generator": "^7.27.5", + "@babel/generator": "^7.28.0", "@babel/helper-compilation-targets": "^7.27.2", "@babel/helper-module-transforms": "^7.27.3", "@babel/helpers": "^7.27.6", - "@babel/parser": "^7.27.7", + "@babel/parser": "^7.28.0", "@babel/template": "^7.27.2", - "@babel/traverse": "^7.27.7", - "@babel/types": "^7.27.7", + "@babel/traverse": "^7.28.0", + "@babel/types": "^7.28.0", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", @@ -104,16 +104,16 @@ } }, "node_modules/@babel/generator": { - "version": "7.27.5", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz", - "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==", + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz", + "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/parser": "^7.27.5", - "@babel/types": "^7.27.3", - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.25", + "@babel/parser": "^7.28.0", + "@babel/types": "^7.28.0", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" }, "engines": { @@ -137,6 +137,16 @@ "node": ">=6.9.0" } }, + "node_modules/@babel/helper-globals": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz", + "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/helper-module-imports": { "version": "7.27.1", "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz", @@ -224,13 +234,13 @@ } }, "node_modules/@babel/parser": { - "version": "7.27.7", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.7.tgz", - "integrity": "sha512-qnzXzDXdr/po3bOTbTIQZ7+TxNKxpkN5IifVLXS+r7qwynkZfPyjZfE7hCXbo7IoO9TNcSyibgONsf2HauUd3Q==", + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz", + "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.27.7" + "@babel/types": "^7.28.0" }, "bin": { "parser": "bin/babel-parser.js" @@ -287,28 +297,28 @@ } }, "node_modules/@babel/traverse": { - "version": "7.27.7", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.7.tgz", - "integrity": "sha512-X6ZlfR/O/s5EQ/SnUSLzr+6kGnkg8HXGMzpgsMsrJVcfDtH1vIp6ctCN4eZ1LS5c0+te5Cb6Y514fASjMRJ1nw==", + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz", + "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==", "dev": true, "license": "MIT", "dependencies": { "@babel/code-frame": "^7.27.1", - "@babel/generator": "^7.27.5", - "@babel/parser": "^7.27.7", + "@babel/generator": "^7.28.0", + "@babel/helper-globals": "^7.28.0", + "@babel/parser": "^7.28.0", "@babel/template": "^7.27.2", - "@babel/types": "^7.27.7", - "debug": "^4.3.1", - "globals": "^11.1.0" + "@babel/types": "^7.28.0", + "debug": "^4.3.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/types": { - "version": "7.27.7", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.7.tgz", - "integrity": "sha512-8OLQgDScAOHXnAz2cV+RfzzNMipuLVBz2biuAJFMV9bfkNf393je3VM8CLkjQodW5+iWsSJdSgSWT6rsZoXHPw==", + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.0.tgz", + "integrity": "sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==", "dev": true, "license": "MIT", "dependencies": { @@ -746,22 +756,6 @@ "url": "https://opencollective.com/eslint" } }, - "node_modules/@eslint/eslintrc/node_modules/globals": { - "version": "13.24.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", - "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "type-fest": "^0.20.2" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/@eslint/js": { "version": "8.57.1", "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz", @@ -869,9 +863,9 @@ "license": "BSD-3-Clause" }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.11", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.11.tgz", - "integrity": "sha512-C512c1ytBTio4MrpWKlJpyFHT6+qfFL8SZ58zBzJ1OOzUEjHeF1BtjY2fH7n4x/g2OV/KiiMLAivOp1DXmiMMw==", + "version": "0.3.12", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz", + "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==", "dev": true, "license": "MIT", "dependencies": { @@ -890,16 +884,16 @@ } }, "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.5.3", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.3.tgz", - "integrity": "sha512-AiR5uKpFxP3PjO4R19kQGIMwxyRyPuXmKEEy301V1C0+1rVjS94EZQXf1QKZYN8Q0YM+estSPhmx5JwNftv6nw==", + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz", + "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==", "dev": true, "license": "MIT" }, "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.28", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.28.tgz", - "integrity": "sha512-KNNHHwW3EIp4EDYOvYFGyIFfx36R2dNJYH4knnZlF8T5jdbD5Wx8xmSaQ2gP9URkJ04LGEtlcCtwArKcmFcwKw==", + "version": "0.3.29", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz", + "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==", "dev": true, "license": "MIT", "dependencies": { @@ -1678,9 +1672,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.5.178", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.178.tgz", - "integrity": "sha512-wObbz/ar3Bc6e4X5vf0iO8xTN8YAjN/tgiAOJLr7yjYFtP9wAjq8Mb5h0yn6kResir+VYx2DXBj9NNobs0ETSA==", + "version": "1.5.179", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.179.tgz", + "integrity": "sha512-UWKi/EbBopgfFsc5k61wFpV7WrnnSlSzW/e2XcBmS6qKYTivZlLtoll5/rdqRTxGglGHkmkW0j0pFNJG10EUIQ==", "dev": true, "license": "ISC" }, @@ -2078,22 +2072,6 @@ "url": "https://opencollective.com/eslint" } }, - "node_modules/eslint/node_modules/globals": { - "version": "13.24.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", - "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "type-fest": "^0.20.2" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/espree": { "version": "9.6.1", "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", @@ -2423,13 +2401,19 @@ } }, "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", "dev": true, "license": "MIT", + "dependencies": { + "type-fest": "^0.20.2" + }, "engines": { - "node": ">=4" + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/globalthis": { diff --git a/src/front/components/HomeHeaderAlt.jsx b/src/front/components/HomeHeaderAlt.jsx new file mode 100644 index 0000000000..b110b8427a --- /dev/null +++ b/src/front/components/HomeHeaderAlt.jsx @@ -0,0 +1,28 @@ +import backHomeHeader from "../assets/img/HomeOne.jpg" +import { Link } from "react-router-dom" + +export const HomeHeaderAlt = () => { + return ( +
+ CloudTech services background image +
+
+
+

+ Moldeamos ideas
para crear universos digitales. +

+ +

+ Construimos entornos digitales que fortalecen tu marca y unen tus audiencias. Creamos presencias online que aseguran resultados medibles y un crecimiento escalable. +

+ +
+ Proyectos + Contáctanos +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/front/index.css b/src/front/index.css index cc603e6997..bfcb494099 100644 --- a/src/front/index.css +++ b/src/front/index.css @@ -1,14 +1,20 @@ body { background-image: linear-gradient(0deg, #124652, #199ab7); - font-family: 'Manrope', sans-serif; + font-family: "Manrope", sans-serif; } -h1, h2, h3, h4, h5, h6 { - font-family: 'Outfit', sans-serif; +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Outfit", sans-serif; } /* Button styles */ .ct-btn-outline-accent { border: 0.15rem #fbff06 solid; + background-color: transparent; border-radius: 2rem; padding: 0.5rem 5rem 0.5rem 5rem; color: white; @@ -61,8 +67,8 @@ h1, h2, h3, h4, h5, h6 { /* Services cards, components & background */ -.card-background { - background-color: rgba(255, 255, 255, 16%); +.card.card-background { + background-color: rgba(255, 255, 255, 0.16); backdrop-filter: blur(3px); border: 0.15rem solid rgb(229, 229, 229, 0.25); box-shadow: 1px 2px 6px rgb(0, 0, 0, 0.29); @@ -73,6 +79,10 @@ h1, h2, h3, h4, h5, h6 { opacity: 50%; } +.card-title.text-ct-secondary { + color: #60e0a5; +} + .ct-description-p { width: 100%; } @@ -104,7 +114,7 @@ h1, h2, h3, h4, h5, h6 { } .animated-link:hover { - color: #88ffc8; + color: #88ffc8; } .animated-link:hover::after { @@ -113,7 +123,7 @@ h1, h2, h3, h4, h5, h6 { } .custom-navbar { - background-color: #04171B; + background-color: #04171b; padding-left: 1.5rem !important; padding-right: 1rem !important; position: fixed; @@ -126,21 +136,21 @@ h1, h2, h3, h4, h5, h6 { } .custom-navbar .nav-link { - color: #FFFFFF; + color: #ffffff; font-size: 1rem; padding: 0.5rem 0.8rem; - transition: color 0.3s ease, font-weight 0.3s ease; + transition: color 0.3s ease, font-weight 0.3s ease; } .custom-navbar .nav-link:hover { - color: #FFFFFF; + color: #ffffff; font-weight: bold; } .custom-navbar .btn-contact { /* padding-right: 10%; */ - color: #FBFF06; - border: 2px solid #FBFF06; + color: #fbff06; + border: 2px solid #fbff06; background-color: transparent; font-weight: 500; padding: 0.5rem 1.5rem; @@ -148,7 +158,7 @@ h1, h2, h3, h4, h5, h6 { } .custom-navbar .btn-contact:hover { - background-color: #FBFF06; + background-color: #fbff06; color: #217b8f !important; } @@ -156,7 +166,7 @@ h1, h2, h3, h4, h5, h6 { display: flex; justify-content: space-between; align-items: center; - background-color: #04171B; + background-color: #04171b; padding: 0.75rem 1.25rem; margin: 1.5rem 1rem 1rem 1rem; border-radius: 50px; @@ -169,7 +179,7 @@ h1, h2, h3, h4, h5, h6 { box-shadow: none !important; } .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FBFF06' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FBFF06' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } .custom-mobile-menu { @@ -178,7 +188,7 @@ h1, h2, h3, h4, h5, h6 { top: 0; left: 0; border: none; - background-image: linear-gradient(180deg, #32C4D3 0%, #3FB199 100%); + background-image: linear-gradient(180deg, #32c4d3 0%, #3fb199 100%); } .custom-mobile-menu .offcanvas-body { @@ -191,7 +201,7 @@ h1, h2, h3, h4, h5, h6 { display: flex; justify-content: space-between; align-items: center; - background-color: #199AB7; + background-color: #199ab7; padding: 0.75rem 1.25rem; margin: 1.5rem 1rem 1rem 1rem; border-radius: 50px; @@ -207,15 +217,14 @@ h1, h2, h3, h4, h5, h6 { } .mobile-link { - font-size: 1.75rem; + font-size: 1.75rem; font-weight: 500; color: white !important; } - .mobile-btn { - color: #FBFF06 !important; - border: 2px solid #FBFF06 !important; + color: #fbff06 !important; + border: 2px solid #fbff06 !important; background-color: transparent !important; padding: 0.75rem 2.5rem; font-weight: bold; @@ -243,19 +252,19 @@ h1, h2, h3, h4, h5, h6 { } .btn-outline-yellow { - color: #FBFF06 !important; - border-color: #FBFF06 !important; + color: #fbff06 !important; + border-color: #fbff06 !important; } .btn-outline-yellow:hover { - background-color: #FBFF06 !important; + background-color: #fbff06 !important; color: #217b8f !important; - border-color: #FBFF06 !important; + border-color: #fbff06 !important; } .text-warning { font-weight: bold; - color: #FBFF06 !important; + color: #fbff06 !important; } @media (min-width: 1200px) { @@ -266,4 +275,4 @@ h1, h2, h3, h4, h5, h6 { .hero-subtitle-home { font-size: 1rem; } -} \ No newline at end of file +} diff --git a/src/front/pages/Home.jsx b/src/front/pages/Home.jsx index 78327680dd..fe1c62b33a 100644 --- a/src/front/pages/Home.jsx +++ b/src/front/pages/Home.jsx @@ -4,7 +4,7 @@ import { Services } from "../components/Services/Services.jsx"; import { Process } from "../components/Process.jsx"; import { Projects } from "../components/Projects.jsx"; import { Testimonials } from "../components/Testimonial/Testimonials.jsx"; -import { Team } from "../components/Team/Team.jsx"; +import { HomeHeaderAlt } from "../components/HomeHeaderAlt.jsx"; import { HeaderHome } from "../components/HeaderHome.jsx"; @@ -40,8 +40,8 @@ export const Home = () => { return ( <> -
- + +