Skip to content

Commit 615dbef

Browse files
DedelweissDedelweiss
Dedelweiss
and
Dedelweiss
committed
Refactor design (#275)
* fix: correction span * fix: correction span * Refactor of the details pages --------- Co-authored-by: Dedelweiss <[email protected]>
1 parent 8ff4787 commit 615dbef

File tree

11 files changed

+316
-210
lines changed

11 files changed

+316
-210
lines changed

‎public/locales/en/translation.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
"title": "Close to customers across ",
7676
"titleImp": "Europe",
7777
"desc": "Lunatech was founded in 1993 as an IT consulting, product research and development team. As a team of adept self-managing programmers, working with a very experienced commercial team, Lunatech has a successful track record of implementing medium-sized to large systems. Our skills are best applied in designing and building back office systems whereby a web interface is just one of many external user- interfaces. Lunatech is an international company with offices in the Netherlands and France. With over 11+ revenue and 90+ people, Lunatech is growing organically.",
78-
"desc2": "We excel at going into an organisation, analysing their requirements, and then - together with the customer - designing and building a system to meet their needs. Lunatech exists for more than 30 years and helped numerous customers. We work to an interactive development process. We build applications in a number of short iterations. This provides great visibility to the customer and it greatly improves the end result because the product and expectations can be adjusted along the way. With a proud record of providing professional IT services for large corporations, you’ll find us highly technical, very creative, and flexible. Lunatech is also NEN-4400-1 and TISAX certified, European Open Source consortium and Eclipse foundation member delivering on open source."
78+
"desc2": "Lunatech is strategically located with offices in Rotterdam and Paris, allowing us to better serve our customers throughout France and several other European countries, including the Netherlands, Germany and beyond. Our multicultural team enables us to respond to the specific needs of each market, providing tailored and innovative solutions for our customers across Europe."
7979
},
8080
"secondBlock": {
8181
"title": "Customised products to meet your ",

‎public/locales/fr/translation.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
"title": "Proche des clients à travers ",
7676
"titleImp": "l'Europe",
7777
"desc": "Lunatech a été fondée en 1993 en tant qu'équipe de conseil en informatique, de recherche et développement de produits. En tant qu'équipe de programmeurs autonomes, travaillant avec une équipe commerciale très expérimentée, Lunatech a un historique de réussite dans la mise en œuvre de systèmes de taille moyenne à grande. Nos compétences sont mieux appliquées à la conception et à la construction de systèmes de back-office, où une interface web n'est qu'une des nombreuses interfaces utilisateur externes. Lunatech est une entreprise internationale avec des bureaux aux Pays-Bas et en France. Avec plus de 11+ de revenus et 90+ personnes, Lunatech se développe organiquement.",
78-
"desc2": "Nous excellons à entrer dans une organisation, à analyser ses besoins, puis - avec le client - à concevoir et à construire un système répondant à ses besoins. Lunatech existe depuis plus de 30 ans et a aidé de nombreux clients. Nous travaillons selon un processus de développement interactif. Nous construisons des applications en plusieurs itérations courtes. Cela offre une grande visibilité au client et améliore considérablement le résultat final, car le produit et les attentes peuvent être ajustés en cours de route. Avec un dossier de prestations professionnelles de services informatiques pour les grandes entreprises, vous nous trouverez hautement techniques, très créatifs et flexibles. Lunatech est également certifiée NEN-4400-1 et TISAX, membre du consortium européen Open Source et de la fondation Eclipse, offrant des solutions open source."
78+
"desc2": "Lunatech est implantée stratégiquement avec des bureaux à Rotterdam et à Paris, nous permettant de mieux servir nos clients dans toute la France et dans plusieurs autres pays européens, notamment aux Pays-Bas, en Allemagne et au-delà. Notre équipe multiculturelle nous permet de répondre aux besoins spécifiques de chaque marché, en proposant des solutions adaptées et innovantes pour nos clients à travers toute l'Europe."
7979

8080
},
8181
"secondBlock": {

‎src/components/FeatureBox/FeatureBox.scss‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
@import "/src/styles/Variables.scss";
2+
@import "/src/styles/Mixins.scss";
3+
@import "/src/styles/Responsive.scss";
4+
5+
.featureBox {
6+
@include dark-gradient;
7+
padding: 20px 35px 25px 35px;
8+
cursor: pointer;
9+
&:not(:last-child) {
10+
margin-bottom: 24px;
11+
}
12+
h3 {
13+
color: $pink;
14+
}
15+
}

‎src/components/FeatureBox/FeatureBox.tsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import Title from '@components/Title/Title';
2+
import Text from '@components/Text/Text';
3+
4+
import "./FeatureBox.scss";
5+
6+
interface FeatureBoxProps {
7+
title: string;
8+
text: JSX.Element;
9+
classNames?: string;
10+
onClick?: () => void;
11+
}
12+
13+
const FeatureBox = (props: FeatureBoxProps) => {
14+
return (
15+
<div className={`featureBox ${props.classNames}`}>
16+
<Title level={3}>{props.title}</Title>
17+
<Text size="medium" className="mgt24">{props.text}</Text>
18+
</div>
19+
)
20+
}
21+
22+
export default FeatureBox

‎src/components/TechnologieCarousel/TechnologieCarousel.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@
7171
&__card {
7272
background: linear-gradient(to bottom, #0A1E50, #081A47);
7373
scroll-snap-align: start;
74-
max-height: 380px;
74+
max-height: 390px;
7575
width: 380px;
7676
padding: 40px;
7777
list-style: none;

‎src/constants/index.ts‎

Lines changed: 199 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -334,7 +334,7 @@ export const aboutPage = [
334334
title: "about.firstBlock.title",
335335
titleImp: "about.firstBlock.titleImp",
336336
desc: "about.firstBlock.desc",
337-
desc2: "about.firstBlock.desc"
337+
desc2: "about.firstBlock.desc2"
338338
},
339339
secondBlock: {
340340
title: "about.secondBlock.title",
@@ -384,6 +384,139 @@ export const contactBlock = [
384384
}
385385
]
386386

387+
export const expertiseSoftwareProjectDelivery = {
388+
"paragraphes": [
389+
{
390+
"title": "expertiseSoftwareProjectDelivery.paragraphes[0].title",
391+
"text": "expertiseSoftwareProjectDelivery.paragraphes[0].text"
392+
},
393+
{
394+
"title": "expertiseSoftwareProjectDelivery.paragraphes[1].title",
395+
"text": "expertiseSoftwareProjectDelivery.paragraphes[1].text"
396+
},
397+
{
398+
"title": "expertiseSoftwareProjectDelivery.paragraphes[2].title",
399+
"text": "expertiseSoftwareProjectDelivery.paragraphes[2].text"
400+
},
401+
{
402+
"title": "expertiseSoftwareProjectDelivery.paragraphes[3].title",
403+
"text": "expertiseSoftwareProjectDelivery.paragraphes[3].text"
404+
},
405+
{
406+
"title": "expertiseSoftwareProjectDelivery.paragraphes[4].title",
407+
"text": "expertiseSoftwareProjectDelivery.paragraphes[4].text"
408+
},
409+
{
410+
"title": "expertiseSoftwareProjectDelivery.paragraphes[5].title",
411+
"text": "expertiseSoftwareProjectDelivery.paragraphes[5].text"
412+
},
413+
{
414+
"title": "expertiseSoftwareProjectDelivery.paragraphes[6].title",
415+
"text": "expertiseSoftwareProjectDelivery.paragraphes[6].text"
416+
},
417+
{
418+
"title": "expertiseSoftwareProjectDelivery.paragraphes[7].title",
419+
"text": "expertiseSoftwareProjectDelivery.paragraphes[7].text"
420+
},
421+
{
422+
"title": "expertiseSoftwareProjectDelivery.paragraphes[8].title",
423+
"text": "expertiseSoftwareProjectDelivery.paragraphes[8].text"
424+
},
425+
{
426+
"title": "expertiseSoftwareProjectDelivery.paragraphes[9].title",
427+
"text": "expertiseSoftwareProjectDelivery.paragraphes[9].text"
428+
},
429+
{
430+
"title": "expertiseSoftwareProjectDelivery.paragraphes[10].title",
431+
"text": "expertiseSoftwareProjectDelivery.paragraphes[10].text"
432+
},
433+
{
434+
"title": "expertiseSoftwareProjectDelivery.paragraphes[11].title",
435+
"text": "expertiseSoftwareProjectDelivery.paragraphes[11].text"
436+
},
437+
{
438+
"title": "expertiseSoftwareProjectDelivery.paragraphes[12].title",
439+
"text": "expertiseSoftwareProjectDelivery.paragraphes[12].text"
440+
},
441+
]
442+
}
443+
444+
export const expertiseSystemIntegration = {
445+
"paragraphes": [{
446+
"title": "expertiseSystemIntegration.paragraphes[0].title",
447+
"text": "expertiseSystemIntegration.paragraphes[0].text"
448+
},
449+
{
450+
"title": "expertiseSystemIntegration.paragraphes[1].title",
451+
"text": "expertiseSystemIntegration.paragraphes[1].text"
452+
},
453+
{
454+
"title": "expertiseSystemIntegration.paragraphes[2].title",
455+
"text": "expertiseSystemIntegration.paragraphes[2].text"
456+
},
457+
{
458+
"title": "expertiseSystemIntegration.paragraphes[3].title",
459+
"text": "expertiseSystemIntegration.paragraphes[3].text"
460+
},
461+
{
462+
"title": "expertiseSystemIntegration.paragraphes[4].title",
463+
"text": "expertiseSystemIntegration.paragraphes[4].text"
464+
},
465+
{
466+
"title": "expertiseSystemIntegration.paragraphes[5].title",
467+
"text": "expertiseSystemIntegration.paragraphes[5].text"
468+
},
469+
{
470+
"title": "expertiseSystemIntegration.paragraphes[6].title",
471+
"text": "expertiseSystemIntegration.paragraphes[6].text"
472+
},
473+
{
474+
"title": "expertiseSystemIntegration.paragraphes[7].title",
475+
"text": "expertiseSystemIntegration.paragraphes[7].text"
476+
},
477+
{
478+
"title": "expertiseSystemIntegration.paragraphes[8].title",
479+
"text": "expertiseSystemIntegration.paragraphes[8].text"
480+
},
481+
{
482+
"title": "expertiseSystemIntegration.paragraphes[9].title",
483+
"text": "expertiseSystemIntegration.paragraphes[9].text"
484+
},
485+
{
486+
"title": "expertiseSystemIntegration.paragraphes[10].title",
487+
"text": "expertiseSystemIntegration.paragraphes[10].text"
488+
},
489+
{
490+
"title": "expertiseSystemIntegration.paragraphes[11].title",
491+
"text": "expertiseSystemIntegration.paragraphes[11].text"
492+
},
493+
{
494+
"title": "expertiseSystemIntegration.paragraphes[12].title",
495+
"text": "expertiseSystemIntegration.paragraphes[12].text"
496+
},
497+
{
498+
"title": "expertiseSystemIntegration.paragraphes[13].title",
499+
"text": "expertiseSystemIntegration.paragraphes[13].text"
500+
},
501+
{
502+
"title": "expertiseSystemIntegration.paragraphes[14].title",
503+
"text": "expertiseSystemIntegration.paragraphes[14].text"
504+
},
505+
{
506+
"title": "expertiseSystemIntegration.paragraphes[15].title",
507+
"text": "expertiseSystemIntegration.paragraphes[15].text"
508+
},
509+
{
510+
"title": "expertiseSystemIntegration.paragraphes[16].title",
511+
"text": "expertiseSystemIntegration.paragraphes[16].text"
512+
},
513+
{
514+
"title": "expertiseSystemIntegration.paragraphes[17].title",
515+
"text": "expertiseSystemIntegration.paragraphes[17].text"
516+
}
517+
]
518+
}
519+
387520
export const expertiseStrategicExpertise = {
388521

389522
"paragraphes" : [{
@@ -409,6 +542,71 @@ export const expertiseStrategicExpertise = {
409542
]
410543
}
411544

545+
export const expertiseLegacyModernisation = {
546+
"paragraphes" : [
547+
{
548+
"title" : "expertiseLegacyModernisation.paragraphes[0].title",
549+
"text" : "expertiseLegacyModernisation.paragraphes[0].text"
550+
},
551+
{
552+
"title" : "expertiseLegacyModernisation.paragraphes[1].title",
553+
"text" : "expertiseLegacyModernisation.paragraphes[1].text"
554+
},
555+
{
556+
"title" : "expertiseLegacyModernisation.paragraphes[2].title",
557+
"text" : "expertiseLegacyModernisation.paragraphes[2].text"
558+
},
559+
{
560+
"title" : "expertiseLegacyModernisation.paragraphes[3].title",
561+
"text" : "expertiseLegacyModernisation.paragraphes[3].text"
562+
},
563+
{
564+
"title" : "expertiseLegacyModernisation.paragraphes[4].title",
565+
"text" : "expertiseLegacyModernisation.paragraphes[4].text"
566+
},
567+
{
568+
"title" : "expertiseLegacyModernisation.conclusion",
569+
"text" : "expertiseLegacyModernisation.conclusion"
570+
},
571+
{
572+
"title" : "expertiseLegacyModernisation.paragraphes[5].title",
573+
"text" : "expertiseLegacyModernisation.paragraphes[5].text"
574+
},
575+
{
576+
"title" : "expertiseLegacyModernisation.paragraphes[6].title",
577+
"text" : "expertiseLegacyModernisation.paragraphes[6].text"
578+
},
579+
{
580+
"title" : "expertiseLegacyModernisation.paragraphes[7].title",
581+
"text" : "expertiseLegacyModernisation.paragraphes[7].text"
582+
},
583+
{
584+
"title" : "expertiseLegacyModernisation.paragraphes[8].title",
585+
"text" : "expertiseLegacyModernisation.paragraphes[8].text"
586+
},
587+
{
588+
"title" : "expertiseLegacyModernisation.paragraphes[9].title",
589+
"text" : "expertiseLegacyModernisation.paragraphes[9].text"
590+
},
591+
{
592+
"title" : "expertiseLegacyModernisation.paragraphes[10].title",
593+
"text" : "expertiseLegacyModernisation.paragraphes[10].text"
594+
},
595+
{
596+
"title" : "expertiseLegacyModernisation.paragraphes[11].title",
597+
"text" : "expertiseLegacyModernisation.paragraphes[11].text"
598+
},
599+
{
600+
"title" : "expertiseLegacyModernisation.paragraphes[12].title",
601+
"text" : "expertiseLegacyModernisation.paragraphes[12].text"
602+
},
603+
{
604+
"title" : "expertiseLegacyModernisation.paragraphes[13].title",
605+
"text" : "expertiseLegacyModernisation.paragraphes[13].text"
606+
}
607+
]
608+
}
609+
412610
export const softwareDefinedVehicule = {
413611
"title" : "softwareDefinedVehicule.title",
414612
"description" : "softwareDefinedVehicule.description",

0 commit comments

Comments
 (0)