content: add about page with inital content

rocket-connect · May 30, 2024 · 3170eec · 3170eec
1 parent 0144bde
commit 3170eec
Show file tree

Hide file tree

Showing 8 changed files with 121 additions and 0 deletions.
diff --git a/frontend/app/about/layout.tsx b/frontend/app/about/layout.tsx
@@ -0,0 +1,30 @@
+import type { Metadata } from "next";
+import { Rubik } from "next/font/google";
+import "../globals.css";
+
+const rubik = Rubik({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Services | Rconnect.tech",
+  description: "We connect people through open source.",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <head>
+        <link
+          rel="icon"
+          href="/icon?<generated>"
+          type="image/<generated>"
+          sizes="<generated>"
+        />
+      </head>
+      <body className={rubik.className}>{children}</body>
+    </html>
+  );
+}
diff --git a/frontend/app/about/page.tsx b/frontend/app/about/page.tsx
@@ -0,0 +1,45 @@
+import { Hero } from "@/components/shared/Hero";
+import { SocialProofSection } from "@/components/templates/SocialProofSection";
+import { TwoColumn } from "@/components/shared/TwoColumn";
+import { Cta } from "@/components/shared/Cta";
+import { Footer } from "@/components/shared/Footer";
+import { Header } from "@/components/shared/Header";
+import { Main } from "@/components/shared/Main";
+import { about } from "@/content/about";
+import Image from "next/image";
+
+export default function About() {
+  return (
+    <Main>
+      <Header />
+      <Hero content={about.hero} cta={true} />
+      <h3 className="text-3xl lg:text-4xl text-center font-bold !leading-tigh">
+        About Us
+      </h3>
+      <p className="text-center w-1/2 mt-8">{about.intro}</p>
+      {about.sections.map((section, index) => (
+        <TwoColumn key={"servicecol-" + index} index={index}>
+          <div className="flex flex-col gap-4">
+            <Image
+              src={section.image}
+              width={609}
+              height={380}
+              alt=""
+              className="rounded-xl"
+            />
+            <p className="text-center italic">{section.imageDescription}</p>
+          </div>
+          <div className="w-1/2 h-full flex flex-col gap-8 justify-center">
+            <div className="flex flex-col gap-4">
+              <h4 className="font-bold text-2xl">{section.title}</h4>
+              <p>{section.content}</p>
+            </div>
+          </div>
+        </TwoColumn>
+      ))}
+      <SocialProofSection />
+      <Cta />
+      <Footer />
+    </Main>
+  );
+}
diff --git a/frontend/content/about.ts b/frontend/content/about.ts
@@ -0,0 +1,45 @@
+export const about = {
+  hero: {
+    h1: {
+      title: "We connect people Through open source",
+      wordsToColor: [
+        { word: "connect", color: "#24BEE1" },
+        { word: "open source", color: "#8F9DA7" },
+      ],
+    },
+    cta: { label: "Contact us", href: "/contact" },
+  },
+  intro:
+    "Rocket Connect puts people and connections at the forefront of its operations. Our goal is to connect people through our deep understanding of the world and open-source software. You may find us collaborating on popular GitHub repositories, speaking at your local tech conference, or connecting with somebody you know.",
+  sections: [
+    {
+      title: "Where we started",
+      content:
+        "Started by our founder in London, our team is now established all over the globe, embracing diverse cultures and backgrounds. This global presence allows us to leverage a wide range of perspectives and expertise, enriching our contributions to the open-source community.",
+      image: "/images/started.jpeg",
+      imageDescription:
+        "Rocket Connect founded in London 2019 by our founder Dan.",
+    },
+    {
+      title: "What we believe in",
+      content:
+        "We believe in delivering great software and sharing it with the world, grounded in principles of philanthropy, fairness, and collaboration. We are committed to fostering many vibrant communities, building strong connections, and establishing meaningful partnerships.",
+      image: "/images/believe.jpg",
+      imageDescription: "Attendees of DevTools Bangkok working with HubQL.",
+    },
+    {
+      title: "Our mission",
+      content:
+        "Our mission is to connect people through open source. We strive to build solutions that help the greater community and share our knowledge through our extensive networks. By leveraging our expertise and connections, we aim to make a positive impact on the open-source community and beyond.",
+      image: "/images/mission.jpg",
+      imageDescription: "Attendees of DevTools Bangkok working with HubQL.",
+    },
+    {
+      title: "Join us",
+      content:
+        "We are always looking for passionate individuals to join our mission. Whether you're a developer, community manager, or just someone who shares our values, we welcome you to be part of Rocket Connect. Together, we can continue to build and share open-source solutions that make a difference. Contact us today",
+      image: "/images/join.jpg",
+      imageDescription: "Attendees of DevTools Bangkok working with HubQL.",
+    },
+  ],
+};
diff --git a/frontend/content/header.ts b/frontend/content/header.ts
@@ -3,6 +3,7 @@ export const header = {
   links: [
     { label: "Services", href: "/services" },
     { label: "Community", href: "/community" },
+    { label: "About Us", href: "/about" },
     { label: "Contact us", href: "/contact" },
   ],
   socials: [

diff --git a/frontend/public/images/believe.jpg b/frontend/public/images/believe.jpg
diff --git a/frontend/public/images/join.jpg b/frontend/public/images/join.jpg
diff --git a/frontend/public/images/mission.jpg b/frontend/public/images/mission.jpg
diff --git a/frontend/public/images/started.jpeg b/frontend/public/images/started.jpeg