diff --git a/src/app/learn/page.tsx b/src/app/learn/page.tsx index 2697565..819fd43 100644 --- a/src/app/learn/page.tsx +++ b/src/app/learn/page.tsx @@ -19,8 +19,7 @@ const navItems = [ const footerColumns = [ { - title: "Learning", - items: [ + title: "Learning", items: [ { label: "Tutorials", href: "/learn" }, { label: "Algorithms", href: "/learn" }, { label: "Game Dev", href: "/learn" }, @@ -28,8 +27,7 @@ const footerColumns = [ ], }, { - title: "Community", - items: [ + title: "Community", items: [ { label: "Projects", href: "/projects" }, { label: "Forum", href: "#" }, { label: "Mentors", href: "#" }, @@ -37,8 +35,7 @@ const footerColumns = [ ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "/contact" }, @@ -55,7 +52,7 @@ export default function LearnPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmall" - background="fluid" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -75,25 +72,19 @@ export default function LearnPage() { useInvertedBackground={false} bulletPoints={[ { - title: "Web Development Fundamentals", - description: - "Master HTML, CSS, JavaScript, and modern frameworks like React. Build responsive websites and progressive web apps from scratch.", - icon: Code, + title: "Web Development Fundamentals", description: + "Master HTML, CSS, JavaScript, and modern frameworks like React. Build responsive websites and progressive web apps from scratch.", icon: Code, }, { - title: "Game Development Track", - description: - "Learn 2D and 3D game development using industry-standard engines. Create engaging games with physics, animations, and multiplayer features.", - icon: BookOpen, + title: "Game Development Track", description: + "Learn 2D and 3D game development using industry-standard engines. Create engaging games with physics, animations, and multiplayer features.", icon: BookOpen, }, { - title: "Algorithms & Data Structures", - description: - "Deep dive into algorithms with interactive visualizations. Master sorting, searching, pathfinding, and dynamic programming with hands-on practice.", - icon: Zap, + title: "Algorithms & Data Structures", description: + "Deep dive into algorithms with interactive visualizations. Master sorting, searching, pathfinding, and dynamic programming with hands-on practice.", icon: Zap, }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png?_wi=3" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png" imageAlt="Learning resources interface" mediaAnimation="slide-up" imagePosition="right" @@ -112,32 +103,17 @@ export default function LearnPage() { useInvertedBackground="noInvert" features={[ { - id: "1", - title: "Interactive Tutorials", - description: - "Learn through engaging video tutorials combined with interactive code challenges. Type code directly in the browser and see results instantly.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png?_wi=4", - imageAlt: "Interactive tutorial interface", - }, + id: "1", title: "Interactive Tutorials", description: + "Learn through engaging video tutorials combined with interactive code challenges. Type code directly in the browser and see results instantly.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png", imageAlt: "Interactive tutorial interface"}, { - id: "2", - title: "Real-World Projects", - description: - "Every course includes capstone projects that mirror real-world challenges. Build portfolio-worthy projects you can showcase to employers.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=15", - imageAlt: "Portfolio projects", - }, + id: "2", title: "Real-World Projects", description: + "Every course includes capstone projects that mirror real-world challenges. Build portfolio-worthy projects you can showcase to employers.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Portfolio projects"}, { - id: "3", - title: "Expert Code Reviews", - description: - "Submit your projects for detailed code reviews from experienced developers. Get personalized feedback and learn industry best practices.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png?_wi=5", - imageAlt: "Code review process", - }, + id: "3", title: "Expert Code Reviews", description: + "Submit your projects for detailed code reviews from experienced developers. Get personalized feedback and learn industry best practices.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png", imageAlt: "Code review process"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -158,41 +134,23 @@ export default function LearnPage() { animationType="smooth" faqs={[ { - id: "1", - title: "Do I need prior coding experience?", - content: - "No! Our beginner paths start from absolute zero. We teach fundamental programming concepts through clear explanations and hands-on exercises. Many students have never coded before joining.", - }, + id: "1", title: "Do I need prior coding experience?", content: + "No! Our beginner paths start from absolute zero. We teach fundamental programming concepts through clear explanations and hands-on exercises. Many students have never coded before joining."}, { - id: "2", - title: "How long does each course take?", - content: - "Course duration varies: beginner paths typically take 4-8 weeks at a comfortable pace, intermediate courses 6-12 weeks, and advanced tracks 8-16 weeks. You control your learning speed with no deadlines.", - }, + id: "2", title: "How long does each course take?", content: + "Course duration varies: beginner paths typically take 4-8 weeks at a comfortable pace, intermediate courses 6-12 weeks, and advanced tracks 8-16 weeks. You control your learning speed with no deadlines."}, { - id: "3", - title: "Can I access courses offline?", - content: - "Most video content can be downloaded for offline viewing. Code editors require internet for real-time feedback and testing, but you can download your code to work locally.", - }, + id: "3", title: "Can I access courses offline?", content: + "Most video content can be downloaded for offline viewing. Code editors require internet for real-time feedback and testing, but you can download your code to work locally."}, { - id: "4", - title: "What if I get stuck on a problem?", - content: - "You have multiple options: ask in community forums where mentors and peers help, request one-on-one mentorship (available on paid plans), or check detailed solution walkthroughs for each challenge.", - }, + id: "4", title: "What if I get stuck on a problem?", content: + "You have multiple options: ask in community forums where mentors and peers help, request one-on-one mentorship (available on paid plans), or check detailed solution walkthroughs for each challenge."}, { - id: "5", - title: "Are there prerequisites for advanced courses?", - content: - "Yes, most advanced courses require completing foundational courses first. This ensures you have the necessary knowledge to understand complex concepts. Prerequisites are clearly listed.", - }, + id: "5", title: "Are there prerequisites for advanced courses?", content: + "Yes, most advanced courses require completing foundational courses first. This ensures you have the necessary knowledge to understand complex concepts. Prerequisites are clearly listed."}, { - id: "6", - title: "Can I get a refund if I'm not satisfied?", - content: - "Yes, we offer a 30-day money-back guarantee for all paid plans. If you're not satisfied with your learning experience, just cancel and get a full refund—no questions asked.", - }, + id: "6", title: "Can I get a refund if I'm not satisfied?", content: + "Yes, we offer a 30-day money-back guarantee for all paid plans. If you're not satisfied with your learning experience, just cancel and get a full refund—no questions asked."}, ]} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index f48946a..0d9faa6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,6 +8,7 @@ import SplitAbout from "@/components/sections/about/SplitAbout"; import ProductCardThree from "@/components/sections/product/ProductCardThree"; import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import PricingCardThree from "@/components/sections/pricing/PricingCardThree"; +import FaqDouble from "@/components/sections/faq/FaqDouble"; import FooterBase from "@/components/sections/footer/FooterBase"; import Link from "next/link"; import { BookOpen, Zap, Crown, Sparkles } from "lucide-react"; @@ -22,8 +23,7 @@ const navItems = [ const footerColumns = [ { - title: "Learning", - items: [ + title: "Learning", items: [ { label: "Tutorials", href: "/learn" }, { label: "Algorithms", href: "/learn" }, { label: "Game Dev", href: "/learn" }, @@ -31,8 +31,7 @@ const footerColumns = [ ], }, { - title: "Community", - items: [ + title: "Community", items: [ { label: "Projects", href: "/projects" }, { label: "Forum", href: "#" }, { label: "Mentors", href: "#" }, @@ -40,8 +39,7 @@ const footerColumns = [ ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "/contact" }, @@ -58,7 +56,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="small" sizing="largeSmall" - background="fluid" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -73,39 +71,27 @@ export default function HomePage() { title="Learn to Code. Master the Craft. Share Your Work." description="CodeMentor is your learning hub where beginners discover the fundamentals of web development, game creation, and algorithms—while experts mentor and share their portfolio projects. A GitHub-inspired platform built for education and collaboration." tag="Join 10,000+ Developers" - background={{ variant: "fluid" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png?_wi=1" + background={{ variant: "plain" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png" imageAlt="Beginner-friendly coding dashboard interface" mediaAnimation="slide-up" imagePosition="right" testimonials={[ { - name: "Sarah Chen", - handle: "Beginner Developer, 6 months learning", - testimonial: - "I went from zero to building my first game in just 3 months with CodeMentor's structured tutorials and community support!", - rating: 5, + name: "Sarah Chen", handle: "Beginner Developer, 6 months learning", testimonial: + "I went from zero to building my first game in just 3 months with CodeMentor's structured tutorials and community support!", rating: 5, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-m-1772550853525-f3b9f269.png", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-m-1772550853525-f3b9f269.png"}, { - name: "Marcus Johnson", - handle: "Algorithm Specialist, Mentor", - testimonial: - "Teaching on CodeMentor has been rewarding. I can showcase my algorithms while helping the next generation of developers.", - rating: 5, + name: "Marcus Johnson", handle: "Algorithm Specialist, Mentor", testimonial: + "Teaching on CodeMentor has been rewarding. I can showcase my algorithms while helping the next generation of developers.", rating: 5, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-f-1772550853418-3df47c26.png", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-f-1772550853418-3df47c26.png"}, { - name: "Emma Rodriguez", - handle: "Intermediate Coder, Portfolio Builder", - testimonial: - "The portfolio feature helped me land my first junior dev job. My projects were visible to the right people!", - rating: 5, + name: "Emma Rodriguez", handle: "Intermediate Coder, Portfolio Builder", testimonial: + "The portfolio feature helped me land my first junior dev job. My projects were visible to the right people!", rating: 5, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-diverse-1772550854125-c0e5a5a4.png", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-diverse-1772550854125-c0e5a5a4.png"}, ]} buttons={[ { text: "Start Learning Free", href: "/learn" }, @@ -125,59 +111,29 @@ export default function HomePage() { useInvertedBackground="noInvert" features={[ { - id: "1", - title: "Structured Learning Paths", - description: - "Follow guided tutorials from basics to advanced topics in web development, game creation, and data structures. Learn at your own pace with hands-on exercises.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=1", - imageAlt: "Learning path structure", - }, + id: "1", title: "Structured Learning Paths", description: + "Follow guided tutorials from basics to advanced topics in web development, game creation, and data structures. Learn at your own pace with hands-on exercises.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Learning path structure"}, { - id: "2", - title: "Expert Mentorship", - description: - "Connect with experienced developers who break down complex concepts. Get code reviews, ask questions in real-time, and learn industry best practices.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png?_wi=1", - imageAlt: "Expert mentors teaching", - }, + id: "2", title: "Expert Mentorship", description: + "Connect with experienced developers who break down complex concepts. Get code reviews, ask questions in real-time, and learn industry best practices.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png", imageAlt: "Expert mentors teaching"}, { - id: "3", - title: "Build & Showcase Projects", - description: - "Create games, web apps, and algorithms directly on the platform. Build a professional portfolio that demonstrates your skills to potential employers.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=2", - imageAlt: "Project showcase gallery", - }, + id: "3", title: "Build & Showcase Projects", description: + "Create games, web apps, and algorithms directly on the platform. Build a professional portfolio that demonstrates your skills to potential employers.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Project showcase gallery"}, { - id: "4", - title: "Community Feedback", - description: - "Share your code with the community, receive constructive feedback, and learn from others' implementations. Grow faster through peer collaboration.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png?_wi=2", - imageAlt: "Community collaboration", - }, + id: "4", title: "Community Feedback", description: + "Share your code with the community, receive constructive feedback, and learn from others' implementations. Grow faster through peer collaboration.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png", imageAlt: "Community collaboration"}, { - id: "5", - title: "Gamified Progression", - description: - "Earn badges, unlock achievements, and climb leaderboards as you complete challenges. Make learning fun and stay motivated on your coding journey.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png?_wi=2", - imageAlt: "Gamification elements", - }, + id: "5", title: "Gamified Progression", description: + "Earn badges, unlock achievements, and climb leaderboards as you complete challenges. Make learning fun and stay motivated on your coding journey.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-warm-toned-interface-showing-a-beginne-1772550854168-3205e938.png", imageAlt: "Gamification elements"}, { - id: "6", - title: "Algorithm Visualizer", - description: - "Understand complex algorithms through interactive visualizations. See sorting, searching, and pathfinding algorithms in action with step-by-step explanations.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=3", - imageAlt: "Algorithm visualization", - }, + id: "6", title: "Algorithm Visualizer", description: + "Understand complex algorithms through interactive visualizations. See sorting, searching, and pathfinding algorithms in action with step-by-step explanations.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Algorithm visualization"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -196,25 +152,19 @@ export default function HomePage() { useInvertedBackground={false} bulletPoints={[ { - title: "For Beginners", - description: - "Step-by-step tutorials covering fundamental concepts like HTML, CSS, JavaScript, game development basics, and data structures—all explained by experienced mentors.", - icon: BookOpen, + title: "For Beginners", description: + "Step-by-step tutorials covering fundamental concepts like HTML, CSS, JavaScript, game development basics, and data structures—all explained by experienced mentors.", icon: BookOpen, }, { - title: "For Intermediates", - description: - "Dive deeper with advanced algorithms, game engine usage, backend development, and system design. Learn from real-world examples and portfolio projects.", - icon: Zap, + title: "For Intermediates", description: + "Dive deeper with advanced algorithms, game engine usage, backend development, and system design. Learn from real-world examples and portfolio projects.", icon: Zap, }, { - title: "For Experts", - description: - "Share your knowledge through tutorials, mentor newcomers, showcase your portfolio projects, and establish your reputation in the developer community.", - icon: Crown, + title: "For Experts", description: + "Share your knowledge through tutorials, mentor newcomers, showcase your portfolio projects, and establish your reputation in the developer community.", icon: Crown, }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png?_wi=3" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png" imageAlt="Community collaboration" mediaAnimation="slide-up" imagePosition="right" @@ -233,58 +183,28 @@ export default function HomePage() { useInvertedBackground={false} products={[ { - id: "1", - name: "2D Platformer Game Engine", - price: "Beginner", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=4", - imageAlt: "Platformer game", - initialQuantity: 1, + id: "1", name: "2D Platformer Game Engine", price: "Beginner", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Platformer game", initialQuantity: 1, }, { - id: "2", - name: "Sorting Algorithm Visualizer", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=5", - imageAlt: "Algorithm visualizer", - initialQuantity: 1, + id: "2", name: "Sorting Algorithm Visualizer", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Algorithm visualizer", initialQuantity: 1, }, { - id: "3", - name: "Real-time Chat Web App", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=6", - imageAlt: "Chat application", - initialQuantity: 1, + id: "3", name: "Real-time Chat Web App", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Chat application", initialQuantity: 1, }, { - id: "4", - name: "Maze Generator & Solver", - price: "Advanced", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=7", - imageAlt: "Maze game", - initialQuantity: 1, + id: "4", name: "Maze Generator & Solver", price: "Advanced", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Maze game", initialQuantity: 1, }, { - id: "5", - name: "AI Chess Game", - price: "Advanced", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=8", - imageAlt: "Chess game", - initialQuantity: 1, + id: "5", name: "AI Chess Game", price: "Advanced", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Chess game", initialQuantity: 1, }, { - id: "6", - name: "Full-Stack Todo Application", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=9", - imageAlt: "Todo app", - initialQuantity: 1, + id: "6", name: "Full-Stack Todo Application", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Todo app", initialQuantity: 1, }, ]} gridVariant="three-columns-all-equal-width" @@ -304,95 +224,35 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Alex Kumar, Junior Developer", - date: "Date: 15 November 2024", - title: "CodeMentor got me my first dev job!", - quote: - "I started as a complete beginner with no coding experience. Through CodeMentor's structured learning paths and the supportive mentor community, I built a strong portfolio. Within 6 months, I landed a junior developer position at a tech startup.", - tag: "Career Changer", - avatarSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-m-1772550853525-f3b9f269.png", - avatarAlt: "Alex Kumar", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=10", - imageAlt: "Success story portfolio", - }, + id: "1", name: "Alex Kumar, Junior Developer", date: "Date: 15 November 2024", title: "CodeMentor got me my first dev job!", quote: + "I started as a complete beginner with no coding experience. Through CodeMentor's structured learning paths and the supportive mentor community, I built a strong portfolio. Within 6 months, I landed a junior developer position at a tech startup.", tag: "Career Changer", avatarSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-m-1772550853525-f3b9f269.png", avatarAlt: "Alex Kumar", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Success story portfolio"}, { - id: "2", - name: "Jordan Lee, Game Developer", - date: "Date: 20 October 2024", - title: "Finally understood game development!", - quote: - "I was struggling with game mechanics until I found CodeMentor. The algorithm visualizers and step-by-step game tutorials made everything click. I've published 3 games now and got featured on the platform!", - tag: "Game Creator", - avatarSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-f-1772550853418-3df47c26.png", - avatarAlt: "Jordan Lee", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=11", - imageAlt: "Game development showcase", - }, + id: "2", name: "Jordan Lee, Game Developer", date: "Date: 20 October 2024", title: "Finally understood game development!", quote: + "I was struggling with game mechanics until I found CodeMentor. The algorithm visualizers and step-by-step game tutorials made everything click. I've published 3 games now and got featured on the platform!", tag: "Game Creator", avatarSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-young-f-1772550853418-3df47c26.png", avatarAlt: "Jordan Lee", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Game development showcase"}, { - id: "3", - name: "Patricia Santos, Senior Engineer & Mentor", - date: "Date: 05 September 2024", - title: "Rewarding to mentor the next generation", - quote: - "As an experienced developer, mentoring on CodeMentor has been incredibly fulfilling. I share complex algorithm implementations and see beginners grow into confident coders. It's a perfect platform to give back to the community.", - tag: "Expert Mentor", - avatarSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-diverse-1772550854125-c0e5a5a4.png", - avatarAlt: "Patricia Santos", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png?_wi=4", - imageAlt: "Mentoring community", - }, + id: "3", name: "Patricia Santos, Senior Engineer & Mentor", date: "Date: 05 September 2024", title: "Rewarding to mentor the next generation", quote: + "As an experienced developer, mentoring on CodeMentor has been incredibly fulfilling. I share complex algorithm implementations and see beginners grow into confident coders. It's a perfect platform to give back to the community.", tag: "Expert Mentor", avatarSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-diverse-1772550854125-c0e5a5a4.png", avatarAlt: "Patricia Santos", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-vibrant-illustration-of-diverse-coders-1772550854259-cd7b443e.png", imageAlt: "Mentoring community"}, { - id: "4", - name: "Michael Zhang, Data Scientist", - date: "Date: 12 August 2024", - title: "Deep dive into algorithms changed my career", - quote: - "The algorithm courses and visualizers helped me master data structures. I transitioned from web development to data science. CodeMentor's structured approach made learning complex topics manageable and fun.", - tag: "Algorithm Expert", - avatarSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-female--1772550853670-3de21755.png", - avatarAlt: "Michael Zhang", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=12", - imageAlt: "Algorithm implementations", - }, + id: "4", name: "Michael Zhang, Data Scientist", date: "Date: 12 August 2024", title: "Deep dive into algorithms changed my career", quote: + "The algorithm courses and visualizers helped me master data structures. I transitioned from web development to data science. CodeMentor's structured approach made learning complex topics manageable and fun.", tag: "Algorithm Expert", avatarSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-female--1772550853670-3de21755.png", avatarAlt: "Michael Zhang", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Algorithm implementations"}, { - id: "5", - name: "Sophie Blake, Intermediate Developer", - date: "Date: 22 July 2024", - title: "Community feedback improved my code quality", - quote: - "Sharing my projects on CodeMentor and getting feedback from experienced developers dramatically improved my coding skills. I learned best practices I never would have discovered alone.", - tag: "Growth Focused", - avatarSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-male-ga-1772550855662-f73d4b84.png", - avatarAlt: "Sophie Blake", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=13", - imageAlt: "Code review showcase", - }, + id: "5", name: "Sophie Blake, Intermediate Developer", date: "Date: 22 July 2024", title: "Community feedback improved my code quality", quote: + "Sharing my projects on CodeMentor and getting feedback from experienced developers dramatically improved my coding skills. I learned best practices I never would have discovered alone.", tag: "Growth Focused", avatarSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-male-ga-1772550855662-f73d4b84.png", avatarAlt: "Sophie Blake", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Code review showcase"}, { - id: "6", - name: "David Nakamura, Full-Stack Engineer", - date: "Date: 03 June 2024", - title: "Built my portfolio, got recruited", - quote: - "The portfolio feature on CodeMentor is game-changing. My projects were visible to the right people. I got three job offers within 2 months of launching my portfolio here!", - tag: "Portfolio Success", - avatarSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-female--1772550853903-7904480c.png", - avatarAlt: "David Nakamura", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=14", - imageAlt: "Portfolio showcase", - }, + id: "6", name: "David Nakamura, Full-Stack Engineer", date: "Date: 03 June 2024", title: "Built my portfolio, got recruited", quote: + "The portfolio feature on CodeMentor is game-changing. My projects were visible to the right people. I got three job offers within 2 months of launching my portfolio here!", tag: "Portfolio Success", avatarSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/professional-portrait-photo-of-a-female--1772550853903-7904480c.png", avatarAlt: "David Nakamura", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Portfolio showcase"}, ]} /> @@ -408,59 +268,29 @@ export default function HomePage() { animationType="slide-up" plans={[ { - id: "1", - price: "Free", - name: "Starter", - buttons: [ + id: "1", price: "Free", name: "Starter", buttons: [ { text: "Start Free" }, { text: "Learn More" }, ], features: [ - "Access to beginner tutorials", - "Basic algorithm visualizations", - "Community project browsing", - "Limited portfolio projects (3)", - "Community forum access", - ], + "Access to beginner tutorials", "Basic algorithm visualizations", "Community project browsing", "Limited portfolio projects (3)", "Community forum access"], }, { - id: "2", - badge: "Most Popular", - badgeIcon: Sparkles, - price: "$19/month", - name: "Creator", - buttons: [ + id: "2", badge: "Most Popular", badgeIcon: Sparkles, + price: "$19/month", name: "Creator", buttons: [ { text: "Start Creating" }, { text: "Chat to Sales" }, ], features: [ - "All Starter features", - "Advanced algorithm courses", - "Unlimited portfolio projects", - "Expert mentorship (1 hour/month)", - "Code review access", - "Project collaboration tools", - "Priority support", - ], + "All Starter features", "Advanced algorithm courses", "Unlimited portfolio projects", "Expert mentorship (1 hour/month)", "Code review access", "Project collaboration tools", "Priority support"], }, { - id: "3", - price: "$49/month", - name: "Master", - buttons: [ + id: "3", price: "$49/month", name: "Master", buttons: [ { text: "Unlock Mastery" }, { text: "Chat to Sales" }, ], features: [ - "All Creator features", - "Unlimited expert mentorship", - "Game development advanced track", - "Backend & system design courses", - "Private project repositories", - "Career coaching sessions (2/month)", - "Certificate of completion", - "First access to new courses", - ], + "All Creator features", "Unlimited expert mentorship", "Game development advanced track", "Backend & system design courses", "Private project repositories", "Career coaching sessions (2/month)", "Certificate of completion", "First access to new courses"], }, ]} buttons={[{ text: "Compare Plans", href: "#faq" }]} @@ -480,77 +310,41 @@ export default function HomePage() { animationType="smooth" faqs={[ { - id: "1", - title: "Who should join CodeMentor?", - content: - "CodeMentor is designed for anyone passionate about coding—whether you're a complete beginner taking your first steps into programming, an intermediate developer looking to sharpen your skills, or an experienced expert who wants to mentor and showcase your work. Our structured learning paths accommodate all levels.", - }, + id: "1", title: "Who should join CodeMentor?", content: + "CodeMentor is designed for anyone passionate about coding—whether you're a complete beginner taking your first steps into programming, an intermediate developer looking to sharpen your skills, or an experienced expert who wants to mentor and showcase your work. Our structured learning paths accommodate all levels."}, { - id: "2", - title: "How do I get started with learning?", - content: - "Sign up for free and browse our beginner tutorials. Start with the 'Web Fundamentals' or 'Game Development Basics' paths. Each tutorial includes interactive exercises and video explanations. You can learn at your own pace with no time restrictions.", - }, + id: "2", title: "How do I get started with learning?", content: + "Sign up for free and browse our beginner tutorials. Start with the 'Web Fundamentals' or 'Game Development Basics' paths. Each tutorial includes interactive exercises and video explanations. You can learn at your own pace with no time restrictions."}, { - id: "3", - title: "Can I build games on CodeMentor?", - content: - "Absolutely! We offer comprehensive game development courses covering 2D games, game engines, physics, and game mechanics. You can build games using JavaScript, Python, or popular game engines. All your projects are stored in your portfolio for easy sharing.", - }, + id: "3", title: "Can I build games on CodeMentor?", content: + "Absolutely! We offer comprehensive game development courses covering 2D games, game engines, physics, and game mechanics. You can build games using JavaScript, Python, or popular game engines. All your projects are stored in your portfolio for easy sharing."}, { - id: "4", - title: "How does the mentorship work?", - content: - "Mentors are experienced developers who volunteer their time to help learners. You can ask questions in forums, request code reviews, or book 1-on-1 mentorship sessions (available with Creator and Master plans). Mentors provide guidance on concepts, best practices, and project feedback.", - }, + id: "4", title: "How does the mentorship work?", content: + "Mentors are experienced developers who volunteer their time to help learners. You can ask questions in forums, request code reviews, or book 1-on-1 mentorship sessions (available with Creator and Master plans). Mentors provide guidance on concepts, best practices, and project feedback."}, { - id: "5", - title: "What makes your algorithm courses special?", - content: - "Our algorithm courses include interactive visualizers where you can watch sorting, searching, and pathfinding algorithms in action. See exactly how each step works, modify parameters, and understand the time/space complexity. Learning becomes visual and intuitive.", - }, + id: "5", title: "What makes your algorithm courses special?", content: + "Our algorithm courses include interactive visualizers where you can watch sorting, searching, and pathfinding algorithms in action. See exactly how each step works, modify parameters, and understand the time/space complexity. Learning becomes visual and intuitive."}, { - id: "6", - title: "Can I share my projects publicly?", - content: - "Yes! Build your portfolio on CodeMentor and share your projects with the community. Other developers can view your work, provide feedback, and even recruiters can discover your projects. It's like GitHub but focused on learning and mentorship.", - }, + id: "6", title: "Can I share my projects publicly?", content: + "Yes! Build your portfolio on CodeMentor and share your projects with the community. Other developers can view your work, provide feedback, and even recruiters can discover your projects. It's like GitHub but focused on learning and mentorship."}, { - id: "7", - title: "Is the free plan actually useful?", - content: - "Definitely. The free plan gives you access to beginner tutorials, community projects, and algorithm visualizations. You can learn the fundamentals, build basic projects, and participate in the community. Paid plans unlock advanced courses and mentorship.", - }, + id: "7", title: "Is the free plan actually useful?", content: + "Definitely. The free plan gives you access to beginner tutorials, community projects, and algorithm visualizations. You can learn the fundamentals, build basic projects, and participate in the community. Paid plans unlock advanced courses and mentorship."}, { - id: "8", - title: "How can I become a mentor?", - content: - "If you have 2+ years of professional experience or significant expertise in a specific area (algorithms, game development, web development), apply to become a mentor. We'll review your application and onboard you to start helping learners in your area of expertise.", - }, + id: "8", title: "How can I become a mentor?", content: + "If you have 2+ years of professional experience or significant expertise in a specific area (algorithms, game development, web development), apply to become a mentor. We'll review your application and onboard you to start helping learners in your area of expertise."}, { - id: "9", - title: "Do you provide certificates?", - content: - "Master plan subscribers receive certificates of completion for each course they finish. These certificates are recognized in the dev community and can be added to your resume and LinkedIn profile.", - }, + id: "9", title: "Do you provide certificates?", content: + "Master plan subscribers receive certificates of completion for each course they finish. These certificates are recognized in the dev community and can be added to your resume and LinkedIn profile."}, { - id: "10", - title: "Can I cancel my subscription anytime?", - content: - "Yes, absolutely. There are no long-term commitments. Cancel your subscription anytime without penalties. If you cancel, you'll retain access to any free content and can re-upgrade whenever you want.", - }, + id: "10", title: "Can I cancel my subscription anytime?", content: + "Yes, absolutely. There are no long-term commitments. Cancel your subscription anytime without penalties. If you cancel, you'll retain access to any free content and can re-upgrade whenever you want."}, { - id: "11", - title: "What programming languages do you cover?", - content: - "We cover JavaScript, Python, Java, C++, and C#. Our courses focus on web development (JS), data structures & algorithms (Python/Java), and game development (C#/JavaScript). We also teach fundamental concepts that apply to all languages.", - }, + id: "11", title: "What programming languages do you cover?", content: + "We cover JavaScript, Python, Java, C++, and C#. Our courses focus on web development (JS), data structures & algorithms (Python/Java), and game development (C#/JavaScript). We also teach fundamental concepts that apply to all languages."}, { - id: "12", - title: "Is there a community aspect?", - content: - "Yes! CodeMentor has an active community where you can discuss projects, ask questions, share solutions, get code reviews, and participate in coding challenges. Many students form study groups and collaborate on projects together.", - }, + id: "12", title: "Is there a community aspect?", content: + "Yes! CodeMentor has an active community where you can discuss projects, ask questions, share solutions, get code reviews, and participate in coding challenges. Many students form study groups and collaborate on projects together."}, ]} /> diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx index d794209..f510788 100644 --- a/src/app/projects/page.tsx +++ b/src/app/projects/page.tsx @@ -18,8 +18,7 @@ const navItems = [ const footerColumns = [ { - title: "Learning", - items: [ + title: "Learning", items: [ { label: "Tutorials", href: "/learn" }, { label: "Algorithms", href: "/learn" }, { label: "Game Dev", href: "/learn" }, @@ -27,8 +26,7 @@ const footerColumns = [ ], }, { - title: "Community", - items: [ + title: "Community", items: [ { label: "Projects", href: "/projects" }, { label: "Forum", href: "#" }, { label: "Mentors", href: "#" }, @@ -36,8 +34,7 @@ const footerColumns = [ ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "/contact" }, @@ -54,7 +51,7 @@ export default function ProjectsPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmall" - background="fluid" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -74,85 +71,40 @@ export default function ProjectsPage() { useInvertedBackground={false} products={[ { - id: "1", - name: "2D Platformer Game Engine", - price: "Beginner", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=16", - imageAlt: "Platformer game", - initialQuantity: 1, + id: "1", name: "2D Platformer Game Engine", price: "Beginner", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Platformer game", initialQuantity: 1, }, { - id: "2", - name: "Sorting Algorithm Visualizer", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=17", - imageAlt: "Algorithm visualizer", - initialQuantity: 1, + id: "2", name: "Sorting Algorithm Visualizer", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Algorithm visualizer", initialQuantity: 1, }, { - id: "3", - name: "Real-time Chat Web App", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=18", - imageAlt: "Chat application", - initialQuantity: 1, + id: "3", name: "Real-time Chat Web App", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Chat application", initialQuantity: 1, }, { - id: "4", - name: "Maze Generator & Solver", - price: "Advanced", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=19", - imageAlt: "Maze game", - initialQuantity: 1, + id: "4", name: "Maze Generator & Solver", price: "Advanced", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Maze game", initialQuantity: 1, }, { - id: "5", - name: "AI Chess Game", - price: "Advanced", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=20", - imageAlt: "Chess game", - initialQuantity: 1, + id: "5", name: "AI Chess Game", price: "Advanced", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Chess game", initialQuantity: 1, }, { - id: "6", - name: "Full-Stack Todo Application", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=21", - imageAlt: "Todo app", - initialQuantity: 1, + id: "6", name: "Full-Stack Todo Application", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Todo app", initialQuantity: 1, }, { - id: "7", - name: "Weather Forecast Dashboard", - price: "Intermediate", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=22", - imageAlt: "Weather app", - initialQuantity: 1, + id: "7", name: "Weather Forecast Dashboard", price: "Intermediate", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Weather app", initialQuantity: 1, }, { - id: "8", - name: "Task Scheduling System", - price: "Advanced", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=23", - imageAlt: "Scheduling system", - initialQuantity: 1, + id: "8", name: "Task Scheduling System", price: "Advanced", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Scheduling system", initialQuantity: 1, }, { - id: "9", - name: "Image Gallery with Filters", - price: "Beginner", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=24", - imageAlt: "Image gallery", - initialQuantity: 1, + id: "9", name: "Image Gallery with Filters", price: "Beginner", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Image gallery", initialQuantity: 1, }, ]} gridVariant="three-columns-all-equal-width" @@ -172,32 +124,17 @@ export default function ProjectsPage() { useInvertedBackground="noInvert" features={[ { - id: "1", - title: "Web Development", - description: - "Full-stack web applications, React projects, responsive designs, and progressive web apps built by community members.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=25", - imageAlt: "Web projects", - }, + id: "1", title: "Web Development", description: + "Full-stack web applications, React projects, responsive designs, and progressive web apps built by community members.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Web projects"}, { - id: "2", - title: "Game Development", - description: - "2D and 3D games, game engines, physics simulations, and interactive entertainment created with popular game dev frameworks.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=26", - imageAlt: "Game projects", - }, + id: "2", title: "Game Development", description: + "2D and 3D games, game engines, physics simulations, and interactive entertainment created with popular game dev frameworks.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Game projects"}, { - id: "3", - title: "Algorithms & Data Structures", - description: - "Algorithm visualizers, sorting implementations, pathfinding solutions, and data structure demonstrations.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png?_wi=27", - imageAlt: "Algorithm projects", - }, + id: "3", title: "Algorithms & Data Structures", description: + "Algorithm visualizers, sorting implementations, pathfinding solutions, and data structure demonstrations.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQvoRwWfLqXpZEsXHR77A3wZh9/a-showcase-of-various-game-projects-and--1772550853839-76e4fd63.png", imageAlt: "Algorithm projects"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -218,41 +155,23 @@ export default function ProjectsPage() { animationType="smooth" faqs={[ { - id: "1", - title: "How do I submit my project?", - content: - "In your CodeMentor dashboard, click 'Upload Project' and fill in the project details. Include a clear description, GitHub repository link, and live demo URL if available. Our team reviews submissions within 48 hours.", - }, + id: "1", title: "How do I submit my project?", content: + "In your CodeMentor dashboard, click 'Upload Project' and fill in the project details. Include a clear description, GitHub repository link, and live demo URL if available. Our team reviews submissions within 48 hours."}, { - id: "2", - title: "What projects are eligible for showcasing?", - content: - "Any project completed during CodeMentor courses or inspired by course topics is eligible. Projects should demonstrate learning, include source code, and ideally have a working demo. We showcase projects of all difficulty levels.", - }, + id: "2", title: "What projects are eligible for showcasing?", content: + "Any project completed during CodeMentor courses or inspired by course topics is eligible. Projects should demonstrate learning, include source code, and ideally have a working demo. We showcase projects of all difficulty levels."}, { - id: "3", - title: "Can I showcase projects I made before CodeMentor?", - content: - "Yes! You can upload previous projects to your portfolio. However, we prioritize projects built during or directly inspired by CodeMentor's learning paths as they receive more community engagement and mentorship.", - }, + id: "3", title: "Can I showcase projects I made before CodeMentor?", content: + "Yes! You can upload previous projects to your portfolio. However, we prioritize projects built during or directly inspired by CodeMentor's learning paths as they receive more community engagement and mentorship."}, { - id: "4", - title: "Do featured projects get special benefits?", - content: - "Featured projects receive increased visibility, community feedback, and potential recruiter attention. Featured creators also get badges, higher profile visibility, and invitations to mentor others.", - }, + id: "4", title: "Do featured projects get special benefits?", content: + "Featured projects receive increased visibility, community feedback, and potential recruiter attention. Featured creators also get badges, higher profile visibility, and invitations to mentor others."}, { - id: "5", - title: "How do I get feedback on my project?", - content: - "Share your project in the community or submit for code review through your dashboard. Mentors and experienced developers will provide detailed feedback. You can also request specific focus areas for review.", - }, + id: "5", title: "How do I get feedback on my project?", content: + "Share your project in the community or submit for code review through your dashboard. Mentors and experienced developers will provide detailed feedback. You can also request specific focus areas for review."}, { - id: "6", - title: "Can I edit my project after submission?", - content: - "Yes, you can update project details, descriptions, and links anytime. Code repository changes will automatically sync. However, the featured status may reset if substantial changes are made.", - }, + id: "6", title: "Can I edit my project after submission?", content: + "Yes, you can update project details, descriptions, and links anytime. Code repository changes will automatically sync. However, the featured status may reset if substantial changes are made."}, ]} />