From 8ac62ddf8a3e683c502b7b3381fb6d45a9e1352b Mon Sep 17 00:00:00 2001 From: AJ-Kulundu Date: Fri, 21 Oct 2022 20:49:58 +0300 Subject: [PATCH 1/4] Creating the about-us component --- src/components/about-us/about-us.tsx | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 src/components/about-us/about-us.tsx diff --git a/src/components/about-us/about-us.tsx b/src/components/about-us/about-us.tsx new file mode 100644 index 0000000..0a591ac --- /dev/null +++ b/src/components/about-us/about-us.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + + +export default function AboutUs (){ + return( +
+

ABOUT US

+

Empowering great talent

+

We bring together people who are passionate about React JS and
it's ecosystem. We are a community of full-stack developers, frontend developers and so much more

+
+ ) +} \ No newline at end of file From 06c71887912cefad8349d6a34884a18df0286f98 Mon Sep 17 00:00:00 2001 From: AJ-Kulundu Date: Fri, 21 Oct 2022 20:51:41 +0300 Subject: [PATCH 2/4] Implementing About section [Fixes #78] --- src/pages/about/index.page.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/pages/about/index.page.tsx b/src/pages/about/index.page.tsx index b83531a..a9a18aa 100644 --- a/src/pages/about/index.page.tsx +++ b/src/pages/about/index.page.tsx @@ -1,5 +1,6 @@ import Head from 'next/head'; import React from 'react'; +import AboutUs from "../../components/about-us/about-us"; export default function AboutPage() { return ( @@ -7,8 +8,8 @@ export default function AboutPage() { Reactjs Developer Community in Kenya - About -
-

About page will be here

+
+
); From baa0be9ce14d02f8beface4b68a142cf566d8489 Mon Sep 17 00:00:00 2001 From: AJ-Kulundu Date: Fri, 21 Oct 2022 21:06:26 +0300 Subject: [PATCH 3/4] Ficing the font sizr for mobile screens --- src/components/about-us/about-us.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/about-us/about-us.tsx b/src/components/about-us/about-us.tsx index 0a591ac..73e654a 100644 --- a/src/components/about-us/about-us.tsx +++ b/src/components/about-us/about-us.tsx @@ -5,8 +5,8 @@ export default function AboutUs (){ return(

ABOUT US

-

Empowering great talent

-

We bring together people who are passionate about React JS and
it's ecosystem. We are a community of full-stack developers, frontend developers and so much more

+

Empowering great talent

+

We bring together people who are passionate about React JS and
it's ecosystem. We are a community of full-stack developers, frontend developers and so much more

) } \ No newline at end of file From cad1b489b8cc19235d3b716a674a09d8a83a36fe Mon Sep 17 00:00:00 2001 From: AJ-Kulundu Date: Sat, 22 Oct 2022 11:27:59 +0300 Subject: [PATCH 4/4] Moving AboutUs component to main page and formatting files --- src/components/about-us/about-us.tsx | 35 ++++++++++++++++++---------- src/pages/about/index.page.tsx | 3 +-- src/pages/index.page.tsx | 4 ++++ 3 files changed, 28 insertions(+), 14 deletions(-) diff --git a/src/components/about-us/about-us.tsx b/src/components/about-us/about-us.tsx index 73e654a..88ce73f 100644 --- a/src/components/about-us/about-us.tsx +++ b/src/components/about-us/about-us.tsx @@ -1,12 +1,23 @@ -import React from 'react'; - - -export default function AboutUs (){ - return( -
-

ABOUT US

-

Empowering great talent

-

We bring together people who are passionate about React JS and
it's ecosystem. We are a community of full-stack developers, frontend developers and so much more

-
- ) -} \ No newline at end of file +import React from 'react'; + +export default function AboutUs() { + return ( +
+

+ ABOUT US +

+

+ Empowering great talent +

+

+ We bring together people who are passionate about React JS and{' '} +
+ it's ecosystem. We are a community of full-stack developers, + frontend developers and so much more +

+
+ ); +} diff --git a/src/pages/about/index.page.tsx b/src/pages/about/index.page.tsx index a9a18aa..0b201aa 100644 --- a/src/pages/about/index.page.tsx +++ b/src/pages/about/index.page.tsx @@ -1,6 +1,5 @@ import Head from 'next/head'; import React from 'react'; -import AboutUs from "../../components/about-us/about-us"; export default function AboutPage() { return ( @@ -9,7 +8,7 @@ export default function AboutPage() { Reactjs Developer Community in Kenya - About
- + About Page here
); diff --git a/src/pages/index.page.tsx b/src/pages/index.page.tsx index 728a0ea..49bcee3 100644 --- a/src/pages/index.page.tsx +++ b/src/pages/index.page.tsx @@ -2,6 +2,7 @@ import Head from 'next/head'; import Image from 'next/image'; import logo from '../../public/reactdevske.svg'; import Events from '../components/Events/Events'; +import AboutUs from '../components/about-us/about-us'; export default function Home() { return ( @@ -49,6 +50,9 @@ export default function Home() { +
+ +