+
{#each $locales as locale} {locale} @@ -71,13 +68,6 @@ diff --git a/src/components/Partners.svelte b/src/components/Partners.svelte index 4ebfb00..1da8d4d 100644 --- a/src/components/Partners.svelte +++ b/src/components/Partners.svelte @@ -30,13 +30,10 @@ diff --git a/src/components/Well.svelte b/src/components/Well.svelte index 79161d2..0727c1e 100644 --- a/src/components/Well.svelte +++ b/src/components/Well.svelte @@ -4,66 +4,63 @@ {#if !$isLoading} - - - - - {$_("whatForYou.evidence.uptitle", { - default: "We are not just another installer", - })} - - - - {$_("whatForYou.evidence.title", { - default: "Contact us and see the difference our service makes", - })} - - - - {$_("whatForYou.evidence.p1", { - default: "Free consultation", - })} - - - - {$_("whatForYou.evidence.p2", { - default: "Tailor-made solution", + + + + + {$_("whatForYou.evidence.uptitle", { + default: "We are not just another installer", })} - - - - {$_("whatForYou.evidence.p3", { - default: "No fine print", + + + + {$_("whatForYou.evidence.title", { + default: "Contact us and see the difference our service makes", })} - - - - - {$_("contactBtn.cta", { - default: "Contacto", - })} - - + + + + {$_("whatForYou.evidence.p1", { + default: "Free consultation", + })} + + + + {$_("whatForYou.evidence.p2", { + default: "Tailor-made solution", + })} + + + + {$_("whatForYou.evidence.p3", { + default: "No fine print", + })} + + + + + {$_("contactBtn.cta", { + default: "Contacto", + })} + + + - - + {/if} diff --git a/src/components/WhatWeDo.svelte b/src/components/WhatWeDo.svelte index 93dfcd3..939f04d 100644 --- a/src/components/WhatWeDo.svelte +++ b/src/components/WhatWeDo.svelte @@ -98,9 +98,13 @@ - + {$_("whatWeDo.maintenance.title")} @@ -117,9 +121,13 @@ - + {$_("whatWeDo.payments.title")} @@ -136,10 +144,6 @@ {/if} diff --git a/src/components/common/Carousel.svelte b/src/components/common/Carousel.svelte index 20a639d..10bd49e 100644 --- a/src/components/common/Carousel.svelte +++ b/src/components/common/Carousel.svelte @@ -9,7 +9,7 @@ let slider, prev, next, radioSlider; //let select = 0; - export let dots = true; + // export let dots = true; let currentIndex = 0; $: select = 0; $: pips = slider ? slider.innerElements : []; @@ -32,66 +32,56 @@ rtl: false, onInit: () => {}, onChange: () => {}, - }); //end Siema constructor + }); + //end Siema constructor prev = () => { slider.prev(); if (select > 0) { select--; + } else { + select = totalDots - 1; } }; + next = () => { slider.next(); - if (select >= 0) { + + if (select < totalDots - 1) { select++; + } else { + select = 0; } }; - }); //end onMount - - export function isDotActive(dotIndex) { - // if (currentIndex < 0) currentIndex = pips.length + currentIndex; - // return currentIndex >= dotIndex*currentPerPage && currentIndex < (dotIndex*currentPerPage)+currentPerPage - console.log(select, dotIndex); - return select === dotIndex; - } - - export function left() { - slider.prev(); - } - - export function right() { - slider.next(); - } + }); export function go(index) { slider.goTo(index); + select = index; } - const images = [ + let images = [ { + id: 'evSales', url: evsales, - header: $_("carousel.evSales.header", { - default: "Because the sales of electric vehicles keep increasing", - }), + header: "Because the sales of electric vehicles keep increasing", description: $_("carousel.evSales.description", { default: "Sales of EV already surpassed those of Diesel and the best selling car of the world is an EV.", }), }, { + id: 'greatCustomers', url: great_customers, - header: $_("carousel.greatCustomers.header", { - default: "Because the EV drivers make for great customers", - }), + header: "Because the EV drivers make for great customers", description: $_("carousel.greatCustomers.description", { default: "On average they are more welthy, spend more and are more loyal.", }), }, { + id: 'fleetSavings', url: fleet_savings, - header: $_("carousel.fleetSavings.header", { - default: "Because switching your fleet to EVs can save you money", - }), + header: "Because switching your fleet to EVs can save you money", description: $_("carousel.fleetSavings.description", { default: "Running costs of EVs are fraction of the price of combustion vehicles.", @@ -104,26 +94,40 @@ {#each images as src, imageIndex (src)} - {src.header} - + + {$_(`carousel.${src.id}.header`, { + default: src.header, + })} + + - {src.description} + {$_(`carousel.${src.id}.description`, { + default: src.description, + })} {/each} - + {#each { length: totalDots } as e, i} - go(i * currentPerPage)} - on:keypress={() => go(i * currentPerPage)} - class={isDotActive(i) ? "active" : ""} - > + go(i)} + > + {i} + {/each} - + - + - + - :root { - --ratio: 1440 * 1vw * 100; - } .slider { background-color: white; border-radius: calc(20 / var(--ratio)); @@ -187,23 +188,7 @@ left: -1%; } - ul { - list-style-type: none; - position: absolute; - display: flex; - justify-content: center; - width: 100%; - margin-top: -30px; - padding: 0; - } - ul li { - margin: 6px; - border-radius: 100%; - background-color: #dbdbdb; - height: 12px; - width: 12px; - } - ul li.active { - background-color: #6c6c6c; + .dots--visible { + margin-block-start: calc(40 / var(--ratio)); } diff --git a/src/components/common/CarouselMobile.svelte b/src/components/common/CarouselMobile.svelte index f33855a..b2ef197 100644 --- a/src/components/common/CarouselMobile.svelte +++ b/src/components/common/CarouselMobile.svelte @@ -45,7 +45,8 @@ if (indexSlideCarousel > 0) { indexSlideCarousel--; const w = - document.getElementById("carousel-mobile-slider").offsetWidth / 6; + document.getElementById("carousel-mobile-slider").offsetWidth / + numberOfSlideCarousel; document.getElementById("carousel-mobile-slider").scrollLeft -= w; } } @@ -53,12 +54,14 @@ if (indexSlideCarousel < numberOfSlideCarousel) { indexSlideCarousel++; const w = - document.getElementById("carousel-mobile-slider").offsetWidth / 6; + document.getElementById("carousel-mobile-slider").offsetWidth / + numberOfSlideCarousel; document.getElementById("carousel-mobile-slider").scrollLeft += w; } } let carousel; $: indexByDotCarousel = 0; + export const checkPosition = (position) => { if (position === 0) indexByDotCarousel = 0; else { @@ -70,13 +73,15 @@ indexByDotCarousel = Math.floor(position / w); } }; + export const goTo = (index) => { - const w = - document.getElementById("carousel-mobile-slider").scrollWidth / + const containerW = + document.getElementById("carousel-mobile-slider").offsetWidth * numberOfSlideCarousel; + const w = containerW / numberOfSlideCarousel; const to = (index - indexByDotCarousel) * w; + document.getElementById("carousel-mobile-slider").scrollLeft += to; - indexByDotCarousel = index; }; @@ -122,21 +127,23 @@ /> - + + {#each { length: numberOfSlideCarousel } as _, i} - goTo(i)} - > + > + {i} + {/each} - + {/if} diff --git a/src/components/menu/Hamburger.svelte b/src/components/menu/Hamburger.svelte index 6c14d31..db3fb06 100644 --- a/src/components/menu/Hamburger.svelte +++ b/src/components/menu/Hamburger.svelte @@ -1,46 +1,49 @@ - open = !open}> - - - - - + (open = !open)} +> + + + + + \ No newline at end of file + transform: translate(-12px, 13px) rotate(-45deg); + } + diff --git a/src/components/menu/SideBar.svelte b/src/components/menu/SideBar.svelte index 8c52073..ea35a33 100644 --- a/src/components/menu/SideBar.svelte +++ b/src/components/menu/SideBar.svelte @@ -1,81 +1,92 @@ - \ No newline at end of file + } + diff --git a/src/hooks.client.js b/src/hooks.client.js index d403b25..0aeaf55 100644 --- a/src/hooks.client.js +++ b/src/hooks.client.js @@ -1,4 +1,4 @@ -import * as Sentry from '@sentry/sveltekit'; +import * as Sentry from "@sentry/sveltekit"; Sentry.init({ dsn: import.meta.env.VITE_SENTRY_DSN, @@ -11,7 +11,7 @@ Sentry.init({ // If the entire session is not sampled, use the below sample rate to sample // sessions when an error occurs. replaysOnErrorSampleRate: 1.0, - + integrations: [ Sentry.replayIntegration({ // Additional SDK configuration goes in here, for example: diff --git a/src/hooks.server.js b/src/hooks.server.js index 07d4b91..f635844 100644 --- a/src/hooks.server.js +++ b/src/hooks.server.js @@ -1,6 +1,6 @@ import { sequence } from "@sveltejs/kit/hooks"; import { handleErrorWithSentry, sentryHandle } from "@sentry/sveltekit"; -import * as Sentry from '@sentry/sveltekit'; +import * as Sentry from "@sentry/sveltekit"; import { VITE_SENTRY_DSN } from "$env/static/private"; Sentry.init({ diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index e36588c..d3fc389 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,14 +1,96 @@ @@ -17,7 +99,7 @@ diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index c551159..9c8c892 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -21,6 +21,7 @@ onMount(() => { console.log("the component has mounted"); + setTimeout(() => { const element = document.getElementById("contact"); if (contactStatus) element.scrollIntoView({ behavior: "instant" }); @@ -44,34 +45,3 @@ - - diff --git a/src/routes/[slug]/+layout.svelte b/src/routes/[slug]/+layout.svelte index 447890d..14575f7 100644 --- a/src/routes/[slug]/+layout.svelte +++ b/src/routes/[slug]/+layout.svelte @@ -1,5 +1,10 @@ @@ -17,7 +26,7 @@ diff --git a/src/routes/[slug]/+page.svelte b/src/routes/[slug]/+page.svelte index a058c1c..b473263 100644 --- a/src/routes/[slug]/+page.svelte +++ b/src/routes/[slug]/+page.svelte @@ -21,6 +21,7 @@ onMount(() => { console.log("the component has mounted"); + setTimeout(() => { const element = document.getElementById("contact"); if (contactStatus) element.scrollIntoView({ behavior: "instant" }); @@ -44,34 +45,3 @@ - - diff --git a/src/schema.js b/src/schema.js index f5b8c6c..89da4a5 100644 --- a/src/schema.js +++ b/src/schema.js @@ -3,16 +3,10 @@ import * as yup from "yup"; const schema = yup.object().shape({ firstname: yup.string().required("First name is required"), lastname: yup.string().required("Last name is required"), - company: yup - .string() - .required("Company is required"), + company: yup.string().required("Company is required"), email: yup.string().required("Email is required").email("Email is invalid"), - phone: yup - .string() - .required("Phone is required"), - message: yup - .string() - .required("Message is required") + phone: yup.string().required("Phone is required"), + message: yup.string().required("Message is required"), }); -export default schema; \ No newline at end of file +export default schema; diff --git a/src/service-worker.js b/src/service-worker.js index ff496b4..654625f 100644 --- a/src/service-worker.js +++ b/src/service-worker.js @@ -14,7 +14,7 @@ self.addEventListener("install", (event) => { .then((cache) => cache.addAll(to_cache)) .then(() => { self.skipWaiting(); - }) + }), ); }); @@ -27,7 +27,7 @@ self.addEventListener("activate", (event) => { } self.clients.claim(); - }) + }), ); }); @@ -80,6 +80,6 @@ self.addEventListener("fetch", (event) => { throw err; } - }) + }), ); }); diff --git a/src/services/contents.js b/src/services/contents.js index b996ab7..4790dae 100644 --- a/src/services/contents.js +++ b/src/services/contents.js @@ -1,3 +1,3 @@ export default [ - "one","two" + "one", "two", "three", "four" ]; \ No newline at end of file diff --git a/src/services/messages/en.json b/src/services/messages/en.json index 0c0f0fb..87200d2 100644 --- a/src/services/messages/en.json +++ b/src/services/messages/en.json @@ -173,7 +173,23 @@ "howToStart": { "title": "How can you get started?", "subtitle": "You could call your electrician to install a basic EV charger from Amazon, but in realitythe installation is just the first step to a very complex ecosystem.", - "alt": "Example aspects to keep in mind" + "alt": "Example aspects to keep in mind", + "list": { + "hts01": "Usage reports", + "hts02": "Equipment upgrades", + "hts03": "Updates", + "hts04": "Network connection", + "hts05": "Business development", + "hts06": "Project preparation", + "hts07": "Billing", + "hts08": "Signage", + "hts09": "System integrations", + "hts10": "Preventive maintenance", + "hts11": "Certificate rotation", + "hts12": "Technical feasibility", + "hts13": "Status monitoring", + "hts14": "Legislative changes" + } }, "nav": { "need": "Why you need it", @@ -206,5 +222,27 @@ }, "privacyPolicy": { "title": "Privacy Policy" + }, + "sliderContent": { + "one": { + "description": "Gaia Charge made the process of installing an electric vehicle charger for our co-workers extremely easy. We just pay a monthly fee and forget about everything. It was all taken care of.", + "name": "Miracle Martinez", + "who": "Generador Coworking" + }, + "two": { + "description": "Since Gaia Charge manages the public charger I usually use, the previous nightmare is over. The availability and speed of charging has improved a lot and the technical service is now impeccable and fast in the few incidents that have occurred.", + "name": "Vicente Meneu", + "who": "User" + }, + "three": { + "description": "I got to know Gaia Charge as a customer of their electric chargers. I wanted to meet them personally because I had never received such a personalized and professional attention.", + "name": "Juan Fernando Bou Pérez", + "who": "Bou Consultores" + }, + "four": { + "description": "After years of experience, I can say that Gaia Charge has surprised me positively with its quick and direct attention in any situation (...) I hope that more towns will follow the example of Alboraya and the management company.", + "name": "Francisco J Montesinos Ramirez", + "who": "User" + } } } diff --git a/src/services/messages/es-ES.json b/src/services/messages/es-ES.json index 7d2ac62..daccb78 100644 --- a/src/services/messages/es-ES.json +++ b/src/services/messages/es-ES.json @@ -173,7 +173,23 @@ "howToStart": { "title": "¿Cómo puedes empezar?", "subtitle": "Podrías llamar a tu electricista para que te instale un cargador básico de Amazon, pero en realidad la instalación es sólo el primer paso de un ecosistema muy complejo.", - "alt": "Ejemplos de aspectos a tener en cuenta" + "alt": "Ejemplos de aspectos a tener en cuenta", + "list": { + "hts01": "Informes de uso", + "hts02": "Mejoreas del equipamientro", + "hts03": "Actualizaciones", + "hts04": "Conexión a la red", + "hts05": "Consultoría de negocios", + "hts06": "Preparación del proyecto", + "hts07": "Facturación", + "hts08": "Señalización", + "hts09": "Integraciones con sistemas propios", + "hts10": "Mantenimiento preventivo", + "hts11": "Rotación de certificados", + "hts12": "Viabilidad técnica", + "hts13": "Monitoreo de estado", + "hts14": "Cambios de legislación" + } }, "nav": { "need": "Por qué lo necesitas", @@ -206,5 +222,27 @@ }, "privacyPolicy": { "title": "Política de privacidad" + }, + "sliderContent": { + "one": { + "description": "Gaia Charge hizo que el proceso de instalación de un cargador de vehículos eléctricos para nuestros compañeros de trabajo fuera extremadamente fácil. Sólo pagamos una cuota mensual y nos olvidamos. Todo quedó resuelto.", + "name": "Miracle Martinez", + "who": "Generador Coworking" + }, + "two": { + "description": "Desde que Gaia Charge gestiona el cargador público que suelo utilizar, se acabó la pesadilla anterior. La disponibilidad y velocidad de carga ha mejorado mucho y el servicio técnico es ahora impecable y rápido en las pocas incidencias que ha habido.", + "name": "Vicente Meneu", + "who": "Usuario" + }, + "three": { + "description": "Conocí la empresa Gaia Charge al ser cliente de sus cargadores eléctricos. Quise conocerlos personalmente porqué nunca había recibido una atención tan personalizada y profesional.", + "name": "Juan Fernando Bou Pérez", + "who": "Bou Consultores" + }, + "four": { + "description": "Después de años de experiencias, puedo decir que Gaia Charge me ha sorprendido positivamente con su atención rápida y directa en cualquier situación. (...) Espero que más poblaciones sigan el ejemplo de Alboraya y la empresa gestora.", + "name": "Francisco J Montesinos Ramirez", + "who": "Usuario" + } } } \ No newline at end of file diff --git a/src/styles/_main.css b/src/styles/_main.css new file mode 100644 index 0000000..7d8d2c7 --- /dev/null +++ b/src/styles/_main.css @@ -0,0 +1,79 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + --ratio: 1440 * 1vw * 100; +} + +html { + scroll-behavior: smooth; +} + +body { + background: theme(colors.gray); + overflow-x: hidden; +} + +section { + scroll-margin-block-start: 6rem; +} + +@media only screen and (max-width: 431px) { + body { + width: 100vw; + } + + .w-full { + height: 100vh; + } + + h1 { + font-size: 40px !important; + line-height: 48px !important; + } + + p { + font-size: 18px !important; + line-height: 28px !important; + } + + #svelte { + overflow: hidden; + } + + .contact { + width: 190px !important; + height: 60px; + margin-block-start: 48px !important; + padding: 16px 26px !important; + font-size: 18px !important; + line-height: 28px !important; + } + + .contact img { + width: 16px !important; + } +} + +em { + font-style: normal; + position: relative; + + &::before { + display: inline-block; + height: calc(4 / var(--ratio)); + width: 100%; + background: theme("colors.green"); + content: ""; + position: absolute; + left: 0; + bottom: calc(2 / var(--ratio)); + z-index: -1; + } +} + +h1 em::before { + height: calc(8 / var(--ratio)); + bottom: calc(8 / var(--ratio)); +} \ No newline at end of file diff --git a/src/styles/cookies.css b/src/styles/cookies.css new file mode 100644 index 0000000..43ff825 --- /dev/null +++ b/src/styles/cookies.css @@ -0,0 +1,113 @@ +@import "@beyonk/gdpr-cookie-consent-banner/banner.css"; + +.cookieConsentWrapper { + background: transparent; + padding-inline: 1rem; + width: 100%; + + position: fixed; + left: 50%; + transform: translateX(-50%); + bottom: 3rem; + + display: flex; + align-items: flex-start; + justify-content: bottom; + + @media (min-width: 600px) { + width: calc(1280 / var(--ratio)); + padding-inline: 0; + } +} + +.cookieConsent { + padding: 2rem; + background-color: theme("colors.white"); + color: theme("colors.black"); + border-radius: 1.25rem; + max-width: 40rem; + margin: 0; + + display: flex; + flex-direction: column; + align-items: stretch; + gap: 1.5em; + + font-size: .875rem; + + @media (min-width: 600px) { + font-size: 1rem; + padding: 3.75rem 2.5rem; + } +} + +.cookieConsentOperations__List { + border-radius: 1.25rem; +} + +.cookieConsentOperations__Item label::after { + background: theme("colors.white"); +} + +.cookieConsentOperations__Item input:checked+label::before { + background: theme("colors.green"); +} + +.cookieConsentOperations__Item.disabled label::after, +.cookieConsentOperations__Item.disabled label::before { + opacity: .6; +} + +/* LEFT */ +.cookieConsent__Content { + color: theme("colors.blue"); + margin: 0; + + display: flex; + align-items: flex-start; + flex-direction: column; + gap: 1em; +} + +.cookieConsent__Title { + font-family: theme("fontFamily.serif"); + font-weight: 500; + font-size: 2em; + margin: 0; +} + +.cookieConsent__Description { + font-weight: 300; + font-size: 1.125em; + margin: 0; +} + +.cookieConsent__Description a { + color: theme("colors.green"); +} + +/* RIGHT */ +.cookieConsent__Right { + gap: 0.5em; + margin: 0; + flex-wrap: wrap; +} + +.cookieConsent__Button { + border-radius: 5rem; + border: 1px solid theme("colors.medium-blue"); + color: theme("colors.medium-blue"); + margin: 0; +} + +.cookieConsent__Button--Close, +.cookieConsent__Button[aria-label="Confirm all"], +.cookieConsent__Button[aria-label="Accept all"] { + background-color: theme("colors.medium-blue"); + color: theme("colors.white"); + flex: 1 1 auto; +} + +.cookieConsent__Button--Close { + margin-left: auto; +} \ No newline at end of file diff --git a/src/styles/dots.css b/src/styles/dots.css new file mode 100644 index 0000000..236712f --- /dev/null +++ b/src/styles/dots.css @@ -0,0 +1,34 @@ +.dots { + display: none; + + justify-content: center; + gap: 12px; + width: 100%; + padding: 0; + + &.dots--visible { + display: flex; + } + + @media only screen and (max-width: 431px) { + display: flex; + } +} + +.dots__button { + appearance: none; + border-radius: 100%; + background-color: #dbdbdb; + height: 12px; + width: 12px; + transition: background-color .2s; + + &:hover, + &:active { + background-color: #999; + } + + &.active { + background-color: #6c6c6c; + } +} \ No newline at end of file diff --git a/static/global.css b/static/global.css index 5d78539..8da26c2 100644 --- a/static/global.css +++ b/static/global.css @@ -2,80 +2,111 @@ * New Spirit */ @font-face { - font-family: 'New Spirit'; - font-style: light; - font-weight: 300; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Light.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Light.woff) format("woff"); + font-family: "New Spirit"; + font-style: light; + font-weight: 300; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Light.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Light.woff) + format("woff"); } @font-face { - font-family: 'New Spirit'; - font-style: normal; - font-weight: 400; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Regular.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Regular.woff) format("woff"); + font-family: "New Spirit"; + font-style: normal; + font-weight: 400; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Regular.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Regular.woff) + format("woff"); } @font-face { - font-family: 'New Spirit'; - font-style: medium; - font-weight: 500; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Medium.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Medium.woff) format("woff"); + font-family: "New Spirit"; + font-style: medium; + font-weight: 500; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Medium.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Medium.woff) + format("woff"); } @font-face { - font-family: 'New Spirit'; - font-style: semibold; - font-weight: 600; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-SemiBold.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-SemiBold.woff) format("woff"); + font-family: "New Spirit"; + font-style: semibold; + font-weight: 600; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-SemiBold.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-SemiBold.woff) + format("woff"); } @font-face { - font-family: 'New Spirit'; - font-style: bold; - font-weight: 800; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Bold.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Bold.woff) format("woff"); + font-family: "New Spirit"; + font-style: bold; + font-weight: 800; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Bold.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Bold.woff) + format("woff"); } @font-face { - font-family: 'New Spirit'; - font-style: black; - font-weight: 900; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Heavy.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Heavy.woff) format("woff"); + font-family: "New Spirit"; + font-style: black; + font-weight: 900; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Heavy.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/NewSpirit-Heavy.woff) + format("woff"); } /* * Neue Haas Grotesk Display Pro */ @font-face { - font-family: 'Neue Haas Grotesk Display Pro'; - font-style: thin; - font-weight: 100; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaythin-webfont.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaythin-webfont.woff) format("woff"); + font-family: "Neue Haas Grotesk Display Pro"; + font-style: thin; + font-weight: 100; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaythin-webfont.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaythin-webfont.woff) + format("woff"); } @font-face { - font-family: 'Neue Haas Grotesk Display Pro'; - font-style: light; - font-weight: 300; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaylight-webfont.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaylight-webfont.woff) format("woff"); + font-family: "Neue Haas Grotesk Display Pro"; + font-style: light; + font-weight: 300; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaylight-webfont.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaylight-webfont.woff) + format("woff"); } @font-face { - font-family: 'Neue Haas Grotesk Display Pro'; - font-style: normal; - font-weight: 400; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplayroman-webfont.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplayroman-webfont.woff) format("woff"); + font-family: "Neue Haas Grotesk Display Pro"; + font-style: normal; + font-weight: 400; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplayroman-webfont.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplayroman-webfont.woff) + format("woff"); } @font-face { - font-family: 'Neue Haas Grotesk Display Pro'; - font-style: medium; - font-weight: 500; - src: url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaymediu-webfont.woff2) format("woff2"), - url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaymediu-webfont.woff) format("woff"); + font-family: "Neue Haas Grotesk Display Pro"; + font-style: medium; + font-weight: 500; + src: + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaymediu-webfont.woff2) + format("woff2"), + url(https://gaia-fonts.s3.fr-par.scw.cloud/neuehaasdisplaymediu-webfont.woff) + format("woff"); } -html, body { - font-family: 'Neue Haas Grotesk Display Pro', sans-serif; -} \ No newline at end of file +html, +body { + font-family: "Neue Haas Grotesk Display Pro", sans-serif; +} diff --git a/vite.config.js b/vite.config.js index 69b0b68..4741410 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,7 +1,13 @@ +import { fileURLToPath, URL } from 'node:url' import { sentrySvelteKit } from "@sentry/sveltekit"; import { sveltekit } from "@sveltejs/kit/vite"; /** @type {import('vite').UserConfig} */ const config = { + resolve: { + alias: { + '@': fileURLToPath(new URL('./src', import.meta.url)) + } + }, plugins: [sentrySvelteKit({ sourceMapsUploadOptions: { org: "gaia-charge",
- {$_("whatForYou.evidence.uptitle", { - default: "We are not just another installer", - })} -
- {$_("whatForYou.evidence.p1", { - default: "Free consultation", - })} -
- {$_("whatForYou.evidence.p2", { - default: "Tailor-made solution", + + + + + {$_("whatForYou.evidence.uptitle", { + default: "We are not just another installer", })} - - - - {$_("whatForYou.evidence.p3", { - default: "No fine print", + + + + {$_("whatForYou.evidence.title", { + default: "Contact us and see the difference our service makes", })} - - - - - {$_("contactBtn.cta", { - default: "Contacto", - })} - - + + + + {$_("whatForYou.evidence.p1", { + default: "Free consultation", + })} + + + + {$_("whatForYou.evidence.p2", { + default: "Tailor-made solution", + })} + + + + {$_("whatForYou.evidence.p3", { + default: "No fine print", + })} + + + + + {$_("contactBtn.cta", { + default: "Contacto", + })} + + + -
+ {$_("whatForYou.evidence.uptitle", { + default: "We are not just another installer", })} -
- {$_("whatForYou.evidence.p3", { - default: "No fine print", +
+ {$_("whatForYou.evidence.p1", { + default: "Free consultation", + })} +
+ {$_("whatForYou.evidence.p2", { + default: "Tailor-made solution", + })} +
+ {$_("whatForYou.evidence.p3", { + default: "No fine print", + })} +
- {src.description} + {$_(`carousel.${src.id}.description`, { + default: src.description, + })}
+