Merge version_1 into main #1
@@ -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}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user