Refactor page.tsx, bounded.tsx, CallToAction, and Testemonials compon…

…ents
IhsenBouallegue · May 1, 2024 · 2eafb63 · 2eafb63
1 parent 44d35dd
commit 2eafb63
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 43 deletions.
diff --git a/src/app/imprint/page.tsx b/src/app/imprint/page.tsx
diff --git a/src/components/bounded.tsx b/src/components/bounded.tsx
@@ -14,7 +14,7 @@ export default function Bounded({
 }: BoundedProps) {
   return (
     <Comp
-      className={clsx("px-4 py-14 first:pt-10 md:px-6 md:py-20 lg:py-24", className)}
+      className={clsx("px-4 py-14 first:pt-10 md:px-6 md:py-20 lg:py-32", className)}
       {...restProps}
     >
       <div className="mx-auto flex w-full max-w-6xl flex-col items-center">{children}</div>

diff --git a/src/slices/CallToAction/index.tsx b/src/slices/CallToAction/index.tsx
@@ -25,11 +25,9 @@ const CallToAction = ({ slice }: CallToActionProps): JSX.Element => {
           <circle cx={512} cy={512} r={512} fill="url(#gradient)" fillOpacity="1" />
         </svg>
         <div className="max-w-md text-center my-32 lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
-          <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">
-            Put Your Skills to Use.
-            <br />
-            Join our Team today.
-          </h2>
+          <div className="text-3xl font-bold tracking-tight sm:text-4xl">
+            <PrismicRichText field={slice.primary.title} />
+          </div>
           <div className="mt-6 text-lg leading-8 text-muted">
             <PrismicRichText field={slice.primary.body} />
           </div>

diff --git a/src/slices/Testemonials/index.tsx b/src/slices/Testemonials/index.tsx
@@ -35,7 +35,7 @@ const Testemonials = ({ slice }: TestemonialsProps): JSX.Element => {
     <Bounded
       data-slice-type={slice.slice_type}
       data-slice-variation={slice.variation}
-      className="relative isolatepx-6 py-24 sm:py-32 lg:px-8"
+      className="relative isolate px-6 py-24 sm:py-32 lg:px-8"
     >
       <div className="backdrop-blur-sm backdrop-saturate-200 absolute inset-y-0 right-1/2 -z-10 mr-16 w-[200%] origin-bottom-left skew-x-[-30deg] rounded-xl shadow-xl shadow-primary/10 ring-2 ring-accent/90 sm:mr-28 lg:mr-0 xl:mr-16 xl:origin-center" />
       <div className="absolute bg-gradient-to-l from-primary to-transparent to-60% inset-0 -z-10 opacity-60" />
@@ -65,7 +65,7 @@ const Testemonials = ({ slice }: TestemonialsProps): JSX.Element => {
               key={testemonial.name}
               onClick={() => api?.scrollTo(index)}
               className={cn(
-                "w-4 h-1 rounded-full cursor-pointer bg-primary/20 transition-all duration-1000",
+                "w-4 h-1 rounded-full cursor-pointer bg-white/20 transition-all duration-1000",
                 index === selectedIndex && "bg-primary w-8",
               )}
             />