Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 206dc3ff2d | |||
| 2641097a59 | |||
| 2d72de4263 |
154
src/app/page.tsx
154
src/app/page.tsx
@@ -9,7 +9,6 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|||||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,25 +29,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Curriculum",
|
name: "Curriculum", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="USABO Club"
|
brandName="USABO Club"
|
||||||
/>
|
/>
|
||||||
@@ -60,39 +49,23 @@ export default function LandingPage() {
|
|||||||
description="Empowering the next generation of biologists through comprehensive study, competitive training, and community. Prepare for the USA Biology Olympiad with us."
|
description="Empowering the next generation of biologists through comprehensive study, competitive training, and community. Prepare for the USA Biology Olympiad with us."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Explore Resources",
|
text: "Explore Resources", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=1", imageAlt: "USABO Club Introduction"},
|
||||||
imageAlt: "USABO Club Introduction",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=2",
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=2", imageAlt: "Biological Study & Training"},
|
||||||
imageAlt: "Biological Study & Training",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=3",
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=3", imageAlt: "Community & Competition"},
|
||||||
imageAlt: "Community & Competition",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=4",
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=4", imageAlt: "Academic Excellence"},
|
||||||
imageAlt: "Academic Excellence",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=5",
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=5", imageAlt: "Scientific Innovation"},
|
||||||
imageAlt: "Scientific Innovation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=6",
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431107.jpg?_wi=6", imageAlt: "Success in USABO"},
|
||||||
imageAlt: "Success in USABO",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -113,86 +86,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Unit 1",
|
tag: "Unit 1", title: "Cell Biology", subtitle: "Foundation", description: "Fundamentals of life, metabolism, and organelle function.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=evux9y"},
|
||||||
title: "Cell Biology",
|
|
||||||
subtitle: "Foundation",
|
|
||||||
description: "Fundamentals of life, metabolism, and organelle function.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=evux9y",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Unit 2",
|
tag: "Unit 2", title: "Genetics", subtitle: "Advanced", description: "Mendelian inheritance, molecular genetics, and biotechnology.", imageSrc: "http://img.b2bpic.net/free-photo/red-soap-bubble-art-pink-background-minimal-style_53876-110443.jpg"},
|
||||||
title: "Genetics",
|
|
||||||
subtitle: "Advanced",
|
|
||||||
description: "Mendelian inheritance, molecular genetics, and biotechnology.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/red-soap-bubble-art-pink-background-minimal-style_53876-110443.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Unit 3",
|
tag: "Unit 3", title: "Ecology & Systematics", subtitle: "Comprehensive", description: "Evolutionary processes, ecosystem dynamics, and phylogenetics.", imageSrc: "http://img.b2bpic.net/free-photo/children-doing-chemical-experiment-teacher-watching_259150-60307.jpg"},
|
||||||
title: "Ecology & Systematics",
|
|
||||||
subtitle: "Comprehensive",
|
|
||||||
description: "Evolutionary processes, ecosystem dynamics, and phylogenetics.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/children-doing-chemical-experiment-teacher-watching_259150-60307.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Curriculum Roadmap"
|
title="Curriculum Roadmap"
|
||||||
description="A systematic approach to covering the USABO curriculum efficiently and thoroughly."
|
description="A systematic approach to covering the USABO curriculum efficiently and thoroughly."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="team" data-section="team">
|
|
||||||
<TeamCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
members={[
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
name: "Alex Smith",
|
|
||||||
role: "President",
|
|
||||||
description: "USABO Semifinalist with 3 years of competitive experience.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-female-student-smiling-holding-books-college_176420-12452.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
name: "Jamie Lee",
|
|
||||||
role: "Curriculum Lead",
|
|
||||||
description: "Expert in Molecular Biology and Research methodology.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-working-scientist-laboratory-with-happy-cool-smile-face-lucky-person_839833-7553.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
name: "Jordan P.",
|
|
||||||
role: "Outreach Officer",
|
|
||||||
description: "Dedicated to community engagement and resource sharing.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Club Leadership"
|
|
||||||
description="The students guiding our journey through the olympiad preparation."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Is previous experience required?", content: "No! We welcome students of all levels, from beginners to experienced competitors."},
|
||||||
title: "Is previous experience required?",
|
|
||||||
content: "No! We welcome students of all levels, from beginners to experienced competitors.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "How do I sign up?", content: "You can sign up using the contact form below or join our mailing list at the next club meeting."},
|
||||||
title: "How do I sign up?",
|
|
||||||
content: "You can sign up using the contact form below or join our mailing list at the next club meeting.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Are there club fees?", content: "No, our club is completely free and student-led."},
|
||||||
title: "Are there club fees?",
|
|
||||||
content: "No, our club is completely free and student-led.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-male-scientific-worker-special-suit-holding-flask-with-green-solution-big-white-sign-yellow-desk_140725-64085.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-male-scientific-worker-special-suit-holding-flask-with-green-solution-big-white-sign-yellow-desk_140725-64085.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -206,14 +121,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
text="Ready to dive deep into biology? Join our club and start your journey toward USABO success. Sign up today!"
|
text="Ready to dive deep into biology? Join our club and start your journey toward USABO success. Sign up today!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "mailto:club@usaboclub.edu"},
|
||||||
href: "mailto:club@usaboclub.edu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -223,29 +135,19 @@ export default function LandingPage() {
|
|||||||
logoText="USABO Club"
|
logoText="USABO Club"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Resources",
|
label: "Resources", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Email",
|
label: "Email", href: "mailto:info@usaboclub.edu"},
|
||||||
href: "mailto:info@usaboclub.edu",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -255,4 +157,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user