diff --git a/public/battery.svg b/public/battery.svg new file mode 100644 index 0000000..e3ac522 --- /dev/null +++ b/public/battery.svg @@ -0,0 +1,7 @@ + + + Layer 1 + + + + \ No newline at end of file diff --git a/public/blue-info.svg b/public/blue-info.svg new file mode 100644 index 0000000..ebab646 --- /dev/null +++ b/public/blue-info.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/blue.svg b/public/blue.svg new file mode 100644 index 0000000..f2289c0 --- /dev/null +++ b/public/blue.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/clock.svg b/public/clock.svg new file mode 100644 index 0000000..3bef47d --- /dev/null +++ b/public/clock.svg @@ -0,0 +1,19 @@ + + + Layer 1 + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/cloud.svg b/public/cloud.svg new file mode 100644 index 0000000..d9bc7be --- /dev/null +++ b/public/cloud.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/cycm-logo-white.svg b/public/cycm-logo-white.svg new file mode 100644 index 0000000..6a086d1 --- /dev/null +++ b/public/cycm-logo-white.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/cycm-logo.png b/public/cycm-logo.png deleted file mode 100644 index 94057e1..0000000 Binary files a/public/cycm-logo.png and /dev/null differ diff --git a/public/cycm-logo.svg b/public/cycm-logo.svg new file mode 100644 index 0000000..73e3653 --- /dev/null +++ b/public/cycm-logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/home-pic1.png b/public/home-pic1.png new file mode 100644 index 0000000..e69de29 diff --git a/public/mobile-info.svg b/public/mobile-info.svg new file mode 100644 index 0000000..9179b4e --- /dev/null +++ b/public/mobile-info.svg @@ -0,0 +1,8 @@ + + + Layer 1 + + + + + \ No newline at end of file diff --git a/public/orange.svg b/public/orange.svg new file mode 100644 index 0000000..28b391c --- /dev/null +++ b/public/orange.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/pic1.png b/public/pic1.png new file mode 100644 index 0000000..855e18b Binary files /dev/null and b/public/pic1.png differ diff --git a/public/pic2.png b/public/pic2.png new file mode 100644 index 0000000..931566f Binary files /dev/null and b/public/pic2.png differ diff --git a/public/pic3.png b/public/pic3.png new file mode 100644 index 0000000..ba208a9 Binary files /dev/null and b/public/pic3.png differ diff --git a/public/pie-graphic.svg b/public/pie-graphic.svg new file mode 100644 index 0000000..6d4437a --- /dev/null +++ b/public/pie-graphic.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/purple-info.svg b/public/purple-info.svg new file mode 100644 index 0000000..6163540 --- /dev/null +++ b/public/purple-info.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/purple.svg b/public/purple.svg new file mode 100644 index 0000000..3c980ef --- /dev/null +++ b/public/purple.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/union-1.png b/public/union-1.png new file mode 100644 index 0000000..e0e9328 Binary files /dev/null and b/public/union-1.png differ diff --git a/public/union.png b/public/union.png new file mode 100644 index 0000000..b32e6fe Binary files /dev/null and b/public/union.png differ diff --git a/public/vector.svg b/public/vector.svg new file mode 100644 index 0000000..a33d89e --- /dev/null +++ b/public/vector.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/components/BlueGraphic.tsx b/src/components/BlueGraphic.tsx new file mode 100644 index 0000000..4dd0780 --- /dev/null +++ b/src/components/BlueGraphic.tsx @@ -0,0 +1,19 @@ +export default function () { + return ( +
+
+ +
+
+

+ 4 in 10 +

+

+ high school students felt +
+ persistently sad or hopeless +

+
+
+ ); +} diff --git a/src/components/CenterDescriptionCard.tsx b/src/components/CenterDescriptionCard.tsx new file mode 100644 index 0000000..0d00d48 --- /dev/null +++ b/src/components/CenterDescriptionCard.tsx @@ -0,0 +1,58 @@ +import { IonCard, IonCardContent, IonCardSubtitle } from "@ionic/react"; + +interface ResourceCardProps { + description: string; +} + +export default function CenterDescriptionCard({ + description, +}: ResourceCardProps) { + return ( +
+ + + + {description} + + +
+ + + +
+ +
+ ); +} diff --git a/src/components/CenterDescriptionCards.tsx b/src/components/CenterDescriptionCards.tsx new file mode 100644 index 0000000..38a52dc --- /dev/null +++ b/src/components/CenterDescriptionCards.tsx @@ -0,0 +1,13 @@ +import CenterDescriptionCard from "./CenterDescriptionCard"; + +export default function CenterDescriptionCards() { + return ( +
+
+ + + +
+
+ ); +} diff --git a/src/components/Cloud.css b/src/components/Cloud.css new file mode 100644 index 0000000..10c76cf --- /dev/null +++ b/src/components/Cloud.css @@ -0,0 +1,74 @@ +.cloud { + height: 464px; + width: 1436px; +} + +.cloud .overlap-group { + height: 464px; + position: relative; +} + +.cloud .vector { + height: 389px; + left: 76px; + position: absolute; + top: 61px; + width: 1284px; +} + +.cloud .teens-need-header { + height: 464px; + left: 0; + position: absolute; + top: 0; + width: 1436px; +} + +.cloud .teens-need-mental { + color: #101066; + font-family: "Montserrat-Bold", Helvetica; + font-size: 64px; + font-weight: 700; + left: 146px; + letter-spacing: 0.84px; + line-height: 69.1px; + position: absolute; + text-align: center; + top: 180px; + width: 1144px; +} + +.cloud .img { + height: 72px; + left: 801px; + position: absolute; + top: 266px; + width: 79px; +} + +.cloud .vector-2 { + height: 88px; + left: 939px; + position: absolute; + top: 162px; + width: 91px; +} + +.cloud .vector-3 { + height: 85px; + left: 397px; + position: absolute; + top: 153px; + width: 84px; +} + +:root { + --grey: rgba(204, 204, 204, 1); + --variable-collection-light-grey: rgba(225, 225, 225, 1); + --variable-collection-light-grey1: rgba(240, 240, 240, 1); + --x-1: rgba(191, 250, 1, 1); + --x-2: rgba(15, 91, 40, 1); + --x-3: rgba(194, 203, 231, 1); + --x-4: rgba(123, 108, 246, 1); + --x-5: rgba(227, 215, 252, 1); +} \ No newline at end of file diff --git a/src/components/Empower.tsx b/src/components/Empower.tsx index 01965dd..70d5f2b 100644 --- a/src/components/Empower.tsx +++ b/src/components/Empower.tsx @@ -1,36 +1,28 @@ -import { useHistory } from "react-router"; - interface EmpowerProps { - title: string; - description: string; - source: string; - image: string; + title?: string; + description?: string; + bgColor?: string; + btnElement?: JSX.Element; } -const Empower = ({ title, description, image }: EmpowerProps) => { - const history = useHistory(); +const Empower = ({ title, description, bgColor, btnElement }: EmpowerProps) => { return ( -
+
-
+

{title} -

-

+ +

{description}

- +
{btnElement}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index ca8ed58..b993c1c 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,69 +1,58 @@ const Footer = () => { return ( -