diff --git a/frontend/app/about/layout.tsx b/frontend/app/about/layout.tsx new file mode 100644 index 0000000..d042d97 --- /dev/null +++ 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 ( + + + + + {children} + + ); +} diff --git a/frontend/app/about/page.tsx b/frontend/app/about/page.tsx new file mode 100644 index 0000000..20093e7 --- /dev/null +++ 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 ( +
+
+ +

+ About Us +

+

{about.intro}

+ {about.sections.map((section, index) => ( + +
+ +

{section.imageDescription}

+
+
+
+

{section.title}

+

{section.content}

+
+
+ + ))} + + +
+ ); +} diff --git a/frontend/content/about.ts b/frontend/content/about.ts new file mode 100644 index 0000000..4586b12 --- /dev/null +++ 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 index bd3e241..97c96f0 100644 --- 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 new file mode 100644 index 0000000..37d9cb0 Binary files /dev/null and b/frontend/public/images/believe.jpg differ diff --git a/frontend/public/images/join.jpg b/frontend/public/images/join.jpg new file mode 100644 index 0000000..770470d Binary files /dev/null and b/frontend/public/images/join.jpg differ diff --git a/frontend/public/images/mission.jpg b/frontend/public/images/mission.jpg new file mode 100644 index 0000000..d259efe Binary files /dev/null and b/frontend/public/images/mission.jpg differ diff --git a/frontend/public/images/started.jpeg b/frontend/public/images/started.jpeg new file mode 100644 index 0000000..e52258d Binary files /dev/null and b/frontend/public/images/started.jpeg differ