Merge pull request #60 from 202306-NEA-DZ-FEW/8-marketing-card

8 marketing card
202306-NEA-DZ-FEW · Oct 23, 2023 · 6725cca · 6725cca
2 parents 18fba0b + bfebd2d
commit 6725cca
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 0 deletions.
diff --git a/public/marketing-icons/sec1.png b/public/marketing-icons/sec1.png
diff --git a/public/marketing-icons/sec2.png b/public/marketing-icons/sec2.png
diff --git a/public/marketing-icons/sec3.png b/public/marketing-icons/sec3.png
diff --git a/src/components/marketing-card/Card.jsx b/src/components/marketing-card/Card.jsx
@@ -0,0 +1,13 @@
+const Card = ({ icon, title, children }) => {
+    return (
+        <div className='p-4 mb-4 w-full sm:w-1/3 lg:w-1/3 flex justify-center item-center'>
+            <div className='text-center flex flex-col items-center'>
+                <div className='pb-4 '>{icon}</div>
+                <h3 className='p-2 font-bold'>{title}</h3>
+                {children}
+            </div>
+        </div>
+    );
+};
+
+export default Card;
diff --git a/src/components/marketing-card/SectionWithCards.jsx b/src/components/marketing-card/SectionWithCards.jsx
@@ -0,0 +1,10 @@
+const SectionWithCards = ({ children, SectionTitle }) => {
+    return (
+        <section className='bg-gray-100 p-8 w-5/6 mx-auto text-center my-6'>
+            <h2 className='text-2xl font-bold mb-8'>{SectionTitle}</h2>
+            <div className='flex flex-wrap mx-2'>{children}</div>
+        </section>
+    );
+};
+
+export default SectionWithCards;