Merge version_1 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BGC Robotics"
|
||||
/>
|
||||
@@ -55,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Inspiring Future Innovators"
|
||||
description="The BGC Robotics Team empowers youth through STEM education, hands-on engineering, and collaborative robotics competition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Team",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join the Team", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-classmates-doing-group-task-using-laptops-studying-computer-school_74855-10244.jpg",
|
||||
imageAlt: "Kids coding robot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-making-robot_23-2148863349.jpg",
|
||||
imageAlt: "Custom robotics build for children",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-architects-working-3d-printed-models-buildings-architecture-design_482257-27742.jpg",
|
||||
imageAlt: "Students presenting science fair project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-robotics-laboratory_1268-23380.jpg",
|
||||
imageAlt: "Kids programming robot computer screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-women-vr-glasses-doing-experiments-robotics-laboratory-robot-table_1268-24411.jpg",
|
||||
imageAlt: "Team of kids holding trophy robotics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardhat-screws-bolts-spanner-tool-screwdriver-near-digital-tablet-with-black-screen-beige-backdrop_23-2148041526.jpg",
|
||||
imageAlt: "Robot-assisted learning lab environment",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/little-classmates-doing-group-task-using-laptops-studying-computer-school_74855-10244.jpg", imageAlt: "Kids coding robot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/father-son-making-robot_23-2148863349.jpg", imageAlt: "Custom robotics build for children" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-architects-working-3d-printed-models-buildings-architecture-design_482257-27742.jpg", imageAlt: "Students presenting science fair project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-robotics-laboratory_1268-23380.jpg", imageAlt: "Kids programming robot computer screen" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-young-women-vr-glasses-doing-experiments-robotics-laboratory-robot-table_1268-24411.jpg", imageAlt: "Team of kids holding trophy robotics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hardhat-screws-bolts-spanner-tool-screwdriver-near-digital-tablet-with-black-screen-beige-backdrop_23-2148041526.jpg", imageAlt: "Robot-assisted learning lab environment" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Our Mission"
|
||||
description="At the BGC Robotics Club, we provide a safe and inspiring environment for boys and girls to explore engineering, programming, and teamwork. We foster critical thinking and creativity to prepare the next generation for the workforce."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "STEM Literacy",
|
||||
description: "Hands-on experience in coding and engineering fundamentals.",
|
||||
},
|
||||
{
|
||||
title: "Collaborative Growth",
|
||||
description: "Learning the value of teamwork and community service.",
|
||||
},
|
||||
{
|
||||
title: "Future Readiness",
|
||||
description: "Equipping youth with tools for future success.",
|
||||
},
|
||||
{ title: "STEM Literacy", description: "Hands-on experience in coding and engineering fundamentals." },
|
||||
{ title: "Collaborative Growth", description: "Learning the value of teamwork and community service." },
|
||||
{ title: "Future Readiness", description: "Equipping youth with tools for future success." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502783.jpg"
|
||||
/>
|
||||
@@ -124,21 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Prototyping Lab",
|
||||
description: "Access to 3D printers, assembly tools, and dedicated design spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-different-architectural-elements_23-2148540095.jpg",
|
||||
},
|
||||
{
|
||||
title: "Competition Prep",
|
||||
description: "Mentorship for local and regional robotics contests.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-friends-doing-science-experiments_23-2148778942.jpg",
|
||||
},
|
||||
{
|
||||
title: "Workshops",
|
||||
description: "Weekly sessions on Python, C++, and hardware architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-boys-drawing-recycle-sign_23-2148490338.jpg",
|
||||
},
|
||||
{ title: "Prototyping Lab", description: "Access to 3D printers, assembly tools, and dedicated design spaces.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-different-architectural-elements_23-2148540095.jpg" },
|
||||
{ title: "Competition Prep", description: "Mentorship for local and regional robotics contests.", imageSrc: "http://img.b2bpic.net/free-photo/two-friends-doing-science-experiments_23-2148778942.jpg" },
|
||||
{ title: "Workshops", description: "Weekly sessions on Python, C++, and hardware architecture.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-boys-drawing-recycle-sign_23-2148490338.jpg" }
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Engage in meaningful programs designed to cultivate technical talent and personal growth."
|
||||
@@ -152,21 +94,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Youth Members",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Robots Built",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Awards Won",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Youth Members" },
|
||||
{ id: "m2", value: "12", description: "Robots Built" },
|
||||
{ id: "m3", value: "5", description: "Awards Won" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Celebrating milestones in our club's growth and competitive performance."
|
||||
@@ -179,30 +109,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Johnson",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-attending-art-class-lesson-with-teacher-learn-draw-masterpiece-canvas-student-smiling-camera-learning-drawing-skills-as-new-years-resolutions-workshop_482257-43088.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
role: "Team Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-female-engineer-specialist-with-measuring-machine-with-manipulator-armthreedimensional-coordinate-measurement-check-sizes-3d-check-sizes-parts-cmm-after-machining-process_609648-117.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Rivers",
|
||||
role: "Volunteer Mentor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jordan Smith",
|
||||
role: "Senior Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-looking-front-confused-pointing-herself-standing-orange-wall_141793-48055.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Johnson", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-attending-art-class-lesson-with-teacher-learn-draw-masterpiece-canvas-student-smiling-camera-learning-drawing-skills-as-new-years-resolutions-workshop_482257-43088.jpg" },
|
||||
{ id: "t2", name: "Maria Garcia", role: "Team Lead", imageSrc: "http://img.b2bpic.net/free-photo/asian-female-engineer-specialist-with-measuring-machine-with-manipulator-armthreedimensional-coordinate-measurement-check-sizes-3d-check-sizes-parts-cmm-after-machining-process_609648-117.jpg" },
|
||||
{ id: "t3", name: "Sam Rivers", role: "Volunteer Mentor", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg" },
|
||||
{ id: "t4", name: "Jordan Smith", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-looking-front-confused-pointing-herself-standing-orange-wall_141793-48055.jpg" }
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The dedicated mentors and student leaders driving our club forward."
|
||||
@@ -213,61 +123,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Parent",
|
||||
company: "BGCA Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-proud-her-son-finishing-homework_23-2148622846.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Educator",
|
||||
company: "STEM Foundation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-playing-videogame_23-2150571997.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "BGC Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom Baker",
|
||||
role: "Student",
|
||||
company: "Robotics Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-using-tools_1268-24407.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Wu",
|
||||
role: "Mentor",
|
||||
company: "Engineering Society",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-standing-gray-background-with-book_1157-33021.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Parent", company: "BGCA Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-proud-her-son-finishing-homework_23-2148622846.jpg" },
|
||||
{ id: "2", name: "David Chen", role: "Educator", company: "STEM Foundation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-playing-videogame_23-2150571997.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "BGC Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
|
||||
{ id: "4", name: "Tom Baker", role: "Student", company: "Robotics Team", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-using-tools_1268-24407.jpg" },
|
||||
{ id: "5", name: "Linda Wu", role: "Mentor", company: "Engineering Society", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-standing-gray-background-with-book_1157-33021.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Graduation",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "98%", label: "Retention" },
|
||||
{ value: "100%", label: "Graduation" },
|
||||
{ value: "95%", label: "Satisfaction" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See why parents and students love our program."
|
||||
@@ -281,48 +148,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Assembly Workshop",
|
||||
price: "Session 1",
|
||||
variant: "Build",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-sons-making-robot_23-2148863359.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Competition Field",
|
||||
price: "Session 2",
|
||||
variant: "Demo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-field_23-2151940723.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Coding Session",
|
||||
price: "Session 3",
|
||||
variant: "Code",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-hands-using-keyboard-social-media-concept_1384-190.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Team Victory",
|
||||
price: "Session 4",
|
||||
variant: "Event",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-people-raining-their-arms_53876-25266.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Tool Organizing",
|
||||
price: "Session 5",
|
||||
variant: "Prep",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Robot Detail",
|
||||
price: "Session 6",
|
||||
variant: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-components-with-blue-light_23-2149413368.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Assembly Workshop", price: "Session 1", variant: "Build", imageSrc: "http://img.b2bpic.net/free-photo/father-sons-making-robot_23-2148863359.jpg" },
|
||||
{ id: "g2", name: "Competition Field", price: "Session 2", variant: "Demo", imageSrc: "http://img.b2bpic.net/free-photo/robot-field_23-2151940723.jpg" },
|
||||
{ id: "g3", name: "Coding Session", price: "Session 3", variant: "Code", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-hands-using-keyboard-social-media-concept_1384-190.jpg" },
|
||||
{ id: "g4", name: "Team Victory", price: "Session 4", variant: "Event", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-people-raining-their-arms_53876-25266.jpg" },
|
||||
{ id: "g5", name: "Tool Organizing", price: "Session 5", variant: "Prep", imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg" },
|
||||
{ id: "g6", name: "Robot Detail", price: "Session 6", variant: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-components-with-blue-light_23-2149413368.jpg" }
|
||||
]}
|
||||
title="In the Lab"
|
||||
description="Scenes from our workshops, build sessions, and recent competitions."
|
||||
@@ -333,21 +164,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who can join?",
|
||||
content: "The club is open to all middle school boys and girls.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a cost?",
|
||||
content: "The club is free for all members.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need experience?",
|
||||
content: "No, we provide all training and tools.",
|
||||
},
|
||||
{ id: "f1", title: "Who can join?", content: "The club is open to all middle school boys and girls." },
|
||||
{ id: "f2", title: "Is there a cost?", content: "The club is free for all members." },
|
||||
{ id: "f3", title: "Do I need experience?", content: "No, we provide all training and tools." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -357,32 +176,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Join Our Robotics Family"
|
||||
description="Ready to build, code, and compete? Sign up for our next session today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BGC Robotics"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Team",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Team", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user