Update content in about blocks to reflect new branding and messaging for various products. Key changes include rephrasing descriptions, updating titles, and modifying statistics to better align with the current offerings and mission statements. This enhances clarity and consistency across the platform.

blocks/hero100.tsx

@@ -8,7 +8,7 @@ interface Hero100Props {
 const Hero100 = ({ className }: Hero100Props) => {
   return (
     <section className={cn("overflow-hidden font-sans", className)}>
-      <div className="container">
+      <div className="container px-4 sm:px-6 lg:px-8">
         <div className="flex flex-col items-center justify-between gap-10 md:flex-row">
           <div className="basis-2/4">
             <div className="mt-10 flex flex-col gap-2">
@@ -17,10 +17,11 @@ const Hero100 = ({ className }: Hero100Props) => {
               </p>
               <h1 className="mb-2 text-xl leading-snug! font-medium text-black lg:text-2xll">
                 همه اطلاعات مشتریان در یک پلتفرم
-                                            </h1>
+              </h1>
               <p className="mb-2 text-lg text-black/80">
-                سوابق مشتریان، تعاملات، فرصت‌های فروش و اطلاعات سازمانی را به‌صورت یکپارچه مدیریت کنید.
-                                            </p>
+                سوابق مشتریان، تعاملات، فرصت‌های فروش و اطلاعات سازمانی را
+                به‌صورت یکپارچه مدیریت کنید.
+              </p>
               <Button
                 asChild
                 variant="default"
@@ -31,13 +32,16 @@ const Hero100 = ({ className }: Hero100Props) => {
             </div>
           </div>
           <div className="relative basis-[42%] py-9 md:py-16">
-            <div className="aspect-square w-full overflow-hidden">
+            <div
+              aria-hidden
+              className="absolute top-0 start-[6.25rem] z-10 aspect-[1.378254211/1] h-full w-[56.25rem] bg-muted"
+            />
+            <div className="relative z-20 aspect-square w-full">
               <img
                 src="/block-media/shadcnblocks/block/placeholder-dark-1.svg"
                 alt=""
-                className="relative z-20 h-full w-full object-cover object-center"
+                className="h-full w-full object-cover object-center"
               />
-              <div className="absolute top-0 left-[6.25rem] z-10 aspect-[1.378254211/1] h-full w-[56.25rem] bg-muted" />
             </div>
           </div>
         </div>