Part 1 and 2 added

git-sujon · Jan 12, 2023 · b197803 · b197803
1 parent 2add038
commit b197803
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 12 deletions.
diff --git a/src/Pages/Home/Counter/Counter.js b/src/Pages/Home/Counter/Counter.js
@@ -1,18 +1,40 @@
 import React from 'react';
-import { HomeModernIcon, ShieldCheckIcon } from '@heroicons/react/24/solid'
+import { BuildingOfficeIcon, HomeIcon, HomeModernIcon  } from '@heroicons/react/24/solid'
 
 const Counter = () => {
     return (
-      <div className='text-white bg-[#072f60] my-32'>
-          <div className='py-10 px-20'>
+      <div className='text-white bg-[#072f60] '>
+          <div className='py-5 px-10 flex items-center justify-between'>
             {/* part 1  */}
             <div className='flex items-center gap-x-5'>
-                <HomeModernIcon className='w-20'></HomeModernIcon>
+                <HomeIcon className='w-20'></HomeIcon>
                 <div>
                     <p className='text-6xl font-bold'>234+</p>
                     <p className='text-xs'>Homes are sell</p>
                 </div>
             </div>
+
+
+            {/* part 2  */}
+            <div className='flex items-center gap-x-5'>
+                <BuildingOfficeIcon className='w-20'></BuildingOfficeIcon>
+                <div>
+                    <p className='text-6xl font-bold'>434+</p>
+                    <p className='text-xs'>Apartments are sell</p>
+                </div>
+            </div>
+
+
+            {/* part 3  */}
+            <div className='flex items-center gap-x-5'>
+                <HomeModernIcon className='w-20'></HomeModernIcon>
+                <div>
+                    <p className='text-6xl font-bold'>334+</p>
+                    <p className='text-xs'>Office Space are sell</p>
+                </div>
+            </div>
+
+
         </div>
       </div>
     );

diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
@@ -27,18 +27,19 @@ const Home = () => {
       >
         <HomeBanner></HomeBanner>
       </div>
+      <div
+
+     >
+     <Counter></Counter>
+     </div>
+
+     {/* ............................. */}
+     {/* ............................. */}
       {/* ............................. */}
       {/* ............................. */}
       <div className="container px-5 mx-auto">
         {/* <Search></Search> */}
-        <div
-
-        >
-        <Counter></Counter>
-        </div>
-
-        {/* ............................. */}
-        {/* ............................. */}
+
         <div
           data-aos="fade-up"
           data-aos-offset="300"
@@ -110,6 +111,7 @@ const Home = () => {
         {/* ............................. */}
 
         <div
+        className="mb-32"
           data-aos="fade-up"
           data-aos-easing="linear"
           data-aos-duration="500"