updated packages + node & more..

.stylelintrc

@@ -5,9 +5,8 @@
     ],
     "rules": {
         "media-feature-range-notation": "context",
-        "scss/dollar-variable-empty-line-before": null,
         "no-descending-specificity": null,
-        "declaration-empty-line-before": null,
-        "scss/at-mixin-pattern": "^[a-z][a-zA-Z]*$"
+        "scss/at-mixin-pattern": "^[a-z][a-zA-Z]*$",
+        "scss/dollar-variable-empty-line-before": null
     }
 }

netlify.toml

@@ -1,5 +1,5 @@
 [build.environment]
-NODE_VERSION = "20.18.0" # - latest NODE version
+NODE_VERSION = "22.11.0" # - latest NODE version
 NPM_VERSION = "10.9.0"   # - latest NPM version
 YARN_VERSION = "1.22.22" # - latest YARN version
 

package.json

@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@contentful/live-preview": "^4.5.13",
-    "@contentful/rich-text-html-renderer": "^16.6.10",
-    "@contentful/rich-text-types": "^16.8.5",
+    "@contentful/rich-text-html-renderer": "^17.0.0",
+    "@contentful/rich-text-types": "^17.0.0",
     "@sendgrid/mail": "^8.1.4",
     "axios": "^1.7.7",
     "dotenv": "^16.4.5",
@@ -52,12 +52,12 @@
     "react-cookie-consent": "^9.0.0",
     "react-dom": "^18.3.1",
     "react-i18next": "^15.1.0",
-    "sass": "^1.80.4",
+    "sass": "^1.80.5",
     "swiper": "^11.1.14"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.25.9",
-    "eslint": "^9.13.0",
+    "eslint": "^9.14.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-import": "^2.31.0",

src/styles/_cookie.scss

@@ -12,14 +12,12 @@
     background: linear-gradient(145deg, $primary-color, $button-hover);
     opacity: 0.95;
     color: $fourth-color;
-
     border-bottom: 7.5px solid $secondary-color;
     border-top: 7.5px solid $primary-color;
     width: 100%;
     max-width: 1100px;
     margin: 0 auto;
     padding: 1.5rem;
-
     position: absolute;
     left: 50%;
     transform: translate(-50%, -12.5%);

src/styles/modules/callForm.module.scss

@@ -38,10 +38,8 @@
   input,
   textarea {
     padding: 0.375em 0.675em;
-
     background: transparent;
     color: $primary-color;
-
     border-bottom: 1.5px solid $spec-color;
 
     @include smoothTrans;

src/styles/modules/desktopMenu.module.scss

@@ -42,16 +42,16 @@
         > a {
           font-family: $right-font;
           color: #535252;
-
           opacity: 0.75;
 
           @include smoothTrans;
 
           @include fluidTyping(20, 24);
 
           &:hover {
-            @include smoothTrans;
             color: $textbase-color;
+
+            @include smoothTrans;
           }
 
           > span {

src/styles/modules/hamburger.module.scss

@@ -11,7 +11,6 @@
   cursor: pointer;
   padding: 0;
   box-sizing: border-box;
-
   box-shadow: none;
   z-index: 6;
   position: inherit;

src/styles/modules/hero.module.scss

@@ -20,7 +20,6 @@
   &-logo {
     width: 225px;
     height: 225px;
-
     animation: roll 60s infinite;
     transform: rotate(180deg);
 
@@ -62,20 +61,15 @@
   &-slogan {
     font-family: $right-font;
     color: $secondary-color;
-
     font-size: 2.25rem;
     letter-spacing: 0.25rem;
-
     background: linear-gradient(145deg, $primary-color, $button-hover);
     border: 3px solid $primary-color;
-
     padding: 0.1em 1.25em;
     border-radius: 10px;
-
     width: fit-content;
     margin: 0.5em auto;
     text-align: center;
-
     word-wrap: break-word;
 
     @include boxShadow;
@@ -87,7 +81,6 @@
     @include phablet {
       font-size: 1.75rem;
       padding: 0.1em 0.25em;
-
       border-left: none;
       border-right: none;
       border-radius: 0;
@@ -122,7 +115,6 @@
 
     .scroll-down {
       position: relative;
-
       cursor: pointer;
       bottom: 75px;
       margin: 0 auto;

src/styles/modules/leadForm.module.scss

@@ -33,10 +33,8 @@
   input,
   textarea {
     padding: 0.375em 0.675em;
-
     background: transparent;
     color: $primary-color;
-
     border-bottom: 1.5px solid $spec-color;
 
     @include smoothTrans;

src/styles/modules/maps.module.scss

@@ -7,7 +7,6 @@
   outline: 3px solid rgba($primary-color, 75%);
   border-radius: $low-radius;
   overflow: hidden;
-
   height: 200px;
   width: 100%;
   margin-top: 2em;

src/styles/modules/mobileMenu.module.scss

@@ -84,7 +84,6 @@
 
       .active-page {
         color: $textbase-color;
-
         text-shadow: -10px 0 $secondary-color, 0 10px $secondary-color,
           10px 0 $secondary-color, 0 -10px $secondary-color;
 

src/styles/modules/prices.module.scss

@@ -34,7 +34,6 @@
     display: flex;
     flex-direction: column;
     max-width: 450px;
-
     background: linear-gradient(to bottom, $spec-color, $secondary-color);
     border-radius: 25px;
 

src/styles/modules/services.module.scss

@@ -173,10 +173,8 @@
       display: flex;
       justify-content: center;
       align-items: center;
-
       font-size: 2em;
       color: $secondary-color;
-
       outline: 2px solid white;
       border-radius: 50%;
       min-width: 55px;

src/styles/modules/slider.module.scss

@@ -26,7 +26,6 @@
     border-bottom: 5px solid $secondary-color;
     overflow: hidden;
     border-radius: 15px 15px 5px 5px;
-
     max-height: 700px;
 
     @include phablet {

src/styles/modules/topics.module.scss

@@ -54,11 +54,9 @@
     a {
       background: linear-gradient(to right, $fourth-color, #f2f2f2);
       padding: 1em;
-
       display: flex;
       flex-direction: column;
       gap: 0.5em;
-
       border-width: 2px;
       border-style: solid;
       border-radius: $medium-radius;