bender/9d4cb2c8-9640-4f07-9ddb-2e92e4cb361b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-27 19:20:38 +00:00
parent 04bdf3c965
commit 58c3a7e100
1 changed files with 47 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/app/page.tsx
View File

@@ -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>