From 8eba7a03419b1a5411a158bf9efd98cb750836f9 Mon Sep 17 00:00:00 2001 From: moh1med Date: Tue, 17 Oct 2023 15:10:58 +0100 Subject: [PATCH 1/4] feat: create marketing cards --- public/marketing-icons/sec1.png | Bin 0 -> 3848 bytes public/marketing-icons/sec2.png | Bin 0 -> 2656 bytes public/marketing-icons/sec3.png | Bin 0 -> 2037 bytes src/components/marketing-card/Card.jsx | 15 ++++++++ .../marketing-card/SectionWithCards.jsx | 34 ++++++++++++++++++ src/layout/Layout.jsx | 1 + 6 files changed, 50 insertions(+) create mode 100644 public/marketing-icons/sec1.png create mode 100644 public/marketing-icons/sec2.png create mode 100644 public/marketing-icons/sec3.png create mode 100644 src/components/marketing-card/Card.jsx create mode 100644 src/components/marketing-card/SectionWithCards.jsx diff --git a/public/marketing-icons/sec1.png b/public/marketing-icons/sec1.png new file mode 100644 index 0000000000000000000000000000000000000000..59d565ba016b14a1415ed34852ca3da3883ec4b0 GIT binary patch literal 3848 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 O0000$AZ6m%cmS*bvH~kBu)KmOE0D+l zNY0@v_jb3i)JW>*y|)_bn;AF9KCNH%`0t|t1S3p$I;WHFk58Zmcpy~H`A(+~1RIFg zN(fs%Fh@jCG3VW_T_WhlfAkUQ^(j>+y{n;2r58_d&Em60Pxp6M-T9M^Otu+V1}fF3W&qKpY|MH6U#zT zL{O6RUT0esg6)ittB65Izzj(TC5Y+(`U`TRerKTSgB~zJB0&js`v(Oe!tUg!trjpr zL{Jdz2SA28U=^x9IO5_ThzJUxzr{=ZfV?RG;9?gTAT>cwvbKX+;m|fpB*=+s2TP@a zBplL$h#&{L8<<-cs0!z4K}3*)qTN6mVYlFL*;z!8k;%?h8!Ai#Nz}5lvqdH;3^Nd$ zLOKfgU=Z@W7tLRPKLg81B*=hzNt<9;02&N}zKbGJM36#Q43_r1s9SuYTYp@*!X4sAfB7zmfQJ@8GP|@IO11upTScMk~ zzz0Vl(I!|zM6d$&A-G=QYuVa!AR<_TN(C)&7zJ*)CMzjHM6d)^5Lyex>ri&?ri}to zM6d*h1!0l~e061fVM#=gfK4ixVId`m2$FbgqCkjB3EzWZL<9+t;2H43H+^75L~x6M z-<<-6qmzhWj%are@;gROWK@_Uf&~Ju_Xzl45D~!w3{wH<;*h=pgNO*`@jRxHz-)>V z5eOmzK|~;ch#<)rcrpfqhzRBhyb&;j06v33LjY zx+qmO$y3uE!8{TPQXu$Or3D;<6|?~8xlI9RBobs~((4S=%i0EWj8z?CT>u)11Q}`e z-*@9;aST<1a7Og#sS5!_|GbckaQipH9zqpI)o@4z`??4PhlmIYGA9OoPQiy<@c8g& ztQA2W#<^wZ;j}pz7_oz+qiewv1bn6%{Dvy<{DlVyMuhmcdfOui9-f){e-vdw1o{N5 z=Ur^8+}8$9=kcm#gzCcxJUrnzkH`f#BCvH~BQwV88@k^-u;a{eB^1Fu6~GNDG8_j1 z?z^ha^AO%w;9YHaK;J=t4Z^w9gD^$yHUfTz2i~ap^V>{&BSI0J?{tnFT-C-6XMK7a z(FcFgMnZi;xs~Hr$4cO5D)s%bF7<^XnD$;xSf0VN&p7JWc@%D6YBYVle(BFg3u3se z7D9ap6Y=^J2q9c1mFY{X^gs+SlcE;{fx5jhb&r2tadq4H3_W$-z;KP_sB|H=@e(iy zoQ$N=1^Tqt`Djf5I{gKYUWy2o(?IXi>Lk-i_lGBOL~el{;zD>Z6%nk0U}N&;wUvDY zdekl=T5QqvlJ%EPNJOxPC@q+^&cpl`D1d{* zy=8wV=^z`W(?aC_UG`nr^8|FVN&p%WL3Vs7NRc2O3AVoyLpVDSf8X^MTRAL6DAtK<5wfhoe0f{By&88{>d>DfTBoZ(rGJ`%?8^a?a zU`FHx*u5J;M8JqL8$-$*s=katJ=%(fKZb(1-}90PM(SNm0|-8=KMXm!e?|BopcppZ Tn|<%Q00000NkvXXu0mjfX`XQ& literal 0 HcmV?d00001 diff --git a/src/components/marketing-card/Card.jsx b/src/components/marketing-card/Card.jsx new file mode 100644 index 0000000..8b0446c --- /dev/null +++ b/src/components/marketing-card/Card.jsx @@ -0,0 +1,15 @@ +import React from "react"; + +const Card = ({ icon, title, children }) => { + return ( +
+
+ {icon} +

{title}

+ {children} +
+
+ ); +}; + +export default Card; diff --git a/src/components/marketing-card/SectionWithCards.jsx b/src/components/marketing-card/SectionWithCards.jsx new file mode 100644 index 0000000..860f469 --- /dev/null +++ b/src/components/marketing-card/SectionWithCards.jsx @@ -0,0 +1,34 @@ +import React from "react"; +import Card from "./Card"; + +const SectionWithCards = () => { + return ( +
+

+ Section Title +

+
+ } + title='Card 1 Title' + > +

Card 1 Content

+ + } + title='Card 1 Title' + > +

Card 1 Content

+ + } + title='Card 1 Title' + > +

Card 1 Content

+ +
+
+ ); +}; + +export default SectionWithCards; diff --git a/src/layout/Layout.jsx b/src/layout/Layout.jsx index 0cc1e4a..b53fa67 100644 --- a/src/layout/Layout.jsx +++ b/src/layout/Layout.jsx @@ -1,4 +1,5 @@ import Footer from "@/components/footer/Footer"; +import SectionWithCards from "@/components/marketing-card/SectionWithCards"; import Navbar from "@/components/navbar/Navbar"; export default function Layout({ children }) { From ae881da7c97632c1b7b9682f4bed23b50c019988 Mon Sep 17 00:00:00 2001 From: moh1med Date: Thu, 19 Oct 2023 23:38:01 +0100 Subject: [PATCH 2/4] feat: make the section responsive --- .../marketing-card/SectionWithCards.jsx | 61 ++++++++++++------- 1 file changed, 38 insertions(+), 23 deletions(-) diff --git a/src/components/marketing-card/SectionWithCards.jsx b/src/components/marketing-card/SectionWithCards.jsx index 860f469..a787191 100644 --- a/src/components/marketing-card/SectionWithCards.jsx +++ b/src/components/marketing-card/SectionWithCards.jsx @@ -3,29 +3,44 @@ import Card from "./Card"; const SectionWithCards = () => { return ( -
-

- Section Title -

-
- } - title='Card 1 Title' - > -

Card 1 Content

- - } - title='Card 1 Title' - > -

Card 1 Content

- - } - title='Card 1 Title' - > -

Card 1 Content

- +
+

Section Title

+ +
+
+ + Icon +

Card 1 Title

+

Card 1 Content

+ +
+ +
+ + Icon +

Card 1 Title

+

Card 1 Content

+ +
+
+ + Icon +

Card 1 Title

+

Card 1 Content

+ +
); From 4a3f37a949610767efbd8a664dc304d56f4a8bed Mon Sep 17 00:00:00 2001 From: moh1med Date: Sat, 21 Oct 2023 15:17:10 +0100 Subject: [PATCH 3/4] feat: modify the sectionWithCard component to accept elements as children and img tag --- src/components/marketing-card/Card.jsx | 8 +-- src/components/marketing-card/SectionData.jsx | 68 +++++++++++++++++++ .../marketing-card/SectionWithCards.jsx | 45 ++---------- src/layout/Layout.jsx | 2 + 4 files changed, 77 insertions(+), 46 deletions(-) create mode 100644 src/components/marketing-card/SectionData.jsx diff --git a/src/components/marketing-card/Card.jsx b/src/components/marketing-card/Card.jsx index 8b0446c..aa6c6e7 100644 --- a/src/components/marketing-card/Card.jsx +++ b/src/components/marketing-card/Card.jsx @@ -1,10 +1,8 @@ -import React from "react"; - const Card = ({ icon, title, children }) => { return ( -
-
- {icon} +
+
+
{icon}

{title}

{children}
diff --git a/src/components/marketing-card/SectionData.jsx b/src/components/marketing-card/SectionData.jsx new file mode 100644 index 0000000..9faaa8d --- /dev/null +++ b/src/components/marketing-card/SectionData.jsx @@ -0,0 +1,68 @@ +import SectionWithCards from "./SectionWithCards"; +import Card from "./Card"; +import Image from "next/image"; + +const SectionData = () => { + return ( +
+ + + } + title='Card 1 Title' + > +

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industrys + standard dummy text ever since the 1500s, +

+ + + } + title='Card 2 Title' + > +

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industrys + standard dummy text ever since the 1500s, +

+ + + } + title='Card 3 Title' + > +

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industrys + standard dummy text ever since the 1500s, +

+ + +
+ ); +}; + +export default SectionData; diff --git a/src/components/marketing-card/SectionWithCards.jsx b/src/components/marketing-card/SectionWithCards.jsx index a787191..a1d4fea 100644 --- a/src/components/marketing-card/SectionWithCards.jsx +++ b/src/components/marketing-card/SectionWithCards.jsx @@ -1,47 +1,10 @@ -import React from "react"; import Card from "./Card"; -const SectionWithCards = () => { +const SectionWithCards = ({ children }) => { return ( -
-

Section Title

- -
-
- - Icon -

Card 1 Title

-

Card 1 Content

- -
- -
- - Icon -

Card 1 Title

-

Card 1 Content

- -
-
- - Icon -

Card 1 Title

-

Card 1 Content

- -
-
+
+

Section Title

+
{children}
); }; diff --git a/src/layout/Layout.jsx b/src/layout/Layout.jsx index b53fa67..4fd1fcc 100644 --- a/src/layout/Layout.jsx +++ b/src/layout/Layout.jsx @@ -1,12 +1,14 @@ import Footer from "@/components/footer/Footer"; import SectionWithCards from "@/components/marketing-card/SectionWithCards"; import Navbar from "@/components/navbar/Navbar"; +import SectionData from "@/components/marketing-card/SectionData"; export default function Layout({ children }) { return (
{children} +
); From bfebd2d6c0674a1d0df12064f9e6c6577d099c10 Mon Sep 17 00:00:00 2001 From: ismailbenlaredj Date: Mon, 23 Oct 2023 19:55:58 +0100 Subject: [PATCH 4/4] refactor(marketing card): update section container component --- src/components/marketing-card/SectionData.jsx | 68 ------------------- .../marketing-card/SectionWithCards.jsx | 6 +- src/layout/Layout.jsx | 3 - 3 files changed, 2 insertions(+), 75 deletions(-) delete mode 100644 src/components/marketing-card/SectionData.jsx diff --git a/src/components/marketing-card/SectionData.jsx b/src/components/marketing-card/SectionData.jsx deleted file mode 100644 index 9faaa8d..0000000 --- a/src/components/marketing-card/SectionData.jsx +++ /dev/null @@ -1,68 +0,0 @@ -import SectionWithCards from "./SectionWithCards"; -import Card from "./Card"; -import Image from "next/image"; - -const SectionData = () => { - return ( -
- - - } - title='Card 1 Title' - > -

- Lorem Ipsum is simply dummy text of the printing and - typesetting industry. Lorem Ipsum has been the industrys - standard dummy text ever since the 1500s, -

- - - } - title='Card 2 Title' - > -

- Lorem Ipsum is simply dummy text of the printing and - typesetting industry. Lorem Ipsum has been the industrys - standard dummy text ever since the 1500s, -

- - - } - title='Card 3 Title' - > -

- Lorem Ipsum is simply dummy text of the printing and - typesetting industry. Lorem Ipsum has been the industrys - standard dummy text ever since the 1500s, -

- - -
- ); -}; - -export default SectionData; diff --git a/src/components/marketing-card/SectionWithCards.jsx b/src/components/marketing-card/SectionWithCards.jsx index a1d4fea..39686d2 100644 --- a/src/components/marketing-card/SectionWithCards.jsx +++ b/src/components/marketing-card/SectionWithCards.jsx @@ -1,9 +1,7 @@ -import Card from "./Card"; - -const SectionWithCards = ({ children }) => { +const SectionWithCards = ({ children, SectionTitle }) => { return (
-

Section Title

+

{SectionTitle}

{children}
); diff --git a/src/layout/Layout.jsx b/src/layout/Layout.jsx index 4fd1fcc..0cc1e4a 100644 --- a/src/layout/Layout.jsx +++ b/src/layout/Layout.jsx @@ -1,14 +1,11 @@ import Footer from "@/components/footer/Footer"; -import SectionWithCards from "@/components/marketing-card/SectionWithCards"; import Navbar from "@/components/navbar/Navbar"; -import SectionData from "@/components/marketing-card/SectionData"; export default function Layout({ children }) { return (
{children} -
);