From 5da90f7f4027fa507cdfc7d735af891822a76eff Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 27 Aug 2025 14:11:11 +0200
Subject: [PATCH] ok

---
 src/components/Daha1.jsx |  4 ++--
 src/components/Daha2.jsx | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Daha1.jsx b/src/components/Daha1.jsx
index c250a70..c5f1799 100644
--- a/src/components/Daha1.jsx
+++ b/src/components/Daha1.jsx
@@ -3,8 +3,8 @@ import { m } from 'framer-motion'
 
 export default function Daha1() {
     return (
-      <div className="relative isolate overflow-hidden bg-transparent lg:pt-24 pt-12">
-        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+      <div className="relative isolate overflow-hidden bg-transparent lg:pt-16 pt-12">
+        <div className="mx-auto max-w-7xl px-6 lg:px-0">
           <div className="mx-auto max-w-7xl lg:mx-0">
             <H2>VEDA Dahabiyas</H2>
             <P className='mt-2'>
diff --git a/src/components/Daha2.jsx b/src/components/Daha2.jsx
index dc7074c..2f99259 100644
--- a/src/components/Daha2.jsx
+++ b/src/components/Daha2.jsx
@@ -1,5 +1,5 @@
 import { Container } from '@/components/Container';
-import { H3 } from '@/components/text';
+import { H3, H4, PXXS } from '@/components/text';
 
 
 const categories = [
@@ -36,8 +36,8 @@ const categories = [
 export default function Daha2() {
   return (
     <div className="bg-transparent">
-      <div className="mx-auto max-w-xl px-6 pt-4 pb-12  lg:max-w-7xl lg:px-8">
-        <div className="mt-10 space-y-12 lg:grid lg:grid-cols-4 lg:gap-x-8 lg:space-y-0">
+      <div className="mx-auto max-w-xl px-6 pt-4 pb-12  lg:max-w-7xl lg:px-0">
+        <div className="mt-10 space-y-12 lg:grid lg:grid-cols-4 lg:gap-x-2 lg:space-y-0">
           {categories.map((category) => (
             <a key={category.name} href={category.href} className="group block">
               <div
@@ -50,8 +50,8 @@ export default function Daha2() {
                   className="h-full w-full object-cover object-center"
                 />
               </div>
-              <H3 className="mt-4 text-base font-semibold text-gray-900">{category.name}</H3>
-              <p className="mt-2 text-sm text-gray-500">{category.description}</p>
+              <H4 className="px-1 mt-4 text-base font-semibold text-gray-900">{category.name}</H4>
+              <PXXS className="mt-1 px-1">{category.description}</PXXS>
             </a>
           ))}
         </div>