Merge version_1 into main #1
168
src/app/page.tsx
168
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PyLearn AI"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Python with AI Intelligence"
|
||||
description="Adaptive learning paths and AI-powered coding assistance to accelerate your programming journey from beginner to expert."
|
||||
tag="Revolutionize Your Learning"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",
|
||||
imageAlt: "Python coding environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg", imageAlt: "Python coding environment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/examining-annual-report_1098-21565.jpg",
|
||||
imageAlt: "AI learning interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18931.jpg",
|
||||
imageAlt: "Double exposure of a caucasian man and Virtual reality VR headset is presumably a gamer or a hacker cracking the code into a secure network or server, with lines of code in green",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18912.jpg",
|
||||
imageAlt: "Double exposure of a caucasian man and Virtual reality VR headset is presumably a gamer or a hacker cracking the code into a secure network or server, with lines of code",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg",
|
||||
imageAlt: "Closeup of computer screen of software developer typing programming language in it startup agency. Display concept of system engineer writing source code. Scrolling text of database functions script.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/examining-annual-report_1098-21565.jpg", imageAlt: "AI learning interface"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -94,10 +69,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose PyLearn AI?"
|
||||
description={[
|
||||
"PyLearn AI uses advanced LLMs to provide real-time feedback on your code.",
|
||||
"Our curriculum adapts to your skill level, ensuring you learn at the pace that works for you.",
|
||||
"Build industry-relevant projects using modern tools.",
|
||||
]}
|
||||
"PyLearn AI uses advanced LLMs to provide real-time feedback on your code.", "Our curriculum adapts to your skill level, ensuring you learn at the pace that works for you.", "Build industry-relevant projects using modern tools."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,19 +81,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Real-time AI Feedback",
|
||||
description: "Get instant insights on your code structure and logic.",
|
||||
},
|
||||
title: "Real-time AI Feedback", description: "Get instant insights on your code structure and logic."},
|
||||
{
|
||||
icon: Code2,
|
||||
title: "Interactive Sandboxes",
|
||||
description: "Practice coding directly in your browser without setup.",
|
||||
},
|
||||
title: "Interactive Sandboxes", description: "Practice coding directly in your browser without setup."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Personalized Curricula",
|
||||
description: "Paths built for your specific learning goals and needs.",
|
||||
},
|
||||
title: "Personalized Curricula", description: "Paths built for your specific learning goals and needs."},
|
||||
]}
|
||||
title="Interactive Features"
|
||||
description="Everything you need to master Python in one place."
|
||||
@@ -135,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Active Learners",
|
||||
description: "Users mastering Python globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology-cybernetics-engineers-reviewing-lines-code-order-secure-mainframe-database-storage_482257-38975.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Active Learners", description: "Users mastering Python globally.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology-cybernetics-engineers-reviewing-lines-code-order-secure-mainframe-database-storage_482257-38975.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Code Snippets",
|
||||
description: "Problems solved via our AI engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg",
|
||||
},
|
||||
id: "m2", value: "1M+", title: "Code Snippets", description: "Problems solved via our AI engine.", imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Placement Rate",
|
||||
description: "Successfully hired students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-handshaking-agreement-background_53876-104036.jpg",
|
||||
},
|
||||
id: "m3", value: "95%", title: "Placement Rate", description: "Successfully hired students.", imageSrc: "http://img.b2bpic.net/free-photo/business-handshaking-agreement-background_53876-104036.jpg"},
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Our community is growing rapidly across the globe."
|
||||
@@ -169,23 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Chen",
|
||||
role: "Head of AI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-it-expert-pleased-after-increasing-data-security-using-laptop_482257-116333.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Chen", role: "Head of AI", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-it-expert-pleased-after-increasing-data-security-using-laptop_482257-116333.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Miller",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-editor-uses-digital-interface-design-apartment-floor-plan_482257-119122.jpg",
|
||||
},
|
||||
id: "t2", name: "David Miller", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-editor-uses-digital-interface-design-apartment-floor-plan_482257-119122.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Park",
|
||||
role: "Python Educator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Park", role: "Python Educator", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg"},
|
||||
]}
|
||||
title="Meet the Minds"
|
||||
description="Experts in AI and software engineering."
|
||||
@@ -199,40 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Junior Dev",
|
||||
testimonial: "PyLearn AI changed my career trajectory entirely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Junior Dev", testimonial: "PyLearn AI changed my career trajectory entirely.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Data Analyst",
|
||||
testimonial: "The AI feedback is like having a mentor 24/7.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Data Analyst", testimonial: "The AI feedback is like having a mentor 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Student",
|
||||
testimonial: "Best platform for learning Python from scratch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-brunette-woman-headphones-standing-with-documents-student-with-notes-workbooks_1258-189080.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Student", testimonial: "Best platform for learning Python from scratch.", imageSrc: "http://img.b2bpic.net/free-photo/image-brunette-woman-headphones-standing-with-documents-student-with-notes-workbooks_1258-189080.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Engineer",
|
||||
testimonial: "Efficient, fast, and incredibly intuitive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Engineer", testimonial: "Efficient, fast, and incredibly intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucy Wu",
|
||||
role: "Designer",
|
||||
testimonial: "Finally, a Python course that sticks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg",
|
||||
},
|
||||
id: "5", name: "Lucy Wu", role: "Designer", testimonial: "Finally, a Python course that sticks.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg"},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear from our successful community members."
|
||||
@@ -245,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need experience?",
|
||||
content: "No, our courses are designed for all levels.",
|
||||
},
|
||||
id: "f1", title: "Do I need experience?", content: "No, our courses are designed for all levels."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How does the AI work?",
|
||||
content: "It analyzes your code structure and provides suggestions.",
|
||||
},
|
||||
id: "f2", title: "How does the AI work?", content: "It analyzes your code structure and provides suggestions."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it paid?",
|
||||
content: "We offer both free introductory and premium tracks.",
|
||||
},
|
||||
id: "f3", title: "Is it paid?", content: "We offer both free introductory and premium tracks."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -271,14 +176,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to launch your programming career? Join PyLearn AI today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,25 +191,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user