diff --git a/src/app/page.tsx b/src/app/page.tsx index 9e0bbbd..378b820 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="large" - background="floatingGradient" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="shadow" secondaryButtonStyle="layered" @@ -47,7 +47,7 @@ export default function LandingPage() { tag="Start Your Journey" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/a-modern-vibrant-coding-learning-dashboa-1772978274282-c017a009.png" imageAlt="Interactive coding learning dashboard" mediaAnimation="blur-reveal" @@ -70,13 +70,16 @@ export default function LandingPage() { features={[ { id: 1, - title: "Web Development", description: "Master HTML, CSS, and JavaScript to build modern, responsive websites and web applications", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/vibrant-illustration-showcasing-web-deve-1772978273693-794ebc87.png", imageAlt: "Web development course illustration"}, + title: "Web Development", description="Master HTML, CSS, and JavaScript to build modern, responsive websites and web applications", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/vibrant-illustration-showcasing-web-deve-1772978273693-794ebc87.png", imageAlt: "Web development course illustration" + }, { id: 2, - title: "Python Programming", description: "Learn Python fundamentals and advanced concepts for data science and automation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/creative-python-programming-course-illus-1772978274489-0b1bd8ba.png", imageAlt: "Python programming course illustration"}, + title: "Python Programming", description="Learn Python fundamentals and advanced concepts for data science and automation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/creative-python-programming-course-illus-1772978274489-0b1bd8ba.png", imageAlt: "Python programming course illustration" + }, { id: 3, - title: "JavaScript Mastery", description: "Dive deep into JavaScript to create interactive and dynamic web experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/dynamic-javascript-course-illustration-w-1772978276101-183c45b3.png", imageAlt: "JavaScript course illustration"}, + title: "JavaScript Mastery", description="Dive deep into JavaScript to create interactive and dynamic web experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/dynamic-javascript-course-illustration-w-1772978276101-183c45b3.png", imageAlt: "JavaScript course illustration" + }, ]} textboxLayout="default" useInvertedBackground={false} @@ -99,6 +102,7 @@ export default function LandingPage() { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/beautiful-illustration-of-a-diverse-lear-1772978274379-c61d1d1a.png" imageAlt="Diverse coding learning community" mediaAnimation="blur-reveal" + metricsAnimation="slide-up" useInvertedBackground={true} /> @@ -113,13 +117,16 @@ export default function LandingPage() { features={[ { id: 1, - title: "Choose Your Path", description: "Select from 20+ carefully curated courses tailored to your goals and experience level", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/modern-illustration-for-choose-your-path-1772978274505-7d1a832c.png", imageAlt: "Learning path selection step"}, + title: "Choose Your Path", description="Select from 20+ carefully curated courses tailored to your goals and experience level", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/modern-illustration-for-choose-your-path-1772978274505-7d1a832c.png", imageAlt: "Learning path selection step" + }, { id: 2, - title: "Learn & Practice", description: "Engage with interactive lessons, coding challenges, and real-time feedback from our AI-powered system", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/engaging-illustration-for-learn-practice-1772978274022-a0e0a89a.png", imageAlt: "Learn and practice step"}, + title: "Learn & Practice", description="Engage with interactive lessons, coding challenges, and real-time feedback from our AI-powered system", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/engaging-illustration-for-learn-practice-1772978274022-a0e0a89a.png", imageAlt: "Learn and practice step" + }, { id: 3, - title: "Build & Showcase", description: "Create real-world projects, build your portfolio, and showcase your skills to potential employers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/inspiring-illustration-for-build-project-1772978274669-809f4a19.png", imageAlt: "Build projects step"}, + title: "Build & Showcase", description="Create real-world projects, build your portfolio, and showcase your skills to potential employers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/inspiring-illustration-for-build-project-1772978274669-809f4a19.png", imageAlt: "Build projects step" + }, ]} textboxLayout="default" useInvertedBackground={false} @@ -155,16 +162,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Chen", role: "Junior Developer", company: "Tech Innovations Inc", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/professional-portrait-of-a-successful-co-1772978273620-ad6b4388.png", imageAlt: "Sarah Chen testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/professional-portrait-of-a-successful-co-1772978273620-ad6b4388.png", imageAlt: "Sarah Chen testimonial" + }, { id: "2", name: "Marcus Johnson", role: "Full Stack Engineer", company: "Digital Solutions Co", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/professional-headshot-of-an-accomplished-1772978274467-e7b4e18a.png", imageAlt: "Marcus Johnson testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/professional-headshot-of-an-accomplished-1772978274467-e7b4e18a.png", imageAlt: "Marcus Johnson testimonial" + }, { id: "3", name: "Priya Patel", role: "Frontend Specialist", company: "Creative Studios", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/vibrant-portrait-of-a-diverse-coding-lea-1772978274153-960fdb21.png", imageAlt: "Priya Patel testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/vibrant-portrait-of-a-diverse-coding-lea-1772978274153-960fdb21.png", imageAlt: "Priya Patel testimonial" + }, { id: "4", name: "David Rodriguez", role: "Senior Developer", company: "Cloud Systems Ltd", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/professional-portrait-of-a-tech-professi-1772978275040-e0e94614.png", imageAlt: "David Rodriguez testimonial"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKRAUYaDLszeLQYjCJmj2Js2X/professional-portrait-of-a-tech-professi-1772978275040-e0e94614.png", imageAlt: "David Rodriguez testimonial" + }, ]} kpiItems={[ { value: "180+", label: "Hours of Content" }, @@ -186,17 +197,23 @@ export default function LandingPage() { tagAnimation="slide-up" faqs={[ { - id: "1", title: "Do I need programming experience to start?", content: "No! Our courses are designed for beginners with no prior coding experience. We start from the fundamentals and progress at a comfortable pace. Each course includes detailed explanations and hands-on practice."}, + id: "1", title: "Do I need programming experience to start?", content: "No! Our courses are designed for beginners with no prior coding experience. We start from the fundamentals and progress at a comfortable pace. Each course includes detailed explanations and hands-on practice." + }, { - id: "2", title: "How long does it take to complete a course?", content: "Course duration varies depending on the program and your pace. Most courses can be completed in 4-12 weeks with 5-10 hours of study per week. You can learn at your own pace without time pressure."}, + id: "2", title: "How long does it take to complete a course?", content: "Course duration varies depending on the program and your pace. Most courses can be completed in 4-12 weeks with 5-10 hours of study per week. You can learn at your own pace without time pressure." + }, { - id: "3", title: "Will I get a certificate after completing a course?", content: "Yes! Upon successful completion of any course, you'll receive a certificate that you can share on LinkedIn and include in your portfolio. These certificates are recognized by many employers in the tech industry."}, + id: "3", title: "Will I get a certificate after completing a course?", content: "Yes! Upon successful completion of any course, you'll receive a certificate that you can share on LinkedIn and include in your portfolio. These certificates are recognized by many employers in the tech industry." + }, { - id: "4", title: "Can I get help if I'm stuck on a problem?", content: "Absolutely! You'll have access to our community forums, peer support, and experienced mentors. We also provide detailed code solutions and explanations for every challenge in our platform."}, + id: "4", title: "Can I get help if I'm stuck on a problem?", content: "Absolutely! You'll have access to our community forums, peer support, and experienced mentors. We also provide detailed code solutions and explanations for every challenge in our platform." + }, { - id: "5", title: "What if I don't like the course?", content: "We offer a 30-day money-back guarantee. If you're not satisfied with your purchase, you can request a full refund. We're confident you'll love the experience, but we want you to feel completely secure in your choice."}, + id: "5", title: "What if I don't like the course?", content: "We offer a 30-day money-back guarantee. If you're not satisfied with your purchase, you can request a full refund. We're confident you'll love the experience, but we want you to feel completely secure in your choice." + }, { - id: "6", title: "Are there any job opportunities after completing courses?", content: "Yes! We partner with hundreds of tech companies and provide job placement assistance. Our alumni have successfully landed positions at startups and Fortune 500 companies worldwide."}, + id: "6", title: "Are there any job opportunities after completing courses?", content: "Yes! We partner with hundreds of tech companies and provide job placement assistance. Our alumni have successfully landed positions at startups and Fortune 500 companies worldwide." + }, ]} textboxLayout="default" useInvertedBackground={false}