diff --git a/src/app/page.tsx b/src/app/page.tsx index c0cf484..71b1ff5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -61,7 +61,7 @@ export default function LandingPage() { imageAlt="Diverse people of different ages and backgrounds learning to code together in an inclusive classroom environment" mediaAnimation="blur-reveal" imagePosition="right" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} /> @@ -71,13 +71,13 @@ export default function LandingPage() { description="Programming education is the gateway to economic opportunity and innovation. Yet millions are locked out due to barriers we can dismantle. We're committed to removing obstacles and building a tech industry that reflects the diversity of the world." tag="Our Mission" tagIcon={Target} - tagAnimation="entrance-slide" + tagAnimation="slide-up" metrics={[ { value: "85%", title: "Cost is Top Barrier to Entry" }, { value: "70%", title: "Lack Mentorship & Guidance" }, { value: "40%", title: "Limited Accessibility Options" } ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2s4IYKCDluhA2n7RTwZKzsTwx/modern-illustration-of-accessible-educat-1773698381664-27b249ea.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2s4IYKCDluhA2n7RTwZKzsTwx/modern-illustration-of-accessible-educat-1773698381664-27b249ea.png" imageAlt="Modern learning environment showing diverse people using multiple learning methods including video tutorials, interactive coding, and community forums" mediaAnimation="slide-up" metricsAnimation="entrance-slide" @@ -91,7 +91,7 @@ export default function LandingPage() { description="Understanding the obstacles that keep talented people out of tech is the first step to removing them." tag="Challenges" tagIcon={AlertCircle} - tagAnimation="entrance-slide" + tagAnimation="slide-up" accordionItems={[ { id: "cost", title: "Financial Cost", content: "Quality coding bootcamps and courses can cost thousands of dollars. Many individuals from low-income backgrounds simply cannot afford the investment, even if the ROI is proven." }, { id: "mentorship", title: "Lack of Mentorship", content: "Without industry connections or mentors, beginners struggle to navigate the tech landscape. Underrepresented groups face additional barriers in accessing established networks." }, @@ -113,9 +113,9 @@ export default function LandingPage() { description="We tackle accessibility through education, technology, and community. Here's how we're making a difference." tag="Solutions" tagIcon={Lightbulb} - tagAnimation="blur-reveal" + tagAnimation="slide-up" products={[ - { id: "free-resources", name: "Free Learning Pathways", price: "$0", variant: "Always Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2s4IYKCDluhA2n7RTwZKzsTwx/modern-illustration-of-accessible-educat-1773698381664-27b249ea.png?_wi=2", imageAlt: "Illustration showing multiple learning methods including video tutorials, interactive coding exercises, and community forums" }, + { id: "free-resources", name: "Free Learning Pathways", price: "$0", variant: "Always Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2s4IYKCDluhA2n7RTwZKzsTwx/modern-illustration-of-accessible-educat-1773698381664-27b249ea.png", imageAlt: "Illustration showing multiple learning methods including video tutorials, interactive coding exercises, and community forums" }, { id: "accessible-tools", name: "Accessible Tools & Platforms", price: "Open", variant: "Built for All", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2s4IYKCDluhA2n7RTwZKzsTwx/illustration-of-accessible-coding-tools--1773698383737-1fbfd8ea.png", imageAlt: "Illustration of accessible coding tools including screen readers, keyboard-friendly IDEs, and color-blind friendly interfaces" }, { id: "mentorship", name: "Mentorship Programs", price: "Community", variant: "Connect & Grow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2s4IYKCDluhA2n7RTwZKzsTwx/illustration-showing-a-mentor-and-mentee-1773698382062-43f325f6.png", imageAlt: "Illustration showing mentor and mentee connection with one person helping another overcome obstacles" } ]} @@ -130,7 +130,7 @@ export default function LandingPage() { @@ -166,7 +166,7 @@ export default function LandingPage() { description="Get answers to common questions about coding accessibility and how to get involved." tag="Help Center" tagIcon={HelpCircle} - tagAnimation="entrance-slide" + tagAnimation="slide-up" faqs={[ { id: "1", title: "Is coding really accessible for everyone?", content: "Yes. Coding is a learnable skill for anyone with the right resources, support, and accessible tools. People of all backgrounds, abilities, and age groups have successfully learned to code." }, { id: "2", title: "Do I need expensive bootcamps to learn?", content: "No. While bootcamps can be valuable, there are thousands of free, high-quality resources available. Our platform aggregates the best free learning pathways so you don't have to search." }, @@ -175,7 +175,7 @@ export default function LandingPage() { { id: "5", title: "How can organizations support this mission?", content: "Companies and institutions can sponsor scholarships, volunteer mentors, offer internships, audit their tools for accessibility, or donate resources. Contact us to explore partnership opportunities." }, { id: "6", title: "Where do I start if I'm a complete beginner?", content: "Check out our Beginner Roadmap section. We've curated a step-by-step learning path starting with the fundamentals. Most people spend 3-6 months reaching job-ready proficiency with consistent practice." } ]} - faqsAnimation="entrance-slide" + faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} showCard={true}