Skip to content

Commit 66bc3d1

Browse files
feat: add content back
1 parent 68a67b4 commit 66bc3d1

File tree

3 files changed

+137
-141
lines changed

3 files changed

+137
-141
lines changed

code/src/pages/_document.tsx

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
import Document, {
2+
Html,
3+
Head,
4+
Main,
5+
NextScript,
6+
DocumentContext,
7+
} from "next/document";
8+
9+
class MyDocument extends Document {
10+
static async getInitialProps(ctx: DocumentContext) {
11+
const initialProps = await Document.getInitialProps(ctx);
12+
return { ...initialProps };
13+
}
14+
15+
render() {
16+
return (
17+
<Html>
18+
<Head>
19+
<link rel="preconnect" href="https://fonts.googleapis.com" />
20+
<link rel="preconnect" href="https://fonts.gstatic.com" />
21+
<link
22+
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;700&display=swap"
23+
rel="stylesheet"
24+
/>
25+
<link rel="manifest" href="/manifest.json" />
26+
<link rel="apple-touch-icon" href="/icon.png"></link>
27+
<meta name="apple-mobile-web-app-capable" content="yes"></meta>
28+
<script
29+
defer
30+
data-domain="joinpickup.com"
31+
src="https://analytics.joinpickup.com/js/script.js"
32+
></script>
33+
</Head>
34+
<body>
35+
<Main />
36+
<NextScript />
37+
</body>
38+
</Html>
39+
);
40+
}
41+
}
42+
43+
export default MyDocument;

code/src/pages/apps/platform.tsx

Lines changed: 94 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,102 @@
1-
import React, { useState } from "react";
1+
import type { NextPage } from "next";
2+
import Head from "next/head";
23
import Button, { ButtonType } from "../../../ACE/Button/Button";
3-
import Input from "../../../ACE/Input/Input";
44
import { Navbar } from "../../components/navbar";
55

6-
export default function Platform() {
7-
// state
8-
const [email, setEmail] = useState("")
6+
const Home: NextPage = () => {
97
return (
108
<>
9+
<Head>
10+
<title>Pickup</title>
11+
<script
12+
defer
13+
data-domain="joinpickup.com"
14+
src="https://analytics.joinpickup.com/js/script.js"
15+
></script>
16+
<meta name="description" content="Looking for community?" />
17+
<link rel="icon" href="/favicon.ico" />
18+
<link
19+
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;700&display=swap"
20+
rel="stylesheet"
21+
/>
22+
</Head>
1123
<Navbar />
12-
<main className="m-4 flex flex-col items-center space-y-4 p-4">
13-
<div className="mt-12 flex flex-col space-y-4 md:w-128">
14-
<div className="text-5xl md:text-6xl">
15-
We are currently working on the beta, stay tuned.
16-
</div>
17-
{/* <div className="flex flex-col space-y-2 md:flex-row md:space-y-0 md:space-x-2">
18-
<div className="flex-2">
19-
<Input
20-
placeholder="Enter your email..."
21-
type="email"
22-
value={email}
23-
change={setEmail}
24-
/>
25-
</div>
26-
<div className="flex-2">
27-
<Button type={ButtonType.CONTAINED} click={() => {}}>
28-
<div>Join The Waitlist</div>
29-
</Button>
30-
</div>
31-
</div> */}
32-
</div>
33-
</main>
24+
<MainContent />
3425
</>
3526
);
36-
}
27+
};
28+
29+
export const MainContent = () => {
30+
return (
31+
<main className="m-4 flex flex-col items-center space-y-4 p-4">
32+
<div className="mt-12 flex flex-col items-center space-y-4 md:w-128">
33+
<div className="flex w-full flex-col space-y-4">
34+
<div className="flex text-3xl md:w-128 md:text-6xl">
35+
Looking for community?
36+
</div>
37+
<div className="flex text-base font-medium md:w-128 md:text-xl">
38+
Pickup is an app designed to build community from common interests.
39+
We want to enable you to find your new community by connecting you
40+
to others who share your passions.
41+
</div>
42+
</div>
43+
</div>
44+
<div className="flex flex-col items-center">
45+
<div className="s-x-4 flex flex-col">
46+
<div className="flex text-2xl md:text-5xl">Find People</div>
47+
<div className="flex text-base font-medium md:w-128 md:text-base">
48+
Use your profile to showcase your home turf. See where other folks
49+
are located, what mutual friends they have and send direct messages
50+
to make plans. All the tools you need, right in one place.
51+
</div>
52+
</div>
53+
<div className="flex">
54+
<img src="/background-1.svg" />
55+
</div>
56+
</div>
57+
<div className="flex flex-col items-center">
58+
<div className="s-x-4 flex flex-col">
59+
<div className="flex text-2xl md:text-5xl">Find Groups</div>
60+
<div className="flex text-base font-medium md:w-128 md:text-base">
61+
Anyone can make a group, anytime. Groups have feeds, events, photos,
62+
a chat, members and so much more, all designed to make your
63+
experience smooth and put your hobbies first.
64+
</div>
65+
</div>
66+
<div className="flex">
67+
<img src="/background-2.svg" />
68+
</div>
69+
</div>
70+
<div className="flex flex-col items-center">
71+
<div className="s-x-4 flex flex-col">
72+
<div className="flex text-2xl md:text-5xl">Create Events</div>
73+
<div className="flex text-base font-medium md:w-128 md:text-base">
74+
Events are a key component to community, so we enable anybody to
75+
create one — for free. Events are interest- and location-specific,
76+
so you won{"'"}t have to go far.
77+
</div>
78+
</div>
79+
<div className="flex">
80+
<img src="/background-3.svg" />
81+
</div>
82+
</div>
83+
<div className="flex flex-col items-center">
84+
<div className="s-x-4 flex flex-col">
85+
<div className="flex text-2xl md:text-5xl">Share Your Interests</div>
86+
<div className="flex text-base font-medium md:w-128 md:text-base">
87+
When you went to a great Event, you{"’"}ll want other people to know.
88+
Share scores, pictures and more in your Feed to let your community
89+
know what you{"’"}re up to. See what others are doing, comment, and
90+
interact with your local community to get excited and start planning
91+
the next one.
92+
</div>
93+
</div>
94+
<div className="flex">
95+
<img src="/background-4.svg" />
96+
</div>
97+
</div>
98+
</main>
99+
);
100+
};
101+
102+
export default Home;

code/src/pages/index-old.tsx

Lines changed: 0 additions & 113 deletions
This file was deleted.

0 commit comments

Comments
 (0)