Skip to content

Commit

Permalink
created about page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sebstep
Sebstep committed Oct 12, 2023
1 parent ea43cd9 commit 3b554cf
Show file tree
Hide file tree
Showing 3 changed files with 35 additions and 151 deletions.
184 changes: 34 additions & 150 deletions app/about/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,26 @@ import React from "react";
import Typography from "@mui/material/Typography";
import Image from "next/image";
import Headings from "@/components/Doubleheadings";
import { FaGlobe, FaFacebook, FaLinkedin, FaLink } from "react-icons/fa";

export default function About() {
return (
<section className="text-gray-600 body-font">
<section className="">
<div className="container px-5 py-24 mx-auto">
{/* Top Part Wrapper */}
<div className="flex flex-col text-center w-full mb-20">
<Headings
top="PROJECT CONSORTIUM"
bottom="Participating Organizations"
/>
<p className="lg:w-2/3 mx-auto leading-relaxed text-base">
<p className="mx-auto leading-relaxed lg:w-2/3">
Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical
gentrify, subway tile poke farm-to-table. Franzen you probably
havent heard of them.
</p>
</div>

{/* Partnership Wrapper */}
<div className="flex flex-wrap -m-4">
{/* Partner 1 */}
<div className="p-4 lg:w-1/2">
Expand All @@ -31,52 +35,22 @@ export default function About() {
/>
<div className="flex-grow sm:pl-8">
<h2 className="title-font font-medium text-lg text-gray-900">
Holden Caulfield
Partner 1
</h2>
<h3 className="text-gray-500 mb-3">UI Developer</h3>
<h3 className="text-gray-500 mb-3">Country</h3>
<p className="mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny
pack vaporware.
</p>
<span className="inline-flex">
<a className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
<FaGlobe size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaFacebook size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaLinkedin size={24} />
</a>
</span>
</div>
Expand All @@ -95,52 +69,22 @@ export default function About() {
/>
<div className="flex-grow sm:pl-8">
<h2 className="title-font font-medium text-lg text-gray-900">
Alper Kamu
Partner 2
</h2>
<h3 className="text-gray-500 mb-3">Designer</h3>
<h3 className="text-gray-500 mb-3">Country</h3>
<p className="mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny
pack vaporware.
</p>
<span className="inline-flex">
<a className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
<FaGlobe size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaFacebook size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaLinkedin size={24} />
</a>
</span>
</div>
Expand All @@ -159,52 +103,22 @@ export default function About() {
/>
<div className="flex-grow sm:pl-8">
<h2 className="title-font font-medium text-lg text-gray-900">
Atticus Finch
Partner 3
</h2>
<h3 className="text-gray-500 mb-3">UI Developer</h3>
<h3 className="text-gray-500 mb-3">Country</h3>
<p className="mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny
pack vaporware.
</p>
<span className="inline-flex">
<a className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
<FaGlobe size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaFacebook size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaLinkedin size={24} />
</a>
</span>
</div>
Expand All @@ -223,52 +137,22 @@ export default function About() {
/>
<div className="flex-grow sm:pl-8">
<h2 className="title-font font-medium text-lg text-gray-900">
Henry Letham
Partner 4
</h2>
<h3 className="text-gray-500 mb-3">Designer</h3>
<h3 className="text-gray-500 mb-3">Country</h3>
<p className="mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny
pack vaporware.
</p>
<span className="inline-flex">
<a className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
<FaGlobe size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaFacebook size={24} />
</a>
<a className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
<a className="text-gray-500 ml-4">
<FaLinkedin size={24} />
</a>
</span>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/Navigation.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import MenuItem from '@mui/material/MenuItem';
import AdbIcon from '@mui/icons-material/Adb';
import Link from 'next/link';

const pages = ['SAGE', 'GUARD', 'ARTISAN'];
const pages = ['SAGE', 'GUARD', 'ARTISAN', "About"];
const settings = ['Profile', 'Account', 'Dashboard', 'Logout'];

function ResponsiveAppBar() {
Expand Down
Binary file added public/images/206x206.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 3b554cf

Please sign in to comment.