responsive home page and layout

2026-07-19 16:29:37 +03:30
parent 2adaac8ec4
commit cd266c057c
20 changed files with 198 additions and 137 deletions
@@ -6,9 +6,9 @@ const FooterTrustBadges: FC = () => {
  return (
    <div className="flex flex-col items-center gap-4">
      <h3 className="text-sm font-bold text-[#0A1B2C]">نماد های اعتماد</h3>
-      <div className="flex items-center gap-4">
+      <div className="flex items-center gap-3 sm:gap-4 flex-wrap justify-center">
        {badges.map((badge) => (
-          <div key={badge} className="flex size-16 items-center justify-center rounded-full border border-[#E9EEF2] bg-white text-center text-[10px] font-bold text-[#6C7680]">
+          <div key={badge} className="flex size-14 sm:size-16 items-center justify-center rounded-full border border-[#E9EEF2] bg-white text-center text-[10px] font-bold text-[#6C7680]">
            {badge}
          </div>
        ))}