diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 8cc0a89..68ce36f 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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} /> @@ -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} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5b4e4dd..77a074a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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, diff --git a/src/app/learning/page.tsx b/src/app/learning/page.tsx index 57b7907..6d149f6 100644 --- a/src/app/learning/page.tsx +++ b/src/app/learning/page.tsx @@ -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} /> @@ -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" }, diff --git a/src/app/page.tsx b/src/app/page.tsx index 285b7d3..c2a7172 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} /> @@ -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() { /> +
+ +
+
+
+ +
+ @@ -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" },