From dc7b134ee82157ed8160b50766db572a26e52525 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Thu, 6 Nov 2025 20:07:17 +0000 Subject: [PATCH] Create Labs Teams page (yellow) cgen-7a8f3a7ad9b04c089d324f9bf630846a --- client/pages/labs/LabsAbout.tsx | 128 ++++++++++++++++++ client/pages/labs/LabsCaseStudies.tsx | 187 ++++++++++++++++++++++++++ client/pages/labs/LabsPricing.tsx | 176 ++++++++++++++++++++++++ client/pages/labs/LabsTeams.tsx | 145 ++++++++++++++++++++ 4 files changed, 636 insertions(+) create mode 100644 client/pages/labs/LabsAbout.tsx create mode 100644 client/pages/labs/LabsCaseStudies.tsx create mode 100644 client/pages/labs/LabsPricing.tsx create mode 100644 client/pages/labs/LabsTeams.tsx diff --git a/client/pages/labs/LabsAbout.tsx b/client/pages/labs/LabsAbout.tsx new file mode 100644 index 00000000..337c00a2 --- /dev/null +++ b/client/pages/labs/LabsAbout.tsx @@ -0,0 +1,128 @@ +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, Target, Users, BookOpen } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +export default function LabsAbout() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated backgrounds */} +
+
+
+
+
+ +
+ {/* Header */} +
+
+ + +

+ About AeThex Labs +

+

+ Pushing the boundaries of what's possible in game development +

+
+
+ + {/* Mission */} +
+
+
+

Our Mission

+

+ AeThex Labs is dedicated to advancing the state of game development through cutting-edge research, + comprehensive documentation, and community education. We believe in the power of collaborative innovation + and are committed to making game development more accessible and efficient for creators everywhere. +

+
+ + {/* Values */} +
+ + + + Innovation + + +

+ Constantly exploring new techniques and frameworks to push creative boundaries +

+ + + + + + Excellence + + +

+ Maintaining the highest standards in our research and educational initiatives +

+ + + + + + Collaboration + + +

+ Working together with developers, studios, and tools like Dev-Link to grow the ecosystem +

+ + + + + + Education + + +

+ Creating resources and knowledge that empower the next generation of developers +

+ + +
+ + {/* Dev-Link Connection */} +
+ + Ecosystem + +

+ Partnering with Dev-Link +

+

+ AeThex Labs works closely with Dev-Link, our professional network platform for Roblox developers, + to ensure our research and innovations directly benefit the developer community. Through Dev-Link, + we connect researchers with talented developers who can implement and refine our findings. +

+ +
+
+
+
+
+ + ); +} diff --git a/client/pages/labs/LabsCaseStudies.tsx b/client/pages/labs/LabsCaseStudies.tsx new file mode 100644 index 00000000..032c7a53 --- /dev/null +++ b/client/pages/labs/LabsCaseStudies.tsx @@ -0,0 +1,187 @@ +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 { ArrowRight, TrendingUp } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +const CASE_STUDIES = [ + { + title: "Scaling Game Performance", + studio: "MegaStudios Inc.", + challenge: + "Handling 10,000+ concurrent players while maintaining 60fps performance", + solution: + "Implemented Labs optimization framework and distributed architecture patterns", + results: ["99.8% uptime", "2x performance improvement", "30% cost reduction"], + image: "🚀", + }, + { + title: "Dev-Link Integration", + studio: "TalentFlow Collective", + challenge: + "Recruiting and retaining top Roblox developers across multiple timezones", + solution: + "Adopted Dev-Link platform for community building and skill matching, combined with Labs training resources", + results: [ + "150% increase in quality hires", + "40% faster onboarding", + "Enhanced developer satisfaction", + ], + image: "🌐", + highlighted: true, + }, + { + title: "Framework Modernization", + studio: "InnovateGames Ltd.", + challenge: "Upgrading legacy codebase while maintaining live product", + solution: + "Used Labs best practices and graduated migration strategy to modernize framework", + results: [ + "Zero production downtime", + "50% code reduction", + "Modern architecture established", + ], + image: "⚙️", + }, + { + title: "Team Growth & Development", + studio: "GrowthLabs Studio", + challenge: + "Building a world-class engineering team from junior developers", + solution: + "Leveraged Labs educational resources and Dev-Link community for talent discovery and mentorship", + results: [ + "10 developers trained and promoted", + "Internal innovation projects launched", + "Industry recognition achieved", + ], + image: "👥", + }, +]; + +export default function LabsCaseStudies() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated backgrounds */} +
+
+
+
+
+ +
+ {/* Header */} +
+
+ + +

+ Case Studies +

+

+ See how leading studios use AeThex Labs and Dev-Link to achieve their goals +

+
+
+ + {/* Case Studies */} +
+
+
+ {CASE_STUDIES.map((study) => ( + + +
+
+ + {study.title} + +

{study.studio}

+
+
{study.image}
+
+ {study.highlighted && ( + + + Featured + + )} + + +
+

+ Challenge +

+

{study.challenge}

+
+
+

+ Solution +

+

{study.solution}

+
+
+

+ Results +

+
+ {study.results.map((result) => ( + + ✓ {result} + + ))} +
+
+ + + ))} +
+ + {/* CTA */} +
+

+ Ready to Write Your Success Story? +

+

+ Combine AeThex Labs research with Dev-Link's professional community to accelerate your growth +

+
+ + +
+
+
+
+
+
+ + ); +} diff --git a/client/pages/labs/LabsPricing.tsx b/client/pages/labs/LabsPricing.tsx new file mode 100644 index 00000000..67727939 --- /dev/null +++ b/client/pages/labs/LabsPricing.tsx @@ -0,0 +1,176 @@ +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 { Check } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +const PRICING_TIERS = [ + { + name: "Starter", + description: "Perfect for indie developers", + price: "Free", + features: [ + "Access to documentation", + "Community forums", + "Monthly research updates", + "Basic tools and templates", + ], + cta: "Get Started", + highlighted: false, + }, + { + name: "Professional", + description: "For growing studios", + price: "$49", + period: "/month", + features: [ + "Everything in Starter", + "Advanced optimization guides", + "Priority support", + "Exclusive research previews", + "API access", + "Custom consulting hours", + ], + cta: "Start Free Trial", + highlighted: true, + }, + { + name: "Enterprise", + description: "For large-scale operations", + price: "Custom", + features: [ + "Everything in Professional", + "Dedicated support team", + "Custom research projects", + "On-site training", + "API SLA guarantee", + "Custom integrations", + ], + cta: "Contact Sales", + highlighted: false, + }, +]; + +export default function LabsPricing() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated backgrounds */} +
+
+
+
+
+ +
+ {/* Header */} +
+
+ + +

+ Labs Pricing +

+

+ Invest in your development journey with flexible pricing plans +

+
+
+ + {/* Pricing Cards */} +
+
+
+ {PRICING_TIERS.map((tier) => ( + + + {tier.name} +

{tier.description}

+ + +
+
+ {tier.price} +
+ {tier.period && ( +

{tier.period}

+ )} +
+ +
    + {tier.features.map((feature) => ( +
  • + + {feature} +
    • + ))} +
+ + + + + ))} +
+
+
+ + {/* FAQ Section */} +
+
+

Frequently Asked Questions

+
+ {[ + { + q: "Can I change plans anytime?", + a: "Yes, upgrade or downgrade your plan at any time.", + }, + { + q: "Do you offer discounts for annual billing?", + a: "Yes, save 20% with annual plans on Professional and Enterprise tiers.", + }, + { + q: "Is there a free trial?", + a: "Professional tier includes a 14-day free trial. No credit card required.", + }, + ].map((item) => ( +
+

{item.q}

+

{item.a}

+
+ ))} +
+
+
+
+
+ + ); +} diff --git a/client/pages/labs/LabsTeams.tsx b/client/pages/labs/LabsTeams.tsx new file mode 100644 index 00000000..e9317dc1 --- /dev/null +++ b/client/pages/labs/LabsTeams.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 { Users, Github, Mail, Linkedin } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +const TEAM_MEMBERS = [ + { + name: "Dr. Sarah Chen", + role: "Head of Research", + bio: "Leading innovation in game development frameworks", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Sarah", + skills: ["Research", "Architecture", "Leadership"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Marcus Johnson", + role: "Senior Engineer", + bio: "Expert in Roblox optimization and scaling", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Marcus", + skills: ["Engineering", "Performance", "DevOps"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Emma Rodriguez", + role: "Product Manager", + bio: "Driving Labs initiatives and collaboration", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Emma", + skills: ["Product", "Strategy", "Design"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "James Lee", + role: "Documentation Lead", + bio: "Creating comprehensive learning resources", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=James", + skills: ["Documentation", "Education", "Content"], + social: { github: "#", linkedin: "#", email: "#" }, + }, +]; + +export default function LabsTeams() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated backgrounds */} +
+
+
+
+
+ +
+ {/* Header */} +
+
+ + +
+ + + Our Team + +

+ Meet the AeThex Labs Team +

+

+ Passionate researchers and engineers dedicated to advancing game development +

+
+
+
+ + {/* Team Grid */} +
+
+
+ {TEAM_MEMBERS.map((member) => ( + + + {member.name} + {member.name} +

{member.role}

+ + +

{member.bio}

+
+ {member.skills.map((skill) => ( + + {skill} + + ))} +
+ + + + ))} +
+ + {/* Hiring Section */} +
+

Join Our Team

+

+ We're always looking for talented researchers, engineers, and educators to join AeThex Labs +

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