Merge branch 'main' into RokoPerisic/prominit-jedan-tech-u-dev-u-opis…

…u-zlatnih-sponzora
dump-hr · Sep 23, 2024 · 5c91d97 · 5c91d97
2 parents 0da2841 + 2f40f57
commit 5c91d97
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/apps/web/src/components/Testimonial/Testimonial.module.scss b/apps/web/src/components/Testimonial/Testimonial.module.scss
@@ -7,6 +7,10 @@
   position: relative;
   width: 100%;
 
+  &:last-of-type {
+    padding-bottom: 50px;
+  }
+
   --background-color: #fff;
   --border-color: rgba(23, 22, 21, 0.3);
   --testimonial-z-index: 1;
@@ -76,6 +80,17 @@
 
     mask-image: url('../../assets/images/section-breaker.webp');
     background: var(--background-color);
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
+      opacity: 0;
+    }
   }
 
   .leftWrapper {

diff --git a/apps/web/src/components/TestimonialsSection/TestimonialsSection.module.scss b/apps/web/src/components/TestimonialsSection/TestimonialsSection.module.scss
@@ -1,5 +1,4 @@
 .testimonialsSection {
-  position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -8,13 +7,15 @@
   overflow-x: clip;
   position: relative;
 
+
   .sectionBreaker {
     z-index: 5;
     position: absolute;
     left: 0;
-    bottom: -15px;
+    bottom: -45px;
     width: 100%;
     height: 45px;
+    rotate: -0.7deg;
 
     mask-image: url('../../assets/images/section-breaker.webp');
     background: black;
@@ -39,9 +40,7 @@
       }
       &:nth-of-type(3) {
         rotate: -1deg;
-        margin-bottom: -10px;
       }
-
     }
   }
 }
diff --git a/apps/web/src/components/TestimonialsSection/TestimonialsSection.tsx b/apps/web/src/components/TestimonialsSection/TestimonialsSection.tsx
@@ -79,8 +79,8 @@ const TestimonialsSection = () => {
   return (
     <section className={c.testimonialsSection}>
       <Testimonial color='white' {...testimonials[0]} />
-      <Testimonial color='black' {...testimonials[1]} />
-      <Testimonial color='beige' {...testimonials[2]} />
+      <Testimonial color='black' {...testimonials[1]} refEl={blackSection} />
+      <Testimonial color='beige' {...testimonials[2]} refEl={beigeSection} />
       <div className={c.sectionBreaker}></div>
     </section>
   );