order: enhance UI & styles

src/components/Ads/Ads1.tsx

@@ -27,8 +27,12 @@ export default function Ads1({ className }: { className?: string }) {
       >
         <ProTitle
           style={{
-            marginTop: 5,
-            fontSize: 14,
+            fontFamily: "Roboto",
+            fontWeight: 600,
+            fontStyle: "SemiBold",
+            fontSize: 16,
+            lineHeight: "100%",
+            letterSpacing: "2%",
           }}
         >
           {t("home.promotion.description")}
@@ -38,6 +42,7 @@ export default function Ads1({ className }: { className?: string }) {
           style={{
             marginTop: 5,
             fontSize: 14,
+            color:"#00AC17"
           }}
         >
           {t("home.promotion.title")}

src/components/Ads/Ads2.module.css

@@ -63,7 +63,7 @@
 }
 
 .adsCard :global(.ant-card-body) {
-  padding: 8px !important;
+  padding: 10px !important;
 }
 
 :global(.darkApp) .adsCard {

src/components/Ads/Ads2.tsx

@@ -8,11 +8,7 @@ import { useTranslation } from "react-i18next";
 import { useAppSelector } from "redux/hooks";
 import styles from "./Ads2.module.css";
 
-export default function Ads2({
-  className,
-}: {
-  className?: string;
-}) {
+export default function Ads2({ className }: { className?: string }) {
   const { t } = useTranslation();
   const { isRTL } = useAppSelector((state) => state.locale);
 
@@ -26,8 +22,12 @@ export default function Ads2({
       <Card className={styles.adsCard}>
         <ProTitle
           style={{
-            marginTop: 5,
-            fontSize: 14,
+            fontFamily: "Roboto",
+            fontWeight: 600,
+            fontStyle: "SemiBold",
+            fontSize: 16,
+            lineHeight: "100%",
+            letterSpacing: "2%",
           }}
         >
           {t("home.promotion.description")}
@@ -37,9 +37,10 @@ export default function Ads2({
           style={{
             marginTop: 5,
             fontSize: 14,
+            color: "#00AC17",
           }}
         >
-          {t("home.promotion.title")}
+          {t("home.showDetails")}
         </ProText>
 
         <div