Skip to content

Commit e8a8b46

Browse files
taichan03taichan03
authored
Merge pull request #64 from CodeForPhilly/about
About v2
2 parents b1e3eea + 0b916f8 commit e8a8b46

File tree

2 files changed

+45
-28
lines changed

2 files changed

+45
-28
lines changed

‎frontend/src/pages/About/About.tsx‎

Lines changed: 45 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,64 @@
11
//import Welcome from "../../components/Welcome/Welcome.tsx";
22
import Layout from "../Layout/Layout";
3+
import image from './OIP.jpeg'
34

45
function About() {
56
return (
67
<Layout>
7-
<div className="flex w-full max-w-6xl flex-col items-center justify-center md:mt-28">
8-
<div className="text-5xl mt-20">Balancer</div>
8+
<div className="flex w-full max-w-6xl flex-col items-center justify-center md:mt-28 summary_box font_body">
99

1010
{/* Top section */}
11-
<div className="mt-10 top-section flex w-full max-w-6xl flex-col justify-center">
12-
<div className="text-3xl mt-5">A tool that makes it easier to research medications for bipolar disorder.</div>
13-
<div className="text-lg mt-5 text-gray-500">It can take two to 10 years—and three to 30 medications—for people with bipolar disorder to find the right medication combination. Balancer is designed to help physicians shorten this journey for their patients.</div>
14-
<div className="text-3xl mt-5">Get accurate, helpful information on bipolar medications fast</div>
15-
<div className="text-lg mt-5 text-gray-500">Powered by innovative AI technology, Balancer is a tool that aids in providing personalized medication recommendations for patients with bipolar disorder in any state, including mania, depression, hypomania and mixed. Our platform utilizes machine learning to give you the latest, most up-to-date information on medications and active clinical trials to treat bipolar disorder. </div>
16-
<div className="text-lg mt-5 text-gray-500">Balancer automates medication decision support by offering tailored medication recommendations and comprehensive risk-benefit assessments based on a patient's diagnosis, symptom severity, treatment goals and individual characteristics. </div>
11+
<div className="flex flex-row">
12+
<div className="mt-10 mr-10 top-section flex w-full max-w-6xl flex-col justify-center">
13+
<div className="text-3xl mt-5 font-bold">A tool that makes it easier to research medications for bipolar disorder.</div>
14+
<div className="text-lg mt-5 text-gray-500">It can take two to 10 years—and three to 30 medications—for people with bipolar disorder to find the right medication combination. Balancer is designed to help physicians shorten this journey for their patients.</div>
15+
</div>
16+
<img src={image} alt="about image" className="mt-10 rounded-2xl"></img>
1717
</div>
1818

19-
{/* Mission section */}
20-
<div className="mt-10 mission-section flex w-full max-w-6xl flex-col items-center justify-center md:mt-28">
21-
<div className="text-3xl">Our mission</div>
22-
<div className="flex flex-col justify-between w-full">
23-
<div className="text-lg mt-5 text-gray-500">
24-
Bipolar disorder affects approximately 5.7 million adult Americans
25-
<a href="https://www.dbsalliance.org/education/bipolar-disorder/bipolar-disorder-statistics/" className="underline" target="_blank"> every year</a>.
26-
Delays in the correct diagnosis and proper treatment of bipolar disorder may result in social, occupational, and economic burdens, as well as
27-
<a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2796048/" className="underline" target="_blank"> an increase in completed suicides</a>.
19+
20+
{/* Middle section */}
21+
<div className="mission-section flex w-full max-w-6xl flex-row justify-center md:mt-28">
22+
<div>
23+
<div className="text-3xl font-bold">Get accurate, helpful information on bipolar medications fast</div>
24+
<div className="text-lg mt-5 text-gray-500">Powered by innovative AI technology, Balancer is a tool that aids in providing personalized medication recommendations for patients with bipolar disorder in any state, including mania, depression, hypomania and mixed. Our platform utilizes machine learning to give you the latest, most up-to-date information on medications and active clinical trials to treat bipolar disorder. </div>
25+
<div className="text-lg mt-5 text-gray-500">Balancer automates medication decision support by offering tailored medication recommendations and comprehensive risk-benefit assessments based on a patient's diagnosis, symptom severity, treatment goals and individual characteristics. </div>
26+
<div className="text-3xl font-bold mt-20">Our mission</div>
27+
<div className="flex flex-col justify-between w-full">
28+
<div className="text-lg mt-8 text-gray-500">
29+
Bipolar disorder affects approximately 5.7 million adult Americans
30+
<a href="https://www.dbsalliance.org/education/bipolar-disorder/bipolar-disorder-statistics/" className="underline" target="_blank"> every year</a>.
31+
Delays in the correct diagnosis and proper treatment of bipolar disorder may result in social, occupational, and economic burdens, as well as
32+
<a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2796048/" className="underline" target="_blank"> an increase in completed suicides</a>.
33+
</div>
34+
<div className="text-lg mt-5 text-gray-500">
35+
The team behind Balancer believes that building a searchable, interactive and user-friendly research tool for bipolar medications has the potential to improve the health and well-being of people with bipolar disorder.
36+
</div>
2837
</div>
29-
<div className="text-lg mt-5 text-gray-500">
30-
The team behind Balancer believes that building a searchable, interactive and user-friendly research tool for bipolar medications has the potential to improve the health and well-being of people with bipolar disorder.
38+
</div>
39+
<div className="w-full flex flex-col items-center">
40+
<div>
41+
<div className="mt-8 text-4xl font-bold">44 million</div>
42+
<div className="text-lg">Transactions every 24 hours</div>
43+
<div className="mt-5 text-4xl font-bold">$119 million</div>
44+
<div className="text-lg">Assets under holding</div>
45+
<div className="mt-5 text-4xl font-bold">46,000</div>
46+
<div className="text-lg">New users annually</div>
3147
</div>
3248
</div>
3349
</div>
3450

3551
{/* Support Us section */}
36-
<div className="mt-10 team-section flex w-full max-w-6xl flex-col items-center justify-center md:mt-28">
37-
<div className="text-3xl">Support Us</div>
38-
<div className="text-lg mt-5 text-gray-500">
39-
Balancer is led by a passionate team of volunteer developers, coders, UX designers, data scientists and researchers. Our vision is to create digital tools that support physicians in choosing the most suitable medication for patients with bipolar disorder. We also aim to support patients in their journey to medication stability, enabling them to be more informed and therefore more involved in medication decision-making.
40-
</div>
41-
<div className="text-lg mt-5 text-gray-500">
42-
Balancer is a not-for-profit, civic-minded, open-source project sponsored by
43-
<a href="https://codeforphilly.org/" className="underline" target="_blank"> Code for Philly</a>
44-
. We are currently seeking donations to fund the next phase of development. Your contribution will go towards website domains and hosting, helpdesk software and marketing efforts.
52+
<div className="team-section flex w-full max-w-6xl flex-col items-center justify-center md:mt-28">
53+
<div className="text-3xl font-bold">Support Us</div>
54+
<div className="text-lg mt-5 pr-56 pl-56 text-gray-500 flex flex-col items-center justify-center text-center">
55+
<div className="text-xl font-bold">
56+
Balancer is a not-for-profit, civic-minded, open-source project sponsored by
57+
<a href="https://codeforphilly.org/" className="underline" target="_blank"> Code for Philly</a>.
58+
</div>
59+
<div className="mt-5">
60+
We are currently seeking donations to fund the next phase of development. Your contribution will go towards website domains and hosting, helpdesk software and marketing efforts.
61+
</div>
4562
</div>
4663

4764
<div className="flex flex-row flex-wrap mt-5 mb-20">

‎frontend/src/pages/About/OIP.jpeg‎

33.8 KB
Loading

0 commit comments

Comments
 (0)