From 180dd82a4ccb89ef58aea20b52eaf746ef2a8512 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Tue, 5 Aug 2025 23:19:37 +0000 Subject: [PATCH] Create comprehensive Game Development page cgen-99cdf4d7d53b49b19b97d4d8cd0e1333 --- client/pages/GameDevelopment.tsx | 488 +++++++++++++++++++++++++++++++ 1 file changed, 488 insertions(+) create mode 100644 client/pages/GameDevelopment.tsx diff --git a/client/pages/GameDevelopment.tsx b/client/pages/GameDevelopment.tsx new file mode 100644 index 00000000..718822d9 --- /dev/null +++ b/client/pages/GameDevelopment.tsx @@ -0,0 +1,488 @@ +import { useState, useEffect } from "react"; +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import LoadingScreen from "@/components/LoadingScreen"; +import { aethexToast } from "@/lib/aethex-toast"; +import { Link } from "react-router-dom"; +import { + Gamepad2, + Code, + Sparkles, + Zap, + Users, + Trophy, + Rocket, + Target, + Star, + Play, + ArrowRight, + CheckCircle, + Clock, + DollarSign, + Shield, + Cpu, + Palette, + Volume2, + Globe, + Smartphone +} from "lucide-react"; + +export default function GameDevelopment() { + const [isLoading, setIsLoading] = useState(true); + const [activeService, setActiveService] = useState(0); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + aethexToast.system("Game Development services loaded successfully"); + }, 1000); + + return () => clearTimeout(timer); + }, []); + + const services = [ + { + title: "Custom Game Development", + description: "End-to-end game creation from concept to deployment", + icon: Gamepad2, + features: ["Full-stack development", "Multi-platform support", "Performance optimization", "Live deployment"], + timeline: "3-12 months", + price: "Custom pricing", + color: "from-blue-500 to-purple-600" + }, + { + title: "Roblox Development", + description: "Specialized Roblox game creation and scripting", + icon: Code, + features: ["Lua scripting", "UI/UX design", "Monetization setup", "Analytics integration"], + timeline: "2-8 weeks", + price: "Starting at $2,500", + color: "from-green-500 to-blue-600" + }, + { + title: "Game Porting", + description: "Adapt existing games to new platforms and devices", + icon: Smartphone, + features: ["Cross-platform compatibility", "Performance tuning", "Platform-specific features", "Quality assurance"], + timeline: "4-16 weeks", + price: "Starting at $5,000", + color: "from-orange-500 to-red-600" + }, + { + title: "Game Optimization", + description: "Enhance performance and user experience of existing games", + icon: Zap, + features: ["Performance profiling", "Memory optimization", "Load time reduction", "Frame rate improvement"], + timeline: "2-6 weeks", + price: "Starting at $1,500", + color: "from-purple-500 to-pink-600" + } + ]; + + const technologies = [ + { name: "Unity 3D", icon: Cpu, category: "Engine" }, + { name: "Unreal Engine", icon: Cpu, category: "Engine" }, + { name: "Roblox Studio", icon: Code, category: "Platform" }, + { name: "C#", icon: Code, category: "Language" }, + { name: "Lua", icon: Code, category: "Language" }, + { name: "JavaScript", icon: Code, category: "Language" }, + { name: "Blender", icon: Palette, category: "3D Modeling" }, + { name: "Photoshop", icon: Palette, category: "Graphics" }, + { name: "FMOD", icon: Volume2, category: "Audio" }, + ]; + + const portfolio = [ + { + title: "Neural Combat Arena", + description: "AI-powered multiplayer battle arena with dynamic environments", + tech: ["Unity", "C#", "Photon"], + players: "10K+ active", + rating: 4.8, + category: "Action" + }, + { + title: "Quantum Puzzle Lab", + description: "Mind-bending puzzle game with quantum mechanics simulation", + tech: ["Custom Engine", "C++", "OpenGL"], + players: "25K+ downloads", + rating: 4.9, + category: "Puzzle" + }, + { + title: "Roblox Tycoon Empire", + description: "Business simulation with advanced economy systems", + tech: ["Roblox Studio", "Lua", "DataStore"], + players: "100K+ visits", + rating: 4.7, + category: "Simulation" + } + ]; + + const process = [ + { + step: 1, + title: "Discovery & Planning", + description: "We analyze your vision, target audience, and technical requirements", + duration: "1-2 weeks", + deliverables: ["Project roadmap", "Technical specifications", "Art direction"] + }, + { + step: 2, + title: "Prototyping", + description: "Create playable prototypes to validate core mechanics", + duration: "2-4 weeks", + deliverables: ["Playable prototype", "Mechanics validation", "User feedback analysis"] + }, + { + step: 3, + title: "Production", + description: "Full development with regular milestones and client reviews", + duration: "8-40 weeks", + deliverables: ["Weekly builds", "Progress reports", "Quality assurance"] + }, + { + step: 4, + title: "Launch & Support", + description: "Deployment, marketing support, and ongoing maintenance", + duration: "Ongoing", + deliverables: ["Live deployment", "Performance monitoring", "Update releases"] + } + ]; + + if (isLoading) { + return ; + } + + return ( + +
+ {/* Hero Section */} +
+
+ {[...Array(30)].map((_, i) => ( +
+ {'🎮🕹ī¸đŸŽ¯đŸ†'.charAt(Math.floor(Math.random() * 4))} +
+ ))} +
+ +
+
+ + + Game Development Division + + +

+ Crafting Digital Worlds +

+ +

+ From concept to launch, we create immersive gaming experiences that captivate players + and push the boundaries of interactive entertainment. +

+ +
+ + +
+
+
+
+ + {/* Services Section */} +
+
+
+

+ Our Game Development Services +

+

+ Comprehensive solutions for every stage of game development +

+
+ +
+ {services.map((service, index) => { + const Icon = service.icon; + const isActive = activeService === index; + return ( + setActiveService(index)} + > + +
+
+
+ +
+
+ + {service.title} + + + {service.description} + +
+
+
+ + +
+ {service.features.map((feature, featureIndex) => ( +
+ + {feature} +
+ ))} +
+ +
+
+ + {service.timeline} +
+
+ + {service.price} +
+
+ + + ); + })} +
+
+
+ + {/* Technologies Section */} +
+
+
+

+ Technologies We Master +

+

+ Cutting-edge tools and frameworks for modern game development +

+
+ +
+ {technologies.map((tech, index) => { + const Icon = tech.icon; + return ( + + + +

{tech.name}

+ + {tech.category} + + + + ); + })} +
+
+
+ + {/* Portfolio Section */} +
+
+
+

+ Featured Projects +

+

+ Showcasing our latest game development achievements +

+
+ +
+ {portfolio.map((project, index) => ( + +
+ + {project.category} + +
+ + +
+ {project.title} + {project.description} +
+ + + +
+ {project.tech.map((tech, techIndex) => ( + + {tech} + + ))} +
+ +
+
+ + {project.players} +
+
+ + {project.rating} +
+
+ + + ))} +
+
+
+ + {/* Development Process */} +
+
+
+

+ Our Development Process +

+

+ Structured approach ensuring quality and timely delivery +

+
+ +
+ {process.map((phase, index) => ( +
+ {/* Step Number */} +
+ {phase.step} +
+ + {/* Content */} +
+ + +
+
+

+ {phase.title} +

+

+ {phase.description} +

+
+ {phase.deliverables.map((deliverable, delIndex) => ( + + {deliverable} + + ))} +
+
+
+ + + {phase.duration} + +
+
+ + +
+ + {/* Connector Line */} + {index < process.length - 1 && ( +
+ )} +
+ ))} +
+
+
+ + {/* CTA Section */} +
+
+
+

+ Ready to Build Your Game? +

+

+ Let's transform your vision into an engaging gaming experience that players will love. +

+ +
+ + +
+ +
+
+ +

Enterprise Security

+

Your IP is protected

+
+
+ +

Global Reach

+

Worldwide deployment

+
+
+ +

Award Winning

+

Industry recognition

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