From 974e73e399b6c54093711c106e8b3d4b73556f2a Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Fri, 7 Nov 2025 16:44:34 +0000 Subject: [PATCH] Create Labs - Explore Research sub-page cgen-b7f664ebce0246f7990c35857dee0a9a --- client/pages/labs/LabsExploreResearch.tsx | 145 +++++++++++++++++ client/pages/labs/LabsGetInvolved.tsx | 144 +++++++++++++++++ client/pages/labs/LabsJoinTeam.tsx | 185 ++++++++++++++++++++++ 3 files changed, 474 insertions(+) create mode 100644 client/pages/labs/LabsExploreResearch.tsx create mode 100644 client/pages/labs/LabsGetInvolved.tsx create mode 100644 client/pages/labs/LabsJoinTeam.tsx diff --git a/client/pages/labs/LabsExploreResearch.tsx b/client/pages/labs/LabsExploreResearch.tsx new file mode 100644 index 00000000..e0de9df5 --- /dev/null +++ b/client/pages/labs/LabsExploreResearch.tsx @@ -0,0 +1,145 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Beaker, BookOpen, Lightbulb, Award } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +export default function LabsExploreResearch() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated grid background */} +
+
+
+
+
+ +
+ {/* Hero Section */} +
+
+
+ + + + + Research & Innovation + + +

+ Explore Our Research +

+ +

+ Discover cutting-edge projects, publications, and breakthroughs + from our research initiatives. See what we're working on to shape + the future. +

+ +
+ + +
+
+
+
+ + {/* Featured Research Grid */} +
+
+

+ Featured Research +

+
+ + + + + AI & Machine Learning + + + +

+ Exploring neural networks and intelligent systems for game + development and interactive experiences. +

+ + + + + + + + Performance Optimization + + + +

+ Breakthrough research in rendering, physics, and real-time + graphics optimization. +

+ + + + + + + + Roblox Platform + + + +

+ Advanced techniques for Roblox development, scripting, and + ecosystem expansion. +

+ + + + + + + + Developer Tools + + + +

+ Building open-source tools and frameworks for the developer + community. +

+ + +
+
+
+
+
+ + ); +} diff --git a/client/pages/labs/LabsGetInvolved.tsx b/client/pages/labs/LabsGetInvolved.tsx new file mode 100644 index 00000000..9859fafb --- /dev/null +++ b/client/pages/labs/LabsGetInvolved.tsx @@ -0,0 +1,144 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Zap, Code, Globe, Lightbulb } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +export default function LabsGetInvolved() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated grid background */} +
+
+
+
+
+ +
+ {/* Hero Section */} +
+
+
+ + + + + Get Involved + + +

+ Contribute to Innovation +

+ +

+ Multiple ways to get involved with Labs. Whether you're a + student, developer, or researcher, there's a place for you. +

+ +
+ + +
+
+
+
+ + {/* Ways to Get Involved */} +
+
+

+ Ways to Get Involved +

+
+ + + + + Contribute Code + + + +

+ Help develop open-source projects and tools used by + developers worldwide. +

+ + + + + + + + Share Ideas + + + +

+ Propose research topics or contribute ideas to ongoing + projects. +

+ + + + + + + + Community Feedback + + + +

+ Test beta features, provide feedback, and help shape our + roadmap. +

+ + + + + + + + Collaborate + + + +

+ Partner on research initiatives or joint projects with our + team. +

+ + +
+
+
+
+
+ + ); +} diff --git a/client/pages/labs/LabsJoinTeam.tsx b/client/pages/labs/LabsJoinTeam.tsx new file mode 100644 index 00000000..d79351d0 --- /dev/null +++ b/client/pages/labs/LabsJoinTeam.tsx @@ -0,0 +1,185 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Users, Briefcase, Heart, ArrowRight } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +export default function LabsJoinTeam() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated grid background */} +
+
+
+
+
+ +
+ {/* Hero Section */} +
+
+
+ + + + + Join Our Team + + +

+ We're Hiring Innovators +

+ +

+ Join a team of passionate researchers and developers pushing the + boundaries of technology. Help us shape the future. +

+ +
+ + +
+
+
+
+ + {/* Open Positions Grid */} +
+
+

+ Open Positions +

+
+ + + + Senior Researcher + + + +

+ Lead groundbreaking research initiatives and mentor junior + researchers. +

+ + + + + + + + Full Stack Engineer + + + +

+ Build tools and platforms that empower our research efforts. +

+ + + + + + + + Research Intern + + + +

+ Start your career in cutting-edge research and development. +

+ + + +
+
+
+ + {/* Benefits Section */} +
+
+

+ Why Join Labs +

+
+ + + + + Meaningful Work + + + +

+ Contribute to research that shapes the future of technology + and impacts millions. +

+ + + + + + + + Amazing Team + + + +

+ Work alongside brilliant minds passionate about innovation + and discovery. +

+ + +
+
+
+
+
+ + ); +}