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/live-purchase2.tsx

@@ -92,54 +92,52 @@ const LivePurchase2 = ({
     <div
       dir="rtl"
       lang="fa"
-      className={cn("relative min-h-48 w-full", className)}
+      className={cn("flex w-full justify-center p-6", className)}
     >
       <div
         className={cn(
-          "absolute bottom-6 start-6 z-50 max-w-fit transition-all duration-500",
+          "relative flex max-w-fit items-center gap-3 rounded-full bg-background py-2 ps-2 pe-10 shadow-lg ring-1 ring-border transition-all duration-500",
           isVisible
             ? "translate-y-0 opacity-100"
             : "pointer-events-none translate-y-4 opacity-0",
         )}
       >
-        <div className="relative flex items-center gap-3 rounded-full bg-background py-2 ps-2 pe-10 shadow-lg ring-1 ring-border">
-          <div className="absolute -top-1.5 end-2">
-            <span className="relative flex size-3">
-              <span className="absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75" />
-              <span className="relative inline-flex size-3 rounded-full bg-emerald-500" />
-            </span>
-          </div>
+        <div className="absolute -top-1.5 end-2">
+          <span className="relative flex size-3">
+            <span className="absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75" />
+            <span className="relative inline-flex size-3 rounded-full bg-emerald-500" />
+          </span>
+        </div>
 
-          <Button
-            type="button"
-            variant="ghost"
-            size="icon"
-            className="absolute end-3 size-6 shrink-0 rounded-full"
-            aria-label="بستن"
-            onClick={handleDismiss}
-          >
-            <X className="size-3" />
-          </Button>
+        <Button
+          type="button"
+          variant="ghost"
+          size="icon"
+          className="absolute end-3 size-6 shrink-0 rounded-full"
+          aria-label="بستن"
+          onClick={handleDismiss}
+        >
+          <X className="size-3" />
+        </Button>
 
-          <div className="size-10 shrink-0 overflow-hidden rounded-full bg-muted">
-            <img
-              src={current.productImage}
-              alt={current.productName}
-              className="size-full object-cover"
-            />
-          </div>
+        <div className="size-10 shrink-0 overflow-hidden rounded-full bg-muted">
+          <img
+            src={current.productImage}
+            alt={current.productName}
+            className="size-full object-cover"
+          />
+        </div>
 
-          <div className="flex min-w-0 flex-col text-start">
-            <p className="text-sm">
-              <span className="font-semibold">{current.customerName}</span>{" "}
-              <span className="font-medium">{current.productName}</span>{" "}
-              <span className="text-muted-foreground">را خرید کرد</span>
-            </p>
-            <p className="flex items-center gap-1 text-xs text-muted-foreground">
-              <MapPin className="size-3 shrink-0" />
-              {current.customerLocation}
-            </p>
-          </div>
+        <div className="flex min-w-0 flex-col text-start">
+          <p className="text-sm">
+            <span className="font-semibold">{current.customerName}</span>{" "}
+            <span className="font-medium">{current.productName}</span>{" "}
+            <span className="text-muted-foreground">را خرید کرد</span>
+          </p>
+          <p className="flex items-center gap-1 text-xs text-muted-foreground">
+            <MapPin className="size-3 shrink-0" />
+            {current.customerLocation}
+          </p>
         </div>
       </div>
     </div>