diff --git a/src/app/page.tsx b/src/app/page.tsx index 5bf4618..b729cb0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,6 @@ 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"; import { Users, Zap, @@ -89,7 +88,8 @@ export default function HomePage() { brandName="GameHub" navItems={navItems} button={{ - text: "Start Creating", href: "/contact"}} + text: "Start Creating", href: "/contact" + }} animateOnLoad={true} /> @@ -105,13 +105,16 @@ 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?_wi=1", 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?_wi=1", 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?_wi=1", imageAlt: "Game engine development setup" + }, ]} autoplayDelay={5000} showDimOverlay={true} @@ -130,7 +133,8 @@ export default function HomePage() { "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?_wi=1", imageAlt: "Real-time collaboration interface" + }, items: [ { icon: Users, text: "Invite teammates instantly" }, { icon: Zap, text: "Live code updates" }, @@ -142,7 +146,8 @@ export default function HomePage() { "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?_wi=1", imageAlt: "Programming languages supported" + }, items: [ { icon: Code, text: "10+ programming languages" }, { icon: Package, text: "Pre-configured templates" }, @@ -154,7 +159,8 @@ export default function HomePage() { "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?_wi=1", imageAlt: "Game project showcase gallery" + }, items: [ { icon: Image, text: "Beautiful project galleries" }, { icon: Play, text: "Embedded game playable previews" }, @@ -166,7 +172,8 @@ export default function HomePage() { "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?_wi=1", imageAlt: "Interactive learning dashboard" + }, items: [ { icon: BookOpen, text: "Guided learning paths" }, { icon: Award, text: "Earn achievements and badges" }, @@ -213,7 +220,8 @@ export default function HomePage() { { 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"], + "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, @@ -222,7 +230,8 @@ export default function HomePage() { { 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"], + "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, @@ -231,7 +240,8 @@ export default function HomePage() { { 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"], + "Everything in Creator", "Unlimited private projects", "Team management tools", "Private repositories", "API access for tools", "500GB storage", "Dedicated support", "Revenue share opportunities" + ], }, ]} textboxLayout="default" @@ -252,27 +262,33 @@ export default function HomePage() { { 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"}, + "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"}, + "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"}, + "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"}, + "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"}, + "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"}, + "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} @@ -288,28 +304,36 @@ export default function HomePage() { 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."}, + "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."}, + "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."}, + "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."}, + "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."}, + "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."}, + "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."}, + "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."}, + "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} @@ -325,7 +349,6 @@ export default function HomePage() { 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"