Merge pull request WebXDAO#220 from clairecharles/main

mkubdev · web-flow · commit 0fe89ec68096 · 2022-10-06T16:45:34.000+02:00
Add About-us.js
diff --git a/src/components/Home/AboutSection.js b/src/components/Home/AboutSection.js
@@ -0,0 +1,60 @@
+import Link from "next/link";
+
+export default function AboutSection() {
+	return (
+		<>
+			<div className="">
+				<section className="">
+					<div className=" bg-transparent">
+						<div className="items-center">
+							<div className="">
+								<div className=" sm:px-6">
+									<div className="lg:py-5 p-5">
+										<h1 className="text-5xl text-center font-bold tracking-tight text-white sm:mt-5 sm:text-6xl lg:mt-6 xl:text-4xl">
+											<span className="block">Who Are We?</span>
+										</h1>
+										<p className="mt-3 text-base text-white/80 text-left">
+											WebXDAO is an opensource community that focus on the
+											future of the web. Here you will learn how to become a
+											blockchain developer while having fun with other community
+											members.
+										</p>
+										<div className="">
+											<div className="">
+												<p className="mt-3 text-base text-white/80 text-left">
+													Blockchain Development is an interesting field, in
+													demand and the latest trend in the tech industry. Here
+													you will get to interact with some great folks and
+													learn blockchain technology together. This community
+													is in its initial stage so you can show your
+													leadership skills and help for everyone's success.
+												</p>
+											</div>
+											<div className="lg:py-5 mt-3">
+												<h1 className="text-5xl text-center font-bold tracking-tight text-white sm:text-6xl  xl:text-4xl">
+													<span className="block">The Mission?</span>
+												</h1>
+												<p className="mt-3 text-base text-white/70 text-center ">
+													Our goal is to build a team of passionate builders
+													around web technologies. We like sharing knowledge as
+													much as we can and grow together.
+												</p>
+											</div>
+										</div>
+										<div className="justify-center flex items-center mt-3">
+											<img
+												className=" lg:w-50 sm:w-100"
+												src="/images/shapes/ossCommunity.png"
+												alt=""
+											/>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</section>
+			</div>
+		</>
+	);
+}
diff --git a/src/pages/about-us.js b/src/pages/about-us.js
@@ -0,0 +1,17 @@
+import Head from "next/head";
+import AboutSection from "../components/Home/AboutSection";
+// import AboutSection from "../components/Home/AboutSectionSection/Hero";
+
+export default function Home({ articles }) {
+	return (
+		<>
+			<Head>
+				<title>WebXDAO - Opensource Community</title>
+			</Head>
+			<div className="flex flex-col h-screen">
+				<AboutSection />
+				
+			</div>
+		</>
+	);
+}
