From c92a7cbe21a21414d9c96b5917619ff9194ff55e Mon Sep 17 00:00:00 2001
From: IhsenBouallegue <IhsenBouallegue@gmail.com>
Date: Thu, 1 Aug 2024 10:10:12 +0200
Subject: [PATCH] chore: Update padding in Bounded component and CallToAction
 slice

---
 src/components/bounded.tsx        | 2 +-
 src/slices/CallToAction/index.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/bounded.tsx b/src/components/bounded.tsx
index 7639e0c..6f6ca9b 100644
--- a/src/components/bounded.tsx
+++ b/src/components/bounded.tsx
@@ -14,7 +14,7 @@ export default function Bounded({
   children,
   ...restProps
 }: BoundedProps) {
-  const basePadding = withExtraPadding ? "px-10 py-8" : "px-6 py-4";
+  const basePadding = withExtraPadding ? "px-4 py-8" : "px-6 py-4";
   const mdPadding = withExtraPadding ? "md:px-10 md:py-10" : "md:px-6 md:py-6";
   const lgPadding = withExtraPadding ? "lg:px-12 lg:py-12" : "lg:px-8 lg:py-8";
 
diff --git a/src/slices/CallToAction/index.tsx b/src/slices/CallToAction/index.tsx
index f3fcdb7..d20bee3 100644
--- a/src/slices/CallToAction/index.tsx
+++ b/src/slices/CallToAction/index.tsx
@@ -21,7 +21,7 @@ const CallToAction = ({ slice }: CallToActionProps): JSX.Element => {
       data-slice-variation={slice.variation}
       withExtraPadding
     >
-      <Card className="relative isolate overflow-hidden p-6 md:p-16 w-full rounded-3xl">
+      <Card className="relative isolate overflow-hidden p-4 md:p-16 w-full rounded-3xl">
         <svg
           viewBox="0 0 1024 1024"
           className="absolute left-1/2 top-1/2 bg-gradient-to-r from-accent to-transparent -z-10 h-[64rem] w-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
@@ -29,7 +29,7 @@ const CallToAction = ({ slice }: CallToActionProps): JSX.Element => {
         >
           <circle cx={512} cy={512} r={512} fill="url(#gradient)" fillOpacity="1" />
         </svg>
-        <div className="flex w-full flex-col lg:flex-row  gap-6 items-center justify-center">
+        <div className="flex w-full flex-col lg:flex-row gap-6 items-center justify-center">
           <div className="max-w-md my-8 lg:flex-auto text-left">
             <div className="text-3xl font-bold tracking-tight sm:text-4xl">
               <PrismicRichText field={slice.primary.title} />
@@ -47,7 +47,7 @@ const CallToAction = ({ slice }: CallToActionProps): JSX.Element => {
               <Socials />
             </div>
           </div>
-          <div className="w-full m-auto p-8">
+          <div className="w-full m-auto md:p-8">
             <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:gap-6 xl:gap-8">
               <div className="group relative flex h-48 items-end overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-80">
                 <PrismicNextImage