Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-08 08:17:19 +00:00
2 changed files with 198 additions and 607 deletions

View File

@@ -53,9 +53,7 @@ export default function CreatePage() {
{ name: "Docs", id: "docs" },
]}
button={{
text: "Start Building",
href: "https://studio.gamebuilder.local",
}}
text: "Start Building", href: "https://studio.gamebuilder.local"}}
brandName="GameStudio"
/>
</div>
@@ -69,37 +67,22 @@ export default function CreatePage() {
tagAnimation="slide-up"
features={[
{
title: "Advanced Visual Editor",
description:
"Powerful scene composition with layers, transformations, and advanced properties.",
bentoComponent: "3d-stack-cards",
items: [
title: "Advanced Visual Editor", description:
"Powerful scene composition with layers, transformations, and advanced properties.", bentoComponent: "3d-stack-cards", items: [
{
icon: Square,
title: "Scene Layers",
subtitle: "Organize assets",
detail: "Full layer hierarchy control",
},
title: "Scene Layers", subtitle: "Organize assets", detail: "Full layer hierarchy control"},
{
icon: Users,
title: "Object Properties",
subtitle: "Fine-tune details",
detail: "Transform, scale, rotate with precision",
},
title: "Object Properties", subtitle: "Fine-tune details", detail: "Transform, scale, rotate with precision"},
{
icon: Zap,
title: "Advanced Physics",
subtitle: "Complex dynamics",
detail: "Constraints, joints, and custom forces",
},
title: "Advanced Physics", subtitle: "Complex dynamics", detail: "Constraints, joints, and custom forces"},
],
},
{
title: "Asset Library & Generation",
description:
"Access millions of assets or generate custom ones with AI in seconds.",
bentoComponent: "orbiting-icons",
centerIcon: Sparkles,
title: "Asset Library & Generation", description:
"Access millions of assets or generate custom ones with AI in seconds.", bentoComponent: "orbiting-icons", centerIcon: Sparkles,
items: [
{
icon: Image,
@@ -120,82 +103,53 @@ export default function CreatePage() {
],
},
{
title: "Performance Analytics",
description:
"Real-time monitoring of game performance metrics and optimization insights.",
bentoComponent: "animated-bar-chart",
},
title: "Performance Analytics", description:
"Real-time monitoring of game performance metrics and optimization insights.", bentoComponent: "animated-bar-chart"},
{
title: "Advanced Map Editor",
description:
"Design massive levels with terrain, weather effects, and dynamic elements.",
bentoComponent: "map",
},
title: "Advanced Map Editor", description:
"Design massive levels with terrain, weather effects, and dynamic elements.", bentoComponent: "map"},
{
title: "Genre-Specific Tools",
description:
"Specialized toolsets optimized for different game types and mechanics.",
bentoComponent: "3d-task-list",
title: "Specialized Tools",
items: [
title: "Genre-Specific Tools", description:
"Specialized toolsets optimized for different game types and mechanics.", bentoComponent: "3d-task-list", items: [
{
icon: Gamepad2,
label: "Platformer Suite",
time: "Complete",
},
label: "Platformer Suite", time: "Complete"},
{
icon: Sword,
label: "RPG Framework",
time: "Complete",
},
label: "RPG Framework", time: "Complete"},
{
icon: Target,
label: "Action Toolkit",
time: "Complete",
},
label: "Action Toolkit", time: "Complete"},
],
},
{
title: "Live Multiplayer Testing",
description:
"Test networked gameplay in real-time with team members and beta testers.",
bentoComponent: "phone",
statusIcon: Zap,
title: "Live Multiplayer Testing", description:
"Test networked gameplay in real-time with team members and beta testers.", bentoComponent: "phone", statusIcon: Zap,
alertIcon: Play,
alertTitle: "Multiplayer Active",
alertMessage: "Connected to 3 test sessions",
apps: [
alertTitle: "Multiplayer Active", alertMessage: "Connected to 3 test sessions", apps: [
{
name: "Build",
icon: Wrench,
name: "Build", icon: Wrench,
},
{
name: "Assets",
icon: Image,
name: "Assets", icon: Image,
},
{
name: "Test",
icon: Play,
name: "Test", icon: Play,
},
{
name: "Publish",
icon: Share2,
name: "Publish", icon: Share2,
},
{
name: "Settings",
icon: Settings,
name: "Settings", icon: Settings,
},
{
name: "Help",
icon: HelpCircle,
name: "Help", icon: HelpCircle,
},
{
name: "Library",
icon: Library,
name: "Library", icon: Library,
},
{
name: "Share",
icon: Link2,
name: "Share", icon: Link2,
},
],
},
@@ -216,72 +170,25 @@ export default function CreatePage() {
tagAnimation="slide-up"
plans={[
{
id: "maker",
tag: "Maker",
tagIcon: Rocket,
price: "Free",
period: "Forever",
description: "Perfect for learning and building your first game",
button: {
text: "Get Started",
href: "https://studio.gamebuilder.local",
},
featuresTitle: "Included:",
features: [
"Full visual editor access",
"3 active projects",
"5GB storage",
"Community asset library",
"Basic templates",
"Community support",
],
id: "maker", tag: "Maker", tagIcon: Rocket,
price: "Free", period: "Forever", description: "Perfect for learning and building your first game", button: {
text: "Get Started", href: "https://studio.gamebuilder.local"},
featuresTitle: "Included:", features: [
"Full visual editor access", "3 active projects", "5GB storage", "Community asset library", "Basic templates", "Community support"],
},
{
id: "creator",
tag: "Creator",
tagIcon: Crown,
price: "$14.99",
period: "/month",
description: "For independent creators publishing games",
button: {
text: "Start Free Trial",
href: "https://studio.gamebuilder.local",
},
featuresTitle: "Everything in Maker, plus:",
features: [
"Unlimited projects",
"Advanced tools & features",
"1000 AI generation credits/month",
"50GB storage",
"Analytics dashboard",
"Monetization features",
"Custom domain support",
"Priority email support",
],
id: "creator", tag: "Creator", tagIcon: Crown,
price: "$14.99", period: "/month", description: "For independent creators publishing games", button: {
text: "Start Free Trial", href: "https://studio.gamebuilder.local"},
featuresTitle: "Everything in Maker, plus:", features: [
"Unlimited projects", "Advanced tools & features", "1000 AI generation credits/month", "50GB storage", "Analytics dashboard", "Monetization features", "Custom domain support", "Priority email support"],
},
{
id: "studio",
tag: "Studio",
tagIcon: Sparkles,
price: "$49.99",
period: "/month",
description: "For professional studios and development teams",
button: {
text: "Contact Sales",
href: "#contact",
},
featuresTitle: "Everything in Creator, plus:",
features: [
"Team collaboration (up to 20)",
"Unlimited AI generation",
"500GB storage",
"Advanced multiplayer support",
"Custom server hosting",
"API & webhooks access",
"White-label publishing",
"Dedicated account manager",
"Phone & priority support",
],
id: "studio", tag: "Studio", tagIcon: Sparkles,
price: "$49.99", period: "/month", description: "For professional studios and development teams", button: {
text: "Contact Sales", href: "#contact"},
featuresTitle: "Everything in Creator, plus:", features: [
"Team collaboration (up to 20)", "Unlimited AI generation", "500GB storage", "Advanced multiplayer support", "Custom server hosting", "API & webhooks access", "White-label publishing", "Dedicated account manager", "Phone & priority support"],
},
]}
textboxLayout="default"
@@ -299,18 +206,13 @@ export default function CreatePage() {
description="Join thousands of creators building incredible games. Get access to professional tools, AI-powered assets, and a thriving community."
buttons={[
{
text: "Launch Studio",
href: "https://studio.gamebuilder.local",
},
text: "Launch Studio", href: "https://studio.gamebuilder.local"},
{
text: "Learn More",
href: "/",
},
text: "Learn More", href: "/"},
]}
buttonAnimation="slide-up"
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
useInvertedBackground={false}
/>
</div>
@@ -319,66 +221,39 @@ export default function CreatePage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Templates",
href: "/",
},
label: "Templates", href: "/"},
{
label: "What's New",
href: "#",
},
label: "What's New", href: "#"},
],
},
{
title: "Community",
items: [
title: "Community", items: [
{
label: "Explore Games",
href: "/",
},
label: "Explore Games", href: "/"},
{
label: "Game Jams",
href: "#",
},
label: "Game Jams", href: "#"},
{
label: "Tutorials",
href: "#",
},
label: "Tutorials", href: "#"},
{
label: "Showcase",
href: "#",
},
label: "Showcase", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Status",
href: "#",
},
label: "Status", href: "#"},
],
},
]}

View File

@@ -33,13 +33,11 @@ import {
Wrench,
Share2,
Settings,
HelpCircle as HelpCircleIcon,
Library,
Link2,
Crown,
BookOpen,
Building2,
Mail,
} from "lucide-react";
export default function HomePage() {
@@ -66,9 +64,7 @@ export default function HomePage() {
{ name: "Docs", id: "docs" },
]}
button={{
text: "Start Building",
href: "https://studio.gamebuilder.local",
}}
text: "Start Building", href: "https://studio.gamebuilder.local"}}
brandName="GameStudio"
/>
</div>
@@ -81,55 +77,36 @@ export default function HomePage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
buttons={[
{
text: "Start Creating",
href: "https://studio.gamebuilder.local",
},
text: "Start Creating", href: "https://studio.gamebuilder.local"},
{
text: "Watch Demo",
href: "#",
},
text: "Watch Demo", href: "#"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-modern-game-builder-interface-with-a-d-1772957648301-17bde245.png",
imageAlt: "Modern game builder interface with sidebar tools",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-modern-game-builder-interface-with-a-d-1772957648301-17bde245.png", imageAlt: "Modern game builder interface with sidebar tools"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-platformer-game-creation-workspace-sho-1772957647248-292dfe33.png",
imageAlt: "Platformer game creation in progress",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-platformer-game-creation-workspace-sho-1772957647248-292dfe33.png", imageAlt: "Platformer game creation in progress"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-character-customization-screen-showing-1772957647173-ff18a439.png",
imageAlt: "Character customization screen",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-character-customization-screen-showing-1772957647173-ff18a439.png", imageAlt: "Character customization screen"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-live-game-preview-and-testing-interfac-1772957646463-8f50dc58.png",
imageAlt: "Live game preview and testing",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-live-game-preview-and-testing-interfac-1772957646463-8f50dc58.png", imageAlt: "Live game preview and testing"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-game-project-dashboard-showing-multipl-1772957647356-3a3a9d45.png",
imageAlt: "Game project dashboard and templates",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-game-project-dashboard-showing-multipl-1772957647356-3a3a9d45.png", imageAlt: "Game project dashboard and templates"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-community-games-showcase-page-featurin-1772957648234-027c9007.png",
imageAlt: "Community published games showcase",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-community-games-showcase-page-featurin-1772957648234-027c9007.png", imageAlt: "Community published games showcase"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/an-ai-asset-generation-interface-showing-1772957647622-b538cd44.png",
imageAlt: "AI-powered asset generation interface",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/an-ai-asset-generation-interface-showing-1772957647622-b538cd44.png", imageAlt: "AI-powered asset generation interface"},
]}
/>
</div>
@@ -143,37 +120,22 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Visual Drag-and-Drop Builder",
description:
"Place characters, objects, and enemies with intuitive drag-and-drop interface. No coding required.",
bentoComponent: "3d-stack-cards",
items: [
title: "Visual Drag-and-Drop Builder", description:
"Place characters, objects, and enemies with intuitive drag-and-drop interface. No coding required.", bentoComponent: "3d-stack-cards", items: [
{
icon: Square,
title: "Game Objects",
subtitle: "Place any element",
detail: "Add game entities with full control",
},
title: "Game Objects", subtitle: "Place any element", detail: "Add game entities with full control"},
{
icon: Users,
title: "Characters",
subtitle: "Design your heroes",
detail: "Customize appearance and animations",
},
title: "Characters", subtitle: "Design your heroes", detail: "Customize appearance and animations"},
{
icon: Zap,
title: "Physics",
subtitle: "Realistic dynamics",
detail: "Gravity, collisions, and forces",
},
title: "Physics", subtitle: "Realistic dynamics", detail: "Gravity, collisions, and forces"},
],
},
{
title: "AI Asset Generator",
description:
"Generate custom characters, backgrounds, and environments powered by artificial intelligence.",
bentoComponent: "orbiting-icons",
centerIcon: Sparkles,
title: "AI Asset Generator", description:
"Generate custom characters, backgrounds, and environments powered by artificial intelligence.", bentoComponent: "orbiting-icons", centerIcon: Sparkles,
items: [
{
icon: Image,
@@ -194,82 +156,53 @@ export default function HomePage() {
],
},
{
title: "Game Mechanics Engine",
description:
"Built-in scoring, health systems, collision detection, and power-up mechanics.",
bentoComponent: "animated-bar-chart",
},
title: "Game Mechanics Engine", description:
"Built-in scoring, health systems, collision detection, and power-up mechanics.", bentoComponent: "animated-bar-chart"},
{
title: "Level Editor & Map Tools",
description:
"Create intricate levels with our visual map editor. Grid-based placement and full customization.",
bentoComponent: "map",
},
title: "Level Editor & Map Tools", description:
"Create intricate levels with our visual map editor. Grid-based placement and full customization.", bentoComponent: "map"},
{
title: "Supported Genres",
description:
"Build platformers, RPGs, shooters, puzzles, or open-world games with specialized templates.",
bentoComponent: "3d-task-list",
title: "Game Genres",
items: [
title: "Supported Genres", description:
"Build platformers, RPGs, shooters, puzzles, or open-world games with specialized templates.", bentoComponent: "3d-task-list", items: [
{
icon: Gamepad2,
label: "Platformers",
time: "Instant",
},
label: "Platformers", time: "Instant"},
{
icon: Sword,
label: "RPGs",
time: "Instant",
},
label: "RPGs", time: "Instant"},
{
icon: Target,
label: "Shooters",
time: "Instant",
},
label: "Shooters", time: "Instant"},
],
},
{
title: "Real-Time Preview",
description:
"Test your game instantly in the browser. See changes update live as you build.",
bentoComponent: "phone",
statusIcon: Zap,
title: "Real-Time Preview", description:
"Test your game instantly in the browser. See changes update live as you build.", bentoComponent: "phone", statusIcon: Zap,
alertIcon: Play,
alertTitle: "Game Running",
alertMessage: "Click to test your game",
apps: [
alertTitle: "Game Running", alertMessage: "Click to test your game", apps: [
{
name: "Build",
icon: Wrench,
name: "Build", icon: Wrench,
},
{
name: "Assets",
icon: Image,
name: "Assets", icon: Image,
},
{
name: "Test",
icon: Play,
name: "Test", icon: Play,
},
{
name: "Publish",
icon: Share2,
name: "Publish", icon: Share2,
},
{
name: "Settings",
icon: Settings,
name: "Settings", icon: Settings,
},
{
name: "Help",
icon: HelpCircleIcon,
name: "Help", icon: HelpCircle,
},
{
name: "Library",
icon: Library,
name: "Library", icon: Library,
},
{
name: "Share",
icon: Link2,
name: "Share", icon: Link2,
},
],
},
@@ -290,56 +223,26 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Browse All Templates",
href: "#",
},
text: "Browse All Templates", href: "#"},
]}
buttonAnimation="slide-up"
products={[
{
id: "1",
brand: "GameStudio",
name: "Classic Platformer",
price: "$0",
rating: 5,
reviewCount: "12.3k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-classic-2d-platformer-game-screenshot--1772957646243-da9df1b2.png",
imageAlt: "Classic platformer game template",
},
id: "1", brand: "GameStudio", name: "Classic Platformer", price: "$0", rating: 5,
reviewCount: "12.3k", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-classic-2d-platformer-game-screenshot--1772957646243-da9df1b2.png", imageAlt: "Classic platformer game template"},
{
id: "2",
brand: "GameStudio",
name: "RPG Adventure",
price: "$0",
rating: 5,
reviewCount: "9.8k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/an-rpg-adventure-game-screenshot-showing-1772957647042-a2e0bc7b.png",
imageAlt: "RPG adventure game template",
},
id: "2", brand: "GameStudio", name: "RPG Adventure", price: "$0", rating: 5,
reviewCount: "9.8k", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/an-rpg-adventure-game-screenshot-showing-1772957647042-a2e0bc7b.png", imageAlt: "RPG adventure game template"},
{
id: "3",
brand: "GameStudio",
name: "Space Shooter",
price: "$0",
rating: 5,
reviewCount: "15.2k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-space-shooter-game-screenshot-showing--1772957646625-c59461dd.png",
imageAlt: "Space shooter game template",
},
id: "3", brand: "GameStudio", name: "Space Shooter", price: "$0", rating: 5,
reviewCount: "15.2k", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-space-shooter-game-screenshot-showing--1772957646625-c59461dd.png", imageAlt: "Space shooter game template"},
{
id: "4",
brand: "GameStudio",
name: "Puzzle Master",
price: "$0",
rating: 4,
reviewCount: "8.5k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-puzzle-game-screenshot-showing-colorfu-1772957646136-f2c7f3d2.png",
imageAlt: "Puzzle game template",
},
id: "4", brand: "GameStudio", name: "Puzzle Master", price: "$0", rating: 4,
reviewCount: "8.5k", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-puzzle-game-screenshot-showing-colorfu-1772957646136-f2c7f3d2.png", imageAlt: "Puzzle game template"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -358,53 +261,23 @@ export default function HomePage() {
tagAnimation="slide-up"
members={[
{
id: "1",
name: "Alex Rivera",
role: "Co-Founder & CEO",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-mid-30s-perso-1772957647606-6c1df8d5.png",
imageAlt: "Alex Rivera Co-Founder",
},
id: "1", name: "Alex Rivera", role: "Co-Founder & CEO", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-mid-30s-perso-1772957647606-6c1df8d5.png", imageAlt: "Alex Rivera Co-Founder"},
{
id: "2",
name: "Jordan Chen",
role: "Lead Developer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-young-tech-de-1772957646120-0f7fda70.png",
imageAlt: "Jordan Chen Lead Developer",
},
id: "2", name: "Jordan Chen", role: "Lead Developer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-young-tech-de-1772957646120-0f7fda70.png", imageAlt: "Jordan Chen Lead Developer"},
{
id: "3",
name: "Sofia Martinez",
role: "Creative Director",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-creative-dire-1772957645383-aa9a94dd.png",
imageAlt: "Sofia Martinez Creative Director",
},
id: "3", name: "Sofia Martinez", role: "Creative Director", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-creative-dire-1772957645383-aa9a94dd.png", imageAlt: "Sofia Martinez Creative Director"},
{
id: "4",
name: "Marcus Thompson",
role: "Game Designer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-game-designer-1772957645934-52ef390c.png",
imageAlt: "Marcus Thompson Game Designer",
},
id: "4", name: "Marcus Thompson", role: "Game Designer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-game-designer-1772957645934-52ef390c.png", imageAlt: "Marcus Thompson Game Designer"},
{
id: "5",
name: "Emma Wilson",
role: "AI Specialist",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-an-ai-specialis-1772957646172-621a12ad.png",
imageAlt: "Emma Wilson AI Specialist",
},
id: "5", name: "Emma Wilson", role: "AI Specialist", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-an-ai-specialis-1772957646172-621a12ad.png", imageAlt: "Emma Wilson AI Specialist"},
{
id: "6",
name: "David Kim",
role: "Community Manager",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-community-man-1772957645693-a3a98e6d.png",
imageAlt: "David Kim Community Manager",
},
id: "6", name: "David Kim", role: "Community Manager", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/professional-portrait-of-a-community-man-1772957645693-a3a98e6d.png", imageAlt: "David Kim Community Manager"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -423,52 +296,28 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Indie Game Developer",
testimonial:
"GameStudio transformed my game development journey. I went from zero to published in just 3 weeks. The drag-and-drop builder is intuitive and powerful—exactly what I needed.",
icon: Gamepad2,
id: "1", name: "Sarah Johnson", role: "Indie Game Developer", testimonial:
"GameStudio transformed my game development journey. I went from zero to published in just 3 weeks. The drag-and-drop builder is intuitive and powerful—exactly what I needed.", icon: Gamepad2,
},
{
id: "2",
name: "Michael Chen",
role: "Game Designer & Artist",
testimonial:
"The AI asset generator saved me months of work. I can now focus on game mechanics instead of spending endless hours on asset creation. Game-changer!",
icon: Sparkles,
id: "2", name: "Michael Chen", role: "Game Designer & Artist", testimonial:
"The AI asset generator saved me months of work. I can now focus on game mechanics instead of spending endless hours on asset creation. Game-changer!", icon: Sparkles,
},
{
id: "3",
name: "Emily Rodriguez",
role: "Educator & Mentor",
testimonial:
"I use GameStudio to teach my students game development fundamentals. It removes technical barriers and lets them focus on creativity and game design.",
icon: BookOpen,
id: "3", name: "Emily Rodriguez", role: "Educator & Mentor", testimonial:
"I use GameStudio to teach my students game development fundamentals. It removes technical barriers and lets them focus on creativity and game design.", icon: BookOpen,
},
{
id: "4",
name: "David Kim",
role: "Content Creator",
testimonial:
"The live preview feature is incredible. I can test gameplay changes instantly and iterate faster than ever before. Plus, the community features make sharing my work effortless.",
icon: Share2,
id: "4", name: "David Kim", role: "Content Creator", testimonial:
"The live preview feature is incredible. I can test gameplay changes instantly and iterate faster than ever before. Plus, the community features make sharing my work effortless.", icon: Share2,
},
{
id: "5",
name: "Alex Thompson",
role: "Hobbyist Game Maker",
testimonial:
"As someone with no coding experience, GameStudio made game development accessible to me. The templates and tutorials are excellent starting points.",
icon: Zap,
id: "5", name: "Alex Thompson", role: "Hobbyist Game Maker", testimonial:
"As someone with no coding experience, GameStudio made game development accessible to me. The templates and tutorials are excellent starting points.", icon: Zap,
},
{
id: "6",
name: "Lisa Park",
role: "Studio Manager",
testimonial:
"Our small studio uses GameStudio for rapid prototyping and game jams. It's become an essential tool in our development pipeline.",
icon: Building2,
id: "6", name: "Lisa Park", role: "Studio Manager", testimonial:
"Our small studio uses GameStudio for rapid prototyping and game jams. It's become an essential tool in our development pipeline.", icon: Building2,
},
]}
textboxLayout="default"
@@ -487,73 +336,26 @@ export default function HomePage() {
tagAnimation="slide-up"
plans={[
{
id: "starter",
tag: "Starter",
tagIcon: Rocket,
price: "Free",
period: "Forever",
description:
"Perfect for learning and exploring game development",
button: {
text: "Get Started",
href: "https://studio.gamebuilder.local",
},
featuresTitle: "What's Included:",
features: [
"Full drag-and-drop builder",
"Up to 3 active projects",
"Basic game templates",
"Community asset library",
"Real-time game preview",
"Share with private link",
],
id: "starter", tag: "Starter", tagIcon: Rocket,
price: "Free", period: "Forever", description:
"Perfect for learning and exploring game development", button: {
text: "Get Started", href: "https://studio.gamebuilder.local"},
featuresTitle: "What's Included:", features: [
"Full drag-and-drop builder", "Up to 3 active projects", "Basic game templates", "Community asset library", "Real-time game preview", "Share with private link"],
},
{
id: "pro",
tag: "Pro",
tagIcon: Crown,
price: "$9.99",
period: "/month",
description: "For serious creators ready to publish",
button: {
text: "Start Free Trial",
href: "https://studio.gamebuilder.local",
},
featuresTitle: "Everything in Starter, plus:",
features: [
"Unlimited projects",
"Advanced game mechanics",
"AI asset generator (500 credits/month)",
"Custom branding on published games",
"Advanced analytics dashboard",
"Priority support",
"Export game source code",
"Monetization tools",
],
id: "pro", tag: "Pro", tagIcon: Crown,
price: "$9.99", period: "/month", description: "For serious creators ready to publish", button: {
text: "Start Free Trial", href: "https://studio.gamebuilder.local"},
featuresTitle: "Everything in Starter, plus:", features: [
"Unlimited projects", "Advanced game mechanics", "AI asset generator (500 credits/month)", "Custom branding on published games", "Advanced analytics dashboard", "Priority support", "Export game source code", "Monetization tools"],
},
{
id: "studio",
tag: "Studio",
tagIcon: Sparkles,
price: "$29.99",
period: "/month",
description: "For professional game studios and teams",
button: {
text: "Contact Sales",
href: "#contact",
},
featuresTitle: "Everything in Pro, plus:",
features: [
"Team collaboration (up to 10 members)",
"Unlimited AI asset generation",
"Private asset storage (100GB)",
"Advanced multiplayer support",
"Custom game server hosting",
"API access for integrations",
"Dedicated account manager",
"White-label solutions",
"Educational license options",
],
id: "studio", tag: "Studio", tagIcon: Sparkles,
price: "$29.99", period: "/month", description: "For professional game studios and teams", button: {
text: "Contact Sales", href: "#contact"},
featuresTitle: "Everything in Pro, plus:", features: [
"Team collaboration (up to 10 members)", "Unlimited AI asset generation", "Private asset storage (100GB)", "Advanced multiplayer support", "Custom game server hosting", "API access for integrations", "Dedicated account manager", "White-label solutions", "Educational license options"],
},
]}
textboxLayout="default"
@@ -571,41 +373,23 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "Do I need to know how to code?",
content:
"Not at all! GameStudio is designed for everyone. Our visual drag-and-drop builder means you can create games without writing a single line of code. However, if you're advanced, we also support custom scripting through our scripting engine.",
},
id: "1", title: "Do I need to know how to code?", content:
"Not at all! GameStudio is designed for everyone. Our visual drag-and-drop builder means you can create games without writing a single line of code. However, if you're advanced, we also support custom scripting through our scripting engine."},
{
id: "2",
title: "Can I publish my games and earn money?",
content:
"Yes! With our Pro plan and above, you can publish games, add monetization features, and share with the community. We take a small revenue share on monetized games, while you keep the majority of earnings.",
},
id: "2", title: "Can I publish my games and earn money?", content:
"Yes! With our Pro plan and above, you can publish games, add monetization features, and share with the community. We take a small revenue share on monetized games, while you keep the majority of earnings."},
{
id: "3",
title: "What game types can I create?",
content:
"GameStudio supports platformers, RPGs, shooters, puzzle games, and open-world experiences. We provide specialized templates and tools for each genre, but you're not limited to these—create any type of 2D or 3D game you imagine.",
},
id: "3", title: "What game types can I create?", content:
"GameStudio supports platformers, RPGs, shooters, puzzle games, and open-world experiences. We provide specialized templates and tools for each genre, but you're not limited to these—create any type of 2D or 3D game you imagine."},
{
id: "4",
title: "How does the AI asset generator work?",
content:
"Our AI generator creates custom characters, backgrounds, sounds, and music based on text descriptions. Free users get limited credits monthly, while Pro users get 500 credits/month, and Studio users get unlimited generation.",
},
id: "4", title: "How does the AI asset generator work?", content:
"Our AI generator creates custom characters, backgrounds, sounds, and music based on text descriptions. Free users get limited credits monthly, while Pro users get 500 credits/month, and Studio users get unlimited generation."},
{
id: "5",
title: "Can I collaborate with team members?",
content:
"Yes! The Studio plan includes team collaboration features for up to 10 members. You can work together on projects, share assets, and manage permissions for different team roles.",
},
id: "5", title: "Can I collaborate with team members?", content:
"Yes! The Studio plan includes team collaboration features for up to 10 members. You can work together on projects, share assets, and manage permissions for different team roles."},
{
id: "6",
title: "Is my game data secure and backed up?",
content:
"Absolutely. All your game projects are automatically backed up to our secure servers. We use enterprise-grade encryption and comply with GDPR and other data protection standards.",
},
id: "6", title: "Is my game data secure and backed up?", content:
"Absolutely. All your game projects are automatically backed up to our secure servers. We use enterprise-grade encryption and comply with GDPR and other data protection standards."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/a-supportive-help-and-faq-interface-show-1772957647102-be95c679.png"
imageAlt="GameStudio help and support resources"
@@ -626,61 +410,25 @@ export default function HomePage() {
tagAnimation="slide-up"
blogs={[
{
id: "1",
category: "Platformer",
title: "Luna's Quest Adventure",
excerpt:
"An enchanting platformer featuring a magical character navigating mystical forests and ancient ruins. Over 50,000 plays!",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/vibrant-screenshot-of-luna-s-quest-adven-1772957647448-1bd0fcc0.png?_wi=1",
imageAlt: "Luna's Quest platformer game",
authorName: "Maya Studios",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-a-creative-game-1772957647188-f136993a.png",
date: "15 Jan 2025",
},
id: "1", category: "Platformer", title: "Luna's Quest Adventure", excerpt:
"An enchanting platformer featuring a magical character navigating mystical forests and ancient ruins. Over 50,000 plays!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/vibrant-screenshot-of-luna-s-quest-adven-1772957647448-1bd0fcc0.png", imageAlt: "Luna's Quest platformer game", authorName: "Maya Studios", authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-a-creative-game-1772957647188-f136993a.png", date: "15 Jan 2025"},
{
id: "2",
category: "RPG",
title: "Dragon's Realm",
excerpt:
"An epic RPG adventure with dynamic combat, intricate puzzles, and a rich storyline. Create your legend today!",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/epic-screenshot-of-dragon-s-realm-rpg-sh-1772957647426-0bbb5f5f.png?_wi=1",
imageAlt: "Dragon's Realm RPG game",
authorName: "Epic Games Co",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-an-experienced--1772957645890-02523f30.png",
date: "12 Jan 2025",
},
id: "2", category: "RPG", title: "Dragon's Realm", excerpt:
"An epic RPG adventure with dynamic combat, intricate puzzles, and a rich storyline. Create your legend today!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/epic-screenshot-of-dragon-s-realm-rpg-sh-1772957647426-0bbb5f5f.png", imageAlt: "Dragon's Realm RPG game", authorName: "Epic Games Co", authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-an-experienced--1772957645890-02523f30.png", date: "12 Jan 2025"},
{
id: "3",
category: "Puzzle",
title: "Mind Maze Chambers",
excerpt:
"Challenge your mind with innovative puzzle mechanics. 100+ levels of brain-bending challenges and beautiful design.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/screenshot-of-mind-maze-chambers-puzzle--1772957646351-cc1adbcf.png?_wi=1",
imageAlt: "Mind Maze puzzle game",
authorName: "Puzzle Master",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-a-puzzle-game-s-1772957647343-95115821.png",
date: "10 Jan 2025",
},
id: "3", category: "Puzzle", title: "Mind Maze Chambers", excerpt:
"Challenge your mind with innovative puzzle mechanics. 100+ levels of brain-bending challenges and beautiful design.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/screenshot-of-mind-maze-chambers-puzzle--1772957646351-cc1adbcf.png", imageAlt: "Mind Maze puzzle game", authorName: "Puzzle Master", authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-a-puzzle-game-s-1772957647343-95115821.png", date: "10 Jan 2025"},
{
id: "4",
category: "Shooter",
title: "Cosmic Wars: Reborn",
excerpt:
"Blast through space in this fast-paced arcade shooter. Compete on global leaderboards and unlock amazing power-ups!",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/action-packed-screenshot-of-cosmic-wars--1772957646685-b4d33e9b.png?_wi=1",
imageAlt: "Cosmic Wars shooter game",
authorName: "Arcade Legends",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-an-arcade-game--1772957645905-18f88053.png",
date: "08 Jan 2025",
},
id: "4", category: "Shooter", title: "Cosmic Wars: Reborn", excerpt:
"Blast through space in this fast-paced arcade shooter. Compete on global leaderboards and unlock amazing power-ups!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/action-packed-screenshot-of-cosmic-wars--1772957646685-b4d33e9b.png", imageAlt: "Cosmic Wars shooter game", authorName: "Arcade Legends", authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AedAo9RRwaKsMFqb1FdqeKRmd0/small-circular-avatar-of-an-arcade-game--1772957645905-18f88053.png", date: "08 Jan 2025"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -698,18 +446,13 @@ export default function HomePage() {
description="Join thousands of creators who are bringing their game ideas to life. No experience necessary. Start free and upgrade anytime."
buttons={[
{
text: "Start Free Trial",
href: "https://studio.gamebuilder.local",
},
text: "Start Free Trial", href: "https://studio.gamebuilder.local"},
{
text: "Schedule Demo",
href: "#",
},
text: "Schedule Demo", href: "#"},
]}
buttonAnimation="slide-up"
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
useInvertedBackground={false}
/>
</div>
@@ -718,66 +461,39 @@ export default function HomePage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Templates",
href: "#",
},
label: "Templates", href: "#"},
{
label: "What's New",
href: "#",
},
label: "What's New", href: "#"},
],
},
{
title: "Community",
items: [
title: "Community", items: [
{
label: "Explore Games",
href: "/create",
},
label: "Explore Games", href: "/create"},
{
label: "Creators",
href: "#",
},
label: "Creators", href: "#"},
{
label: "Tutorials",
href: "#",
},
label: "Tutorials", href: "#"},
{
label: "Game Jams",
href: "#",
},
label: "Game Jams", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}