bender/06d45045-d971-4cac-8477-7bdf8cc9c461
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-03 11:42:59 +00:00
Conversation 0 Commits 5 Files Changed 5 +183 -334
5 changed files with 183 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/contact/page.tsx
View File

@@ -18,8 +18,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Learning", href: "/learning" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Forums", href: "#" },
{ label: "Discord", href: "https://discord.gg" },
{ label: "Mentorship", href: "#" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Tutorials", href: "/learning" },
{ label: "Blog", href: "#" },
@@ -45,8 +42,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "About Us", href: "#about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -73,9 +69,7 @@ export default function ContactPage() {
brandName="GameHub"
navItems={navItems}
button={{
text: "Start Creating",
href: "/contact",
}}
text: "Start Creating", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -103,41 +97,23 @@ export default function ContactPage() {
tag="Support"
faqs={[
{
id: "1",
title: "How do I create a GameHub account?",
content:
"Creating an account is simple! Click the Sign Up button, enter your email address, create a password, and you're ready to go. You can also sign up using your GitHub account for instant setup. The entire process takes less than 30 seconds.",
},
id: "1", title: "How do I create a GameHub account?", content:
"Creating an account is simple! Click the Sign Up button, enter your email address, create a password, and you're ready to go. You can also sign up using your GitHub account for instant setup. The entire process takes less than 30 seconds."},
{
id: "2",
title: "What information do I need to provide?",
content:
"To get started, we only need your email address and a username. You can optionally add a bio, profile picture, and your preferred programming languages. This helps the community know more about you and find collaborators.",
},
id: "2", title: "What information do I need to provide?", content:
"To get started, we only need your email address and a username. You can optionally add a bio, profile picture, and your preferred programming languages. This helps the community know more about you and find collaborators."},
{
id: "3",
title: "Do I have to use the free plan first?",
content:
"No! You can choose any plan when you sign up. However, we recommend starting with our free Starter plan to explore the platform and learn the basics. You can always upgrade later as your projects grow.",
},
id: "3", title: "Do I have to use the free plan first?", content:
"No! You can choose any plan when you sign up. However, we recommend starting with our free Starter plan to explore the platform and learn the basics. You can always upgrade later as your projects grow."},
{
id: "4",
title: "Can I upgrade or downgrade my plan anytime?",
content:
"Absolutely! You can change your plan anytime without penalty. Upgrades take effect immediately, and downgrades apply at the start of your next billing cycle. No contracts or long-term commitments required.",
},
id: "4", title: "Can I upgrade or downgrade my plan anytime?", content:
"Absolutely! You can change your plan anytime without penalty. Upgrades take effect immediately, and downgrades apply at the start of your next billing cycle. No contracts or long-term commitments required."},
{
id: "5",
title: "How do I get started after signing up?",
content:
"After signing up, we'll guide you through a quick setup wizard. Choose your preferred programming language, take a short tutorial, and then you can either create a new project or explore existing projects from our community.",
},
id: "5", title: "How do I get started after signing up?", content:
"After signing up, we'll guide you through a quick setup wizard. Choose your preferred programming language, take a short tutorial, and then you can either create a new project or explore existing projects from our community."},
{
id: "6",
title: "Is there a tutorial for new users?",
content:
"Yes! We have an interactive onboarding tutorial that introduces you to the platform features. You can also skip it anytime and access it later from your dashboard. Our Learning Paths section has comprehensive guides for every programming language we support.",
},
id: "6", title: "Is there a tutorial for new users?", content:
"Yes! We have an interactive onboarding tutorial that introduces you to the platform features. You can also skip it anytime and access it later from your dashboard. Our Learning Paths section has comprehensive guides for every programming language we support."},
]}
textboxLayout="default"
useInvertedBackground={false}

30
src/app/layout.tsx
View File

@@ -5,38 +5,22 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
variable: "--font-montserrat", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "GameHub - Create & Share Games, Simplified",
description: "The beginner-friendly platform for aspiring game developers. Multi-language support, real-time collaboration, learning resources, and community. Start your game development journey today—free!",
keywords: "game development, indie games, learn programming, game creation platform, beginner coding, collaboration tools, game showcase",
metadataBase: new URL("https://gamehub.dev"),
title: "GameHub - Create & Share Games, Simplified", description: "The beginner-friendly platform for aspiring game developers. Multi-language support, real-time collaboration, learning resources, and community. Start your game development journey today—free!", keywords: "game development, indie games, learn programming, game creation platform, beginner coding, collaboration tools, game showcase", metadataBase: new URL("https://gamehub.dev"),
alternates: {
canonical: "https://gamehub.dev",
},
canonical: "https://gamehub.dev"},
openGraph: {
title: "GameHub - Create & Share Games",
description: "A community platform where beginners can create, learn, and collaborate on games across 12+ programming languages.",
url: "https://gamehub.dev",
siteName: "GameHub",
type: "website",
images: [
title: "GameHub - Create & Share Games", description: "A community platform where beginners can create, learn, and collaborate on games across 12+ programming languages.", url: "https://gamehub.dev", siteName: "GameHub", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png",
alt: "GameHub - Game Development Platform",
},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png", alt: "GameHub - Game Development Platform"},
],
},
twitter: {
card: "summary_large_image",
title: "GameHub - Create & Share Games, Simplified",
description: "Join thousands of beginner game developers creating amazing games together.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png",
],
card: "summary_large_image", title: "GameHub - Create & Share Games, Simplified", description: "Join thousands of beginner game developers creating amazing games together.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png"],
},
robots: {
index: true,

82
src/app/learning/page.tsx
View File

@@ -24,8 +24,7 @@ export default function LearningPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Learning", href: "/learning" },
@@ -33,8 +32,7 @@ export default function LearningPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Forums", href: "#" },
{ label: "Discord", href: "https://discord.gg" },
{ label: "Mentorship", href: "#" },
@@ -42,8 +40,7 @@ export default function LearningPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Tutorials", href: "/learning" },
{ label: "Blog", href: "#" },
@@ -51,8 +48,7 @@ export default function LearningPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "About Us", href: "#about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -79,9 +75,7 @@ export default function LearningPage() {
brandName="GameHub"
navItems={navItems}
button={{
text: "Start Creating",
href: "/contact",
}}
text: "Start Creating", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -93,16 +87,11 @@ export default function LearningPage() {
tag="Learning"
features={[
{
id: "1",
title: "Python Game Development Fundamentals",
description:
"Start your game development journey with Python. Learn game loop basics, sprite management, collision detection, and event handling using PyGame. Perfect for complete beginners with no prior coding experience.",
reverse: false,
id: "1", title: "Python Game Development Fundamentals", description:
"Start your game development journey with Python. Learn game loop basics, sprite management, collision detection, and event handling using PyGame. Perfect for complete beginners with no prior coding experience.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/an-interactive-learning-dashboard-with-c-1772537870318-b1bc592f.png?_wi=3",
imageAlt: "Python learning dashboard",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/an-interactive-learning-dashboard-with-c-1772537870318-b1bc592f.png", imageAlt: "Python learning dashboard"},
items: [
{ icon: BookOpen, text: "12 comprehensive modules" },
{ icon: Award, text: "Certification upon completion" },
@@ -110,16 +99,11 @@ export default function LearningPage() {
],
},
{
id: "2",
title: "JavaScript Web Games Mastery",
description:
"Build games for the web using JavaScript and Canvas/WebGL. Learn event-driven programming, animation techniques, and browser APIs. Deploy your games instantly to share with the world.",
reverse: true,
id: "2", title: "JavaScript Web Games Mastery", description:
"Build games for the web using JavaScript and Canvas/WebGL. Learn event-driven programming, animation techniques, and browser APIs. Deploy your games instantly to share with the world.", reverse: true,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-split-screen-showing-real-time-collabo-1772537869408-25f02bd2.png?_wi=3",
imageAlt: "JavaScript game development",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-split-screen-showing-real-time-collabo-1772537869408-25f02bd2.png", imageAlt: "JavaScript game development"},
items: [
{ icon: Users, text: "Join 8,500+ active learners" },
{ icon: Zap, text: "Real-time peer support" },
@@ -127,16 +111,11 @@ export default function LearningPage() {
],
},
{
id: "3",
title: "C# with Unity Game Engine",
description:
"Master professional game development with C# and Unity. Create 2D and 3D games with industry-standard tools. Learn asset pipelines, advanced physics, and deployment strategies for PC, console, and mobile.",
reverse: false,
id: "3", title: "C# with Unity Game Engine", description:
"Master professional game development with C# and Unity. Create 2D and 3D games with industry-standard tools. Learn asset pipelines, advanced physics, and deployment strategies for PC, console, and mobile.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/close-up-of-a-laptop-screen-showing-game-1772537869733-f300ec3a.png?_wi=3",
imageAlt: "Unity engine training",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/close-up-of-a-laptop-screen-showing-game-1772537869733-f300ec3a.png", imageAlt: "Unity engine training"},
items: [
{ icon: BookOpen, text: "24 advanced modules" },
{ icon: Award, text: "Portfolio building projects" },
@@ -158,16 +137,11 @@ export default function LearningPage() {
tag="Resources"
features={[
{
id: "1",
title: "Video Tutorial Library",
description:
"Watch expert-created video tutorials covering everything from game fundamentals to advanced techniques. Each video includes downloadable code examples and project files to practice alongside.",
reverse: false,
id: "1", title: "Video Tutorial Library", description:
"Watch expert-created video tutorials covering everything from game fundamentals to advanced techniques. Each video includes downloadable code examples and project files to practice alongside.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/programming-language-logos-and-icons-arr-1772537869959-509adea6.png?_wi=2",
imageAlt: "Video tutorials",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/programming-language-logos-and-icons-arr-1772537869959-509adea6.png", imageAlt: "Video tutorials"},
items: [
{ icon: BookOpen, text: "500+ video tutorials" },
{ icon: Zap, text: "30-60 minute per topic" },
@@ -175,16 +149,11 @@ export default function LearningPage() {
],
},
{
id: "2",
title: "Interactive Coding Challenges",
description:
"Level up your skills with interactive coding challenges. Solve game programming puzzles, complete mini-projects, and earn badges. Get instant feedback and hints to overcome obstacles.",
reverse: true,
id: "2", title: "Interactive Coding Challenges", description:
"Level up your skills with interactive coding challenges. Solve game programming puzzles, complete mini-projects, and earn badges. Get instant feedback and hints to overcome obstacles.", reverse: true,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png?_wi=3",
imageAlt: "Interactive challenges",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png", imageAlt: "Interactive challenges"},
items: [
{ icon: Award, text: "1,000+ challenges" },
{ icon: Users, text: "Leaderboards & achievements" },
@@ -192,16 +161,11 @@ export default function LearningPage() {
],
},
{
id: "3",
title: "Live Workshops & Community Events",
description:
"Attend weekly live workshops hosted by experienced game developers. Get your questions answered in real-time, network with other creators, and collaborate on group projects.",
reverse: false,
id: "3", title: "Live Workshops & Community Events", description:
"Attend weekly live workshops hosted by experienced game developers. Get your questions answered in real-time, network with other creators, and collaborate on group projects.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-diverse-group-of-young-programmers-wor-1772537869680-564305bd.png?_wi=3",
imageAlt: "Community workshops",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-diverse-group-of-young-programmers-wor-1772537869680-564305bd.png", imageAlt: "Community workshops"},
items: [
{ icon: Users, text: "3 workshops per week" },
{ icon: Code, text: "Recorded for on-demand viewing" },

265
src/app/page.tsx
View File

@@ -4,8 +4,10 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
@@ -36,8 +38,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Learning", href: "/learning" },
@@ -45,8 +46,7 @@ export default function HomePage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Forums", href: "#" },
{ label: "Discord", href: "https://discord.gg" },
{ label: "Mentorship", href: "#" },
@@ -54,8 +54,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Tutorials", href: "/learning" },
{ label: "Blog", href: "#" },
@@ -63,8 +62,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "About Us", href: "#about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -91,9 +89,7 @@ export default function HomePage() {
brandName="GameHub"
navItems={navItems}
button={{
text: "Start Creating",
href: "/contact",
}}
text: "Start Creating", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -109,19 +105,13 @@ export default function HomePage() {
slides={[
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png?_wi=1",
imageAlt: "Colorful game development scene",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png", imageAlt: "Colorful game development scene"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-diverse-group-of-young-programmers-wor-1772537869680-564305bd.png?_wi=1",
imageAlt: "Collaborative developers working together",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-diverse-group-of-young-programmers-wor-1772537869680-564305bd.png", imageAlt: "Collaborative developers working together"},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/close-up-of-a-laptop-screen-showing-game-1772537869733-f300ec3a.png?_wi=1",
imageAlt: "Game engine development setup",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/close-up-of-a-laptop-screen-showing-game-1772537869733-f300ec3a.png", imageAlt: "Game engine development setup"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -136,16 +126,11 @@ export default function HomePage() {
tag="Features"
features={[
{
id: "1",
title: "Real-Time Collaboration",
description:
"Work together with other developers on the same project. See changes instantly, discuss ideas, and build games as a team without complex version control.",
reverse: false,
id: "1", title: "Real-Time Collaboration", description:
"Work together with other developers on the same project. See changes instantly, discuss ideas, and build games as a team without complex version control.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-split-screen-showing-real-time-collabo-1772537869408-25f02bd2.png?_wi=1",
imageAlt: "Real-time collaboration interface",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-split-screen-showing-real-time-collabo-1772537869408-25f02bd2.png", imageAlt: "Real-time collaboration interface"},
items: [
{ icon: Users, text: "Invite teammates instantly" },
{ icon: Zap, text: "Live code updates" },
@@ -153,16 +138,11 @@ export default function HomePage() {
],
},
{
id: "2",
title: "Multi-Language Support",
description:
"Code in your preferred language. From Python and JavaScript to C# and C++, choose the tools that work best for your game development style.",
reverse: true,
id: "2", title: "Multi-Language Support", description:
"Code in your preferred language. From Python and JavaScript to C# and C++, choose the tools that work best for your game development style.", reverse: true,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/programming-language-logos-and-icons-arr-1772537869959-509adea6.png?_wi=1",
imageAlt: "Programming languages supported",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/programming-language-logos-and-icons-arr-1772537869959-509adea6.png", imageAlt: "Programming languages supported"},
items: [
{ icon: Code, text: "10+ programming languages" },
{ icon: Package, text: "Pre-configured templates" },
@@ -170,16 +150,11 @@ export default function HomePage() {
],
},
{
id: "3",
title: "Game Showcase Gallery",
description:
"Display your creations beautifully with screenshots, gameplay videos, and interactive demos. Get discovered by the community and build your portfolio.",
reverse: false,
id: "3", title: "Game Showcase Gallery", description:
"Display your creations beautifully with screenshots, gameplay videos, and interactive demos. Get discovered by the community and build your portfolio.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-portfolio-gallery-showcasing-different-1772537870680-0382ab73.png?_wi=1",
imageAlt: "Game project showcase gallery",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-portfolio-gallery-showcasing-different-1772537870680-0382ab73.png", imageAlt: "Game project showcase gallery"},
items: [
{ icon: Image, text: "Beautiful project galleries" },
{ icon: Play, text: "Embedded game playable previews" },
@@ -187,16 +162,11 @@ export default function HomePage() {
],
},
{
id: "4",
title: "Learning Resources & Mentorship",
description:
"Access curated tutorials, documentation, and connect with experienced developers. Perfect for beginners who want structured guidance and support.",
reverse: true,
id: "4", title: "Learning Resources & Mentorship", description:
"Access curated tutorials, documentation, and connect with experienced developers. Perfect for beginners who want structured guidance and support.", reverse: true,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/an-interactive-learning-dashboard-with-c-1772537870318-b1bc592f.png?_wi=1",
imageAlt: "Interactive learning dashboard",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/an-interactive-learning-dashboard-with-c-1772537870318-b1bc592f.png", imageAlt: "Interactive learning dashboard"},
items: [
{ icon: BookOpen, text: "Guided learning paths" },
{ icon: Award, text: "Earn achievements and badges" },
@@ -230,6 +200,47 @@ export default function HomePage() {
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Simple, Transparent Pricing"
description="Choose the plan that fits your journey. All plans include community support and access to learning resources."
tag="Pricing"
plans={[
{
id: "starter", badge: "Starter", badgeIcon: Rocket,
price: "Free", subtitle: "Perfect for beginners just starting out", buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#faq" },
],
features: [
"Up to 3 public projects", "Basic collaboration (1 teammate)", "Access to beginner tutorials", "Community forums and chat", "GitHub integration", "1GB storage"],
},
{
id: "creator", badge: "Creator", badgeIcon: Sparkles,
price: "$9/month", subtitle: "For passionate developers ready to scale", buttons: [
{ text: "Start Free Trial", href: "/contact" },
{ text: "View Details", href: "#faq" },
],
features: [
"Unlimited public projects", "Unlimited collaborators", "Advanced tutorials and courses", "Priority mentorship queue", "Custom domains for game pages", "50GB storage", "Advanced analytics"],
},
{
id: "team", badge: "Team", badgeIcon: Users,
price: "$29/month", subtitle: "For indie teams and studios", buttons: [
{ text: "Contact Sales", href: "/contact" },
{ text: "Schedule Demo", href: "#faq" },
],
features: [
"Everything in Creator", "Unlimited private projects", "Team management tools", "Private repositories", "API access for tools", "500GB storage", "Dedicated support", "Revenue share opportunities"],
},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
ariaLabel="Pricing section"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Loved by Game Creators"
@@ -238,71 +249,29 @@ export default function HomePage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
title: "From Idea to Playable in Weeks",
quote:
"I had never coded a game before, but GameHub's tutorials and supportive community made it feel achievable. I launched my first 2D platformer and got incredible feedback. It's amazing!",
name: "Sarah Chen",
role: "Indie Developer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-young-d-1772537870539-7d063886.png",
imageAlt: "Sarah Chen",
},
id: "1", title: "From Idea to Playable in Weeks", quote:
"I had never coded a game before, but GameHub's tutorials and supportive community made it feel achievable. I launched my first 2D platformer and got incredible feedback. It's amazing!", name: "Sarah Chen", role: "Indie Developer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-young-d-1772537870539-7d063886.png", imageAlt: "Sarah Chen"},
{
id: "2",
title: "Perfect for Learning Together",
quote:
"My friend and I wanted to make a game together but had never done it before. The real-time collaboration and beginner-friendly interface made it so easy to work together and learn.",
name: "Marcus Johnson",
role: "Game Creator",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-differe-1772537869926-405fcc6d.png",
imageAlt: "Marcus Johnson",
},
id: "2", title: "Perfect for Learning Together", quote:
"My friend and I wanted to make a game together but had never done it before. The real-time collaboration and beginner-friendly interface made it so easy to work together and learn.", name: "Marcus Johnson", role: "Game Creator", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-differe-1772537869926-405fcc6d.png", imageAlt: "Marcus Johnson"},
{
id: "3",
title: "Best Community Support I've Found",
quote:
"Every time I hit a wall, the GameHub community was there with help and encouragement. The mentorship program connected me with someone who really understood my vision.",
name: "Alex Rodriguez",
role: "Aspiring Developer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-another-y-1772537870881-fcbb6296.png",
imageAlt: "Alex Rodriguez",
},
id: "3", title: "Best Community Support I've Found", quote:
"Every time I hit a wall, the GameHub community was there with help and encouragement. The mentorship program connected me with someone who really understood my vision.", name: "Alex Rodriguez", role: "Aspiring Developer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-another-y-1772537870881-fcbb6296.png", imageAlt: "Alex Rodriguez"},
{
id: "4",
title: "Simplified Everything I Needed",
quote:
"Unlike GitHub, GameHub was designed with game developers in mind. Multi-language support and game showcase features are exactly what I needed to start my journey.",
name: "Emma Thompson",
role: "Developer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-young-d-1772537869393-1323cef9.png",
imageAlt: "Emma Thompson",
},
id: "4", title: "Simplified Everything I Needed", quote:
"Unlike GitHub, GameHub was designed with game developers in mind. Multi-language support and game showcase features are exactly what I needed to start my journey.", name: "Emma Thompson", role: "Developer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-young-d-1772537869393-1323cef9.png", imageAlt: "Emma Thompson"},
{
id: "5",
title: "A Real Game-Changer for Teams",
quote:
"We went from scattered collaboration to organized teamwork. The built-in tools for game developers save us hours every week, and our project is progressing so much faster.",
name: "David Park",
role: "Team Lead",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-develop-1772537870165-03059c14.png",
imageAlt: "David Park",
},
id: "5", title: "A Real Game-Changer for Teams", quote:
"We went from scattered collaboration to organized teamwork. The built-in tools for game developers save us hours every week, and our project is progressing so much faster.", name: "David Park", role: "Team Lead", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-develop-1772537870165-03059c14.png", imageAlt: "David Park"},
{
id: "6",
title: "Finally, Something Built for Us",
quote:
"GameHub gets game development. The focus on beginners, the learning resources, and the showcase features show that the team really understands what creators need.",
name: "Jessica Williams",
role: "Developer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-young-d-1772537869378-be51d04c.png",
imageAlt: "Jessica Williams",
},
id: "6", title: "Finally, Something Built for Us", quote:
"GameHub gets game development. The focus on beginners, the learning resources, and the showcase features show that the team really understands what creators need.", name: "Jessica Williams", role: "Developer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-headshot-photo-of-a-young-d-1772537869378-be51d04c.png", imageAlt: "Jessica Williams"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -317,53 +286,29 @@ export default function HomePage() {
tag="FAQ"
faqs={[
{
id: "1",
title: "What programming languages does GameHub support?",
content:
"GameHub supports 12+ programming languages including Python, JavaScript, C#, C++, Java, Rust, Go, PHP, Ruby, Swift, Kotlin, and more. We constantly add new languages based on community requests. Choose any language and we'll provide templates and beginner tutorials for it.",
},
id: "1", title: "What programming languages does GameHub support?", content:
"GameHub supports 12+ programming languages including Python, JavaScript, C#, C++, Java, Rust, Go, PHP, Ruby, Swift, Kotlin, and more. We constantly add new languages based on community requests. Choose any language and we'll provide templates and beginner tutorials for it."},
{
id: "2",
title: "Is GameHub really free for beginners?",
content:
"Yes! Our Starter plan is completely free and includes everything you need to create your first games: up to 3 public projects, basic collaboration, learning resources, and community access. You only upgrade when you're ready to scale with unlimited projects and premium features.",
},
id: "2", title: "Is GameHub really free for beginners?", content:
"Yes! Our Starter plan is completely free and includes everything you need to create your first games: up to 3 public projects, basic collaboration, learning resources, and community access. You only upgrade when you're ready to scale with unlimited projects and premium features."},
{
id: "3",
title: "How is GameHub different from GitHub?",
content:
"While GitHub is powerful for all developers, GameHub is specifically designed for game creators. We include game-specific features like project showcases with embedded game players, beginner tutorials focused on game development, mentorship matching for game developers, and built-in collaboration tools tailored for teams creating games.",
},
id: "3", title: "How is GameHub different from GitHub?", content:
"While GitHub is powerful for all developers, GameHub is specifically designed for game creators. We include game-specific features like project showcases with embedded game players, beginner tutorials focused on game development, mentorship matching for game developers, and built-in collaboration tools tailored for teams creating games."},
{
id: "4",
title: "Can I work on games alone or do I need a team?",
content:
"GameHub works perfectly for solo developers! Many of our creators build amazing games independently. However, if you want to collaborate, our real-time tools make it easy to invite teammates. The choice is entirely yours.",
},
id: "4", title: "Can I work on games alone or do I need a team?", content:
"GameHub works perfectly for solo developers! Many of our creators build amazing games independently. However, if you want to collaborate, our real-time tools make it easy to invite teammates. The choice is entirely yours."},
{
id: "5",
title: "Do I need game development experience to use GameHub?",
content:
"Absolutely not! GameHub is built for beginners. We provide curated learning paths, step-by-step tutorials, and mentor connections to guide you. Our community is welcoming and supportive. Many successful creators on GameHub started with zero experience.",
},
id: "5", title: "Do I need game development experience to use GameHub?", content:
"Absolutely not! GameHub is built for beginners. We provide curated learning paths, step-by-step tutorials, and mentor connections to guide you. Our community is welcoming and supportive. Many successful creators on GameHub started with zero experience."},
{
id: "6",
title: "How does the mentorship program work?",
content:
"Creator plan subscribers and above can request a mentor from our community of experienced game developers. Mentors are matched based on your programming language, game type, and learning goals. Sessions can be 1-on-1 code reviews, guidance on game design, or general career advice.",
},
id: "6", title: "How does the mentorship program work?", content:
"Creator plan subscribers and above can request a mentor from our community of experienced game developers. Mentors are matched based on your programming language, game type, and learning goals. Sessions can be 1-on-1 code reviews, guidance on game design, or general career advice."},
{
id: "7",
title: "Can I make money from my games on GameHub?",
content:
"Yes! We're building monetization features for Team plan subscribers, including revenue-sharing opportunities when your game gains traction. We believe creators deserve to be rewarded for their work. Details about monetization features are coming soon.",
},
id: "7", title: "Can I make money from my games on GameHub?", content:
"Yes! We're building monetization features for Team plan subscribers, including revenue-sharing opportunities when your game gains traction. We believe creators deserve to be rewarded for their work. Details about monetization features are coming soon."},
{
id: "8",
title: "How secure is my game code on GameHub?",
content:
"Your code is stored securely with encryption in transit and at rest. Private projects are only accessible to you and invited collaborators. We comply with industry security standards. You can also export your projects anytime and maintain backups yourself.",
},
id: "8", title: "How secure is my game code on GameHub?", content:
"Your code is stored securely with encryption in transit and at rest. Private projects are only accessible to you and invited collaborators. We comply with industry security standards. You can also export your projects anytime and maintain backups yourself."},
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -373,6 +318,22 @@ export default function HomePage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get Started"
title="Ready to Create Your First Game?"
description="Join thousands of developers already building on GameHub. Sign up in seconds and start your game development journey today."
tagIcon={Rocket}
tagAnimation="slide-up"
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
inputPlaceholder="your@email.com"
buttonText="Start Free"
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We'll send you occasional updates about new features and community highlights."
ariaLabel="Contact and signup section"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="GameHub"

82
src/app/projects/page.tsx
View File

@@ -24,8 +24,7 @@ export default function ProjectsPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Learning", href: "/learning" },
@@ -33,8 +32,7 @@ export default function ProjectsPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Forums", href: "#" },
{ label: "Discord", href: "https://discord.gg" },
{ label: "Mentorship", href: "#" },
@@ -42,8 +40,7 @@ export default function ProjectsPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Tutorials", href: "/learning" },
{ label: "Blog", href: "#" },
@@ -51,8 +48,7 @@ export default function ProjectsPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "About Us", href: "#about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
@@ -79,9 +75,7 @@ export default function ProjectsPage() {
brandName="GameHub"
navItems={navItems}
button={{
text: "Start Creating",
href: "/contact",
}}
text: "Start Creating", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -93,16 +87,11 @@ export default function ProjectsPage() {
tag="Showcase"
features={[
{
id: "1",
title: "2D Pixel Adventure",
description:
"An enchanting pixel art platformer created by our community. Featuring beautiful hand-crafted levels, challenging gameplay, and a heartwarming story about discovery and friendship.",
reverse: false,
id: "1", title: "2D Pixel Adventure", description:
"An enchanting pixel art platformer created by our community. Featuring beautiful hand-crafted levels, challenging gameplay, and a heartwarming story about discovery and friendship.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-portfolio-gallery-showcasing-different-1772537870680-0382ab73.png?_wi=2",
imageAlt: "Pixel art game project",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-portfolio-gallery-showcasing-different-1772537870680-0382ab73.png", imageAlt: "Pixel art game project"},
items: [
{ icon: Code, text: "Built with Python and PyGame" },
{ icon: Users, text: "Created by 3 collaborators" },
@@ -110,16 +99,11 @@ export default function ProjectsPage() {
],
},
{
id: "2",
title: "3D Space Explorer",
description:
"Immerse yourself in a stunning 3D space exploration game. Discover alien worlds, solve puzzles, and uncover the mysteries of the galaxy. Built with cutting-edge graphics and intuitive controls.",
reverse: true,
id: "2", title: "3D Space Explorer", description:
"Immerse yourself in a stunning 3D space exploration game. Discover alien worlds, solve puzzles, and uncover the mysteries of the galaxy. Built with cutting-edge graphics and intuitive controls.", reverse: true,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/close-up-of-a-laptop-screen-showing-game-1772537869733-f300ec3a.png?_wi=2",
imageAlt: "3D game development",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/close-up-of-a-laptop-screen-showing-game-1772537869733-f300ec3a.png", imageAlt: "3D game development"},
items: [
{ icon: Code, text: "C# with Unity Engine" },
{ icon: Package, text: "Advanced physics and rendering" },
@@ -127,16 +111,11 @@ export default function ProjectsPage() {
],
},
{
id: "3",
title: "Multiplayer Puzzle Arena",
description:
"Compete with friends in real-time puzzle battles. Solve challenges faster than your opponents to climb the leaderboards. Features cross-platform compatibility and smooth online gameplay.",
reverse: false,
id: "3", title: "Multiplayer Puzzle Arena", description:
"Compete with friends in real-time puzzle battles. Solve challenges faster than your opponents to climb the leaderboards. Features cross-platform compatibility and smooth online gameplay.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-split-screen-showing-real-time-collabo-1772537869408-25f02bd2.png?_wi=2",
imageAlt: "Multiplayer game interface",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-split-screen-showing-real-time-collabo-1772537869408-25f02bd2.png", imageAlt: "Multiplayer game interface"},
items: [
{ icon: GitBranch, text: "JavaScript with WebSocket" },
{ icon: Users, text: "Supports 2-4 players" },
@@ -158,16 +137,11 @@ export default function ProjectsPage() {
tag="Categories"
features={[
{
id: "1",
title: "Action & Adventure Games",
description:
"High-energy games with fast-paced gameplay, combat systems, and exploration. Perfect for learning game mechanics, physics engines, and player interaction patterns.",
reverse: false,
id: "1", title: "Action & Adventure Games", description:
"High-energy games with fast-paced gameplay, combat systems, and exploration. Perfect for learning game mechanics, physics engines, and player interaction patterns.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png?_wi=2",
imageAlt: "Action game showcase",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-colorful-abstract-scene-representing-g-1772537870058-cec387e5.png", imageAlt: "Action game showcase"},
items: [
{ icon: Play, text: "25+ playable games" },
{ icon: Code, text: "Multiple language examples" },
@@ -175,16 +149,11 @@ export default function ProjectsPage() {
],
},
{
id: "2",
title: "Puzzle & Strategy",
description:
"Logic-based games that challenge the mind. Learn problem-solving algorithms, AI systems, and user interface design for strategic gameplay experiences.",
reverse: true,
id: "2", title: "Puzzle & Strategy", description:
"Logic-based games that challenge the mind. Learn problem-solving algorithms, AI systems, and user interface design for strategic gameplay experiences.", reverse: true,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-diverse-group-of-young-programmers-wor-1772537869680-564305bd.png?_wi=2",
imageAlt: "Puzzle game examples",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-diverse-group-of-young-programmers-wor-1772537869680-564305bd.png", imageAlt: "Puzzle game examples"},
items: [
{ icon: Star, text: "18+ puzzle game projects" },
{ icon: GitBranch, text: "Open source repositories" },
@@ -192,16 +161,11 @@ export default function ProjectsPage() {
],
},
{
id: "3",
title: "Indie & Experimental",
description:
"Creative, unique games pushing boundaries. Explore innovative mechanics, artistic styles, and experimental storytelling approaches from ambitious creators.",
reverse: false,
id: "3", title: "Indie & Experimental", description:
"Creative, unique games pushing boundaries. Explore innovative mechanics, artistic styles, and experimental storytelling approaches from ambitious creators.", reverse: false,
media: {
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/an-interactive-learning-dashboard-with-c-1772537870318-b1bc592f.png?_wi=2",
imageAlt: "Experimental game projects",
},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/an-interactive-learning-dashboard-with-c-1772537870318-b1bc592f.png", imageAlt: "Experimental game projects"},
items: [
{ icon: Users, text: "35+ unique creations" },
{ icon: Code, text: "Cutting-edge techniques" },