Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 819a2a867d | |||
| 83a5266c0c | |||
| 9ec474675e |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Roboto } from "next/font/google";
|
import { Roboto } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -30,10 +31,14 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const roboto = Roboto({
|
|
||||||
variable: "--font-roboto",
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const openSans = Open_Sans({
|
||||||
|
variable: "--font-open-sans",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["100", "300", "400", "500", "700", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -44,7 +49,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${roboto.variable} antialiased`}>
|
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
142
src/app/page.tsx
142
src/app/page.tsx
@@ -29,37 +29,21 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "/about"},
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Programs",
|
name: "Programs", id: "/programs"},
|
||||||
id: "/programs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Impact",
|
name: "Impact", id: "/impact"},
|
||||||
id: "/impact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Camp",
|
name: "Camp", id: "/camp"},
|
||||||
id: "/camp",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Get Involved",
|
name: "Get Involved", id: "/involved"},
|
||||||
id: "/involved",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Donate",
|
name: "Donate", id: "/donate"},
|
||||||
id: "/donate",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "/contact"},
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="MAD PARK Community"
|
brandName="MAD PARK Community"
|
||||||
/>
|
/>
|
||||||
@@ -71,35 +55,21 @@ export default function LandingPage() {
|
|||||||
description="MAD PARK Community helps scholars, families, and educators live well, move well, feel well, and lead well through year-round wellness programming."
|
description="MAD PARK Community helps scholars, families, and educators live well, move well, feel well, and lead well through year-round wellness programming."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Donate Now",
|
text: "Donate Now", href: "/donate"},
|
||||||
href: "/donate",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Join the Movement",
|
text: "Join the Movement", href: "/involved"},
|
||||||
href: "/involved",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-studying-sitting-bench-park_23-2147850676.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-studying-sitting-bench-park_23-2147850676.jpg", imageAlt: "diverse youth group exercising outdoors"},
|
||||||
imageAlt: "diverse youth group exercising outdoors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-friends-outdoors_23-2150828920.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-friends-outdoors_23-2150828920.jpg", imageAlt: "diverse youth group exercising outdoors"},
|
||||||
imageAlt: "diverse youth group exercising outdoors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-cycling-gym_1163-3763.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-cycling-gym_1163-3763.jpg", imageAlt: "diverse youth group exercising outdoors"},
|
||||||
imageAlt: "diverse youth group exercising outdoors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-their-hands-dirty-after-planting_23-2149002818.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-their-hands-dirty-after-planting_23-2149002818.jpg", imageAlt: "diverse youth group exercising outdoors"},
|
||||||
imageAlt: "diverse youth group exercising outdoors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-party_23-2149498977.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-party_23-2149498977.jpg", imageAlt: "diverse youth group exercising outdoors"},
|
||||||
imageAlt: "diverse youth group exercising outdoors",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -111,25 +81,13 @@ export default function LandingPage() {
|
|||||||
tag="Community Reach"
|
tag="Community Reach"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "500+", description: "Scholars served"},
|
||||||
value: "500+",
|
|
||||||
description: "Scholars served",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "250+", description: "Families impacted"},
|
||||||
value: "250+",
|
|
||||||
description: "Families impacted",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "40+", description: "Community events"},
|
||||||
value: "40+",
|
|
||||||
description: "Community events",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", value: "15+", description: "School partnerships"},
|
||||||
value: "15+",
|
|
||||||
description: "School partnerships",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -153,19 +111,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Scholar Strong",
|
title: "Scholar Strong", description: "In-school youth wellness initiative.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girls-making-soap-bubbles-outdoors_23-2149265003.jpg", button: { text: "Learn More", href: "/programs/scholar-strong" }
|
||||||
description: "In-school youth wellness initiative.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girls-making-soap-bubbles-outdoors_23-2149265003.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Family Thrive",
|
title: "Family Thrive", description: "Whole-family wellness support.", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-two-dads-baby_23-2149259092.jpg", button: { text: "Learn More", href: "/programs/family-thrive" }
|
||||||
description: "Whole-family wellness support.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-two-dads-baby_23-2149259092.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Teacher Collective",
|
title: "Teacher Collective", description: "Educator wellness support.", imageSrc: "http://img.b2bpic.net/free-photo/different-people-working-together-donation-facility_23-2148687357.jpg", button: { text: "Learn More", href: "/programs/teacher-collective" }
|
||||||
description: "Educator wellness support.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-people-working-together-donation-facility_23-2148687357.jpg",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Wellness Programming"
|
title="Wellness Programming"
|
||||||
@@ -179,45 +131,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", title: "Parent Perspective", quote: "MAD PARK has truly changed how our family prioritizes health.", name: "Sarah J.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-holding-speech-bubbles_53876-95252.jpg"},
|
||||||
title: "Parent Perspective",
|
|
||||||
quote: "MAD PARK has truly changed how our family prioritizes health.",
|
|
||||||
name: "Sarah J.",
|
|
||||||
role: "Parent",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-holding-speech-bubbles_53876-95252.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", title: "Scholar Voice", quote: "I feel stronger and more confident after participating.", name: "Marcus D.", role: "Scholar", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg"},
|
||||||
title: "Scholar Voice",
|
|
||||||
quote: "I feel stronger and more confident after participating.",
|
|
||||||
name: "Marcus D.",
|
|
||||||
role: "Scholar",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", title: "Educator Insight", quote: "The Teacher Wellness Collective is exactly what our faculty needed.", name: "Dr. Miller", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/meet-one-online-matchmaking-sign-up-concept_53876-14018.jpg"},
|
||||||
title: "Educator Insight",
|
|
||||||
quote: "The Teacher Wellness Collective is exactly what our faculty needed.",
|
|
||||||
name: "Dr. Miller",
|
|
||||||
role: "Educator",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/meet-one-online-matchmaking-sign-up-concept_53876-14018.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", title: "Community Partner", quote: "MAD PARK is a critical component of Charleston's health infrastructure.", name: "David W.", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg"},
|
||||||
title: "Community Partner",
|
|
||||||
quote: "MAD PARK is a critical component of Charleston's health infrastructure.",
|
|
||||||
name: "David W.",
|
|
||||||
role: "Partner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", title: "Volunteer Story", quote: "Being a part of this movement is life-changing work.", name: "Jessica L.", role: "Volunteer", imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-holding-speech-bubbles_53876-25120.jpg"},
|
||||||
title: "Volunteer Story",
|
|
||||||
quote: "Being a part of this movement is life-changing work.",
|
|
||||||
name: "Jessica L.",
|
|
||||||
role: "Volunteer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-holding-speech-bubbles_53876-25120.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Stories from the Community"
|
title="Stories from the Community"
|
||||||
description="Hear directly from those we serve."
|
description="Hear directly from those we serve."
|
||||||
@@ -228,16 +150,12 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="MAD PARK Community"
|
logoText="MAD PARK Community"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "© 2024 MAD PARK Community. All rights reserved.",
|
text: "© 2024 MAD PARK Community. All rights reserved.", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-roboto), sans-serif;
|
font-family: var(--font-open-sans), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-roboto), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user