From 19649d016a52c3ead6e6100c87d9618256f37d96 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 12:08:33 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 66 +++++++++++++++++++++++++++++++----------------- 1 file changed, 43 insertions(+), 23 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ba59f38..36ff406 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -37,7 +37,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="mediumSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -86,18 +86,22 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - title: "Interactive Code Editor", description: "Write and test code in real-time with instant feedback and syntax highlighting", bentoComponent: "animated-bar-chart"}, + title: "Interactive Code Editor", description: "Write and test code in real-time with instant feedback and syntax highlighting", bentoComponent: "animated-bar-chart" + }, { title: "Real Projects Portfolio", description: "Build a portfolio of real-world projects that showcase your skills to employers", bentoComponent: "3d-stack-cards", items: [ { icon: Code2, - title: "Web Apps", subtitle: "Full-stack applications", detail: "Build complete web applications"}, + title: "Web Apps", subtitle: "Full-stack applications", detail: "Build complete web applications" + }, { icon: Smartphone, - title: "Mobile Dev", subtitle: "React Native & Flutter", detail: "Create cross-platform apps"}, + title: "Mobile Dev", subtitle: "React Native & Flutter", detail: "Create cross-platform apps" + }, { icon: Zap, - title: "Automation", subtitle: "Python scripts", detail: "Automate tasks efficiently"}, + title: "Automation", subtitle: "Python scripts", detail: "Automate tasks efficiently" + }, ], }, { @@ -114,12 +118,15 @@ export default function LandingPage() { exchanges: [ { userMessage: "How do I fix this async/await error?", aiResponse: - "Try wrapping your function with try/catch. This pattern helps handle promise rejections gracefully."}, + "Try wrapping your function with try/catch. This pattern helps handle promise rejections gracefully." + }, { userMessage: "Best practices for React hooks?", aiResponse: - "Follow the rules of hooks: only call them at the top level, and use them in functional components exclusively."}, + "Follow the rules of hooks: only call them at the top level, and use them in functional components exclusively." + }, ], - placeholder: "Ask the community..."}, + placeholder: "Ask the community..." + }, ]} carouselMode="buttons" animationType="blur-reveal" @@ -158,7 +165,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "Access to beginner courses", "Interactive code editor", "Community forum access", "Monthly project assignments", "Email support"], + "Access to beginner courses", "Interactive code editor", "Community forum access", "Monthly project assignments", "Email support" + ], }, { id: "professional", badge: "Professional", badgeIcon: Crown, @@ -167,7 +175,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "All Starter features", "Advanced courses & frameworks", "1-on-1 mentorship (2x/month)", "Project portfolio reviews", "Career guidance sessions", "Priority support"], + "All Starter features", "Advanced courses & frameworks", "1-on-1 mentorship (2x/month)", "Project portfolio reviews", "Career guidance sessions", "Priority support" + ], }, { id: "elite", badge: "Elite", badgeIcon: Sparkles, @@ -176,7 +185,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "All Professional features", "Unlimited mentorship sessions", "Interview preparation coaching", "Job placement assistance", "Industry expert workshops", "Lifetime course access", "24/7 priority support"], + "All Professional features", "Unlimited mentorship sessions", "Interview preparation coaching", "Job placement assistance", "Industry expert workshops", "Lifetime course access", "24/7 priority support" + ], }, ]} carouselMode="buttons" @@ -197,19 +207,23 @@ export default function LandingPage() { { id: "1", title: "From Zero to Junior Developer", quote: "Rynapse gave me the structured learning path and mentorship I needed. Within 6 months, I landed my first dev job. The community and real projects made all the difference.", name: "Alex Chen", role: "Junior Full-Stack Developer", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-young-profess-1772971599338-c6445835.png", imageAlt: "Alex Chen, Junior Full-Stack Developer"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-young-profess-1772971599338-c6445835.png", imageAlt: "Alex Chen, Junior Full-Stack Developer" + }, { id: "2", title: "Career Acceleration", quote: "The professional mentorship and interview prep were game-changers. I went from struggling with algorithms to confidently passing FAANG interviews in just 4 months.", name: "Maria Rodriguez", role: "Software Engineer at Google", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-woman-in-tech-1772971598865-cbdc4c4b.png", imageAlt: "Maria Rodriguez, Software Engineer at Google"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-woman-in-tech-1772971598865-cbdc4c4b.png", imageAlt: "Maria Rodriguez, Software Engineer at Google" + }, { id: "3", title: "Building Real Skills", quote: "What sets Rynapse apart is the focus on real projects. I didn't just learn theory—I built things that are now in my portfolio and impressing employers.", name: "James Liu", role: "Full-Stack Developer at Startup", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-mid-career-de-1772971599322-b9b9d284.png", imageAlt: "James Liu, Full-Stack Developer"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-mid-career-de-1772971599322-b9b9d284.png", imageAlt: "James Liu, Full-Stack Developer" + }, { id: "4", title: "Supportive Learning Community", quote: "The community support and peer learning were incredible. Everyone cheers each other on. I've made lasting friendships while learning to code.", name: "Sophie Laurent", role: "Frontend Developer at Tech Startup", imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-diverse-tech--1772971598670-1dbec5bb.png", imageAlt: "Sophie Laurent, Frontend Developer"}, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/professional-headshot-of-a-diverse-tech--1772971598670-1dbec5bb.png", imageAlt: "Sophie Laurent, Frontend Developer" + }, ]} textboxLayout="default" useInvertedBackground={false} @@ -225,27 +239,33 @@ export default function LandingPage() { tagAnimation="slide-up" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Af6x4z1WKkUdsL1osUyCY2Nbdw/a-helpful-illustration-showing-a-mentor--1772971599985-55f4b886.png" imageAlt="Mentor helping student understand coding concepts" - mediaAnimation="fade" + mediaAnimation="opacity" mediaPosition="right" faqs={[ { id: "1", title: "Do I need programming experience to start?", content: - "No! Our courses start from the absolute basics. We begin with fundamental concepts and gradually build your skills. Whether you're brand new or transitioning careers, we have a path for you."}, + "No! Our courses start from the absolute basics. We begin with fundamental concepts and gradually build your skills. Whether you're brand new or transitioning careers, we have a path for you." + }, { id: "2", title: "How much time should I dedicate to learning?", content: - "We recommend 10-15 hours per week for optimal learning progress. However, our self-paced curriculum allows you to learn at your own speed. Many students balance learning with work or other commitments."}, + "We recommend 10-15 hours per week for optimal learning progress. However, our self-paced curriculum allows you to learn at your own speed. Many students balance learning with work or other commitments." + }, { id: "3", title: "Will I get job placement assistance?", content: - "Yes! Our Professional and Elite plans include career guidance and job placement assistance. We connect you with employers, help with resume reviews, and prepare you for interviews."}, + "Yes! Our Professional and Elite plans include career guidance and job placement assistance. We connect you with employers, help with resume reviews, and prepare you for interviews." + }, { id: "4", title: "What programming languages do you teach?", content: - "We offer courses in Python, JavaScript, React, Node.js, TypeScript, SQL, HTML/CSS, and more. Our curriculum is constantly updated to reflect industry demands."}, + "We offer courses in Python, JavaScript, React, Node.js, TypeScript, SQL, HTML/CSS, and more. Our curriculum is constantly updated to reflect industry demands." + }, { id: "5", title: "Can I get a refund if I'm not satisfied?", content: - "Yes. We offer a 14-day money-back guarantee on all subscription plans. If you're not satisfied with Rynapse, simply request a refund within 14 days of your purchase."}, + "Yes. We offer a 14-day money-back guarantee on all subscription plans. If you're not satisfied with Rynapse, simply request a refund within 14 days of your purchase." + }, { id: "6", title: "Is mentorship really one-on-one?", content: - "Yes! In our Professional plan, you get 2 dedicated 1-on-1 mentorship sessions per month with experienced developers. Elite members get unlimited sessions."}, + "Yes! In our Professional plan, you get 2 dedicated 1-on-1 mentorship sessions per month with experienced developers. Elite members get unlimited sessions." + }, ]} faqsAnimation="slide-up" textboxLayout="default" @@ -261,7 +281,7 @@ export default function LandingPage() { { text: "Start Your Journey", href: "https://rynapse.com/signup" }, { text: "Book a Demo", href: "https://calendly.com/rynapse" }, ]} - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> -- 2.49.1