Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 6 additions & 17 deletions apps/project-flow/src/components/ai-generated/CTA.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,14 @@ export default function CTA() {
return (
<section className="bg-neutral-900 px-6 py-20">
<div className="mx-auto max-w-3xl text-center">
<h2 className="text-3xl font-bold text-white md:text-4xl">
Ready to transform your career?
</h2>
<p className="mt-4 text-neutral-400">
Join thousands of learners who are already building the future.
Start with a free trial today.
</p>
<h2 className="text-3xl font-bold text-white md:text-4xl">Transform Your Career Today</h2>
<p className="mt-4 text-neutral-400">Join thousands of learners who have already achieved their goals</p>
<div className="mt-10 flex flex-wrap items-center justify-center gap-4">
<a
href="/signup"
className="rounded-full bg-white px-6 py-3 text-sm font-medium text-neutral-900 hover:bg-neutral-100 transition-colors"
>
Get started for free
<a href="https://autonomous-test-delta.vercel.app/signup" className="rounded-full bg-white text-neutral-900 px-6 py-3 text-sm font-medium hover:bg-neutral-50 transition-colors">
Get Started
</a>
<a
href="/contact"
className="rounded-full border border-neutral-600 px-6 py-3 text-sm font-medium text-white hover:border-neutral-400 transition-colors"
>
Talk to sales
<a href="https://autonomous-test-delta.vercel.app/contact" className="rounded-full border border-neutral-600 text-white px-6 py-3 text-sm font-medium hover:bg-neutral-50 transition-colors">
Talk to Sales
</a>
</div>
</div>
Expand Down
149 changes: 51 additions & 98 deletions apps/project-flow/src/components/ai-generated/Courses.tsx
Original file line number Diff line number Diff line change
@@ -1,111 +1,64 @@
export default function Courses() {
const courses = [
{
title: "Web Development Bootcamp",
description:
"Master HTML, CSS, JavaScript, and React with hands-on projects.",
tags: [
{ label: "Development", accent: false },
{ label: "Beginner", accent: false },
],
weeks: 12,
students: "15,400",
rating: "4.9",
},
{
title: "Data Science Fundamentals",
description:
"Learn Python, statistics, and machine learning from scratch.",
tags: [
{ label: "Data Science", accent: true },
{ label: "Intermediate", accent: false },
],
weeks: 10,
students: "12,300",
rating: "4.8",
},
{
title: "UX/UI Design Mastery",
description:
"Create stunning user experiences with modern design principles.",
tags: [
{ label: "Design", accent: true },
{ label: "All Levels", accent: false },
],
weeks: 8,
students: "9,800",
rating: "4.9",
},
];

return (
<section id="courses" className="border-b border-neutral-200 bg-white px-6 py-20">
<div className="mx-auto max-w-6xl">
<div className="flex items-end justify-between">
<div>
<h2 className="text-3xl font-bold text-neutral-900">
Popular Courses
</h2>
<p className="mt-2 text-neutral-500">
Start your learning journey with our most loved courses
</p>
</div>
<a
href="/courses"
className="hidden items-center gap-1 rounded-full border border-neutral-200 px-4 py-2 text-sm font-medium text-neutral-700 hover:bg-neutral-50 transition-colors sm:inline-flex"
>
View all courses &rarr;
</a>
</div>

<h2 className="text-3xl font-bold text-neutral-900">Popular Courses</h2>
<p className="mt-2 text-neutral-500">Start your learning journey with our most loved courses</p>
<div className="mt-10 grid gap-8 sm:grid-cols-3">
{courses.map((c) => (
<div
key={c.title}
className="overflow-hidden rounded-2xl border border-neutral-200 bg-white"
>
<div className="h-48 w-full bg-neutral-100" />
<div className="p-5">
<div className="flex flex-wrap gap-2">
{c.tags.map((t) => (
<span
key={t.label}
className={`rounded-full px-3 py-1 text-xs font-medium ${
t.accent
? "bg-green-50 text-green-700"
: "bg-neutral-100 text-neutral-600"
}`}
>
{t.label}
</span>
))}
<div className="overflow-hidden rounded-2xl border border-neutral-200 bg-white">
<div className="h-48 bg-neutral-100"></div>
<div className="p-4">
<span className="inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs font-medium bg-neutral-100 text-neutral-600">Beginner</span>
<h3 className="mt-3 text-lg font-bold text-neutral-900">Web Development Bootcamp</h3>
<p className="mt-1 text-neutral-500">Master HTML, CSS, JavaScript, and React with hands-on projects.</p>
<div className="mt-6 flex items-center justify-between">
<div className="flex items-center gap-2">
<span className="text-sm text-neutral-400">12 weeks</span>
<span className="text-sm text-neutral-400">15,400</span>
<span className="text-sm text-neutral-400">4.9</span>
</div>
<button className="rounded-full bg-neutral-900 px-6 py-2 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
Enroll Now
</button>
</div>
</div>
</div>
<div className="overflow-hidden rounded-2xl border border-neutral-200 bg-white">
<div className="h-48 bg-neutral-100"></div>
<div className="p-4">
<span className="inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs font-medium bg-neutral-100 text-neutral-600">Intermediate</span>
<h3 className="mt-3 text-lg font-bold text-neutral-900">Data Science Fundamentals</h3>
<p className="mt-1 text-neutral-500">Learn Python, statistics, and machine learning from scratch.</p>
<div className="mt-6 flex items-center justify-between">
<div className="flex items-center gap-2">
<span className="text-sm text-neutral-400">10 weeks</span>
<span className="text-sm text-neutral-400">12,300</span>
<span className="text-sm text-neutral-400">4.8</span>
</div>
<h3 className="mt-3 text-lg font-bold text-neutral-900">
{c.title}
</h3>
<p className="mt-1 text-sm text-neutral-500">
{c.description}
</p>
<div className="mt-4 flex items-center gap-4 text-xs text-neutral-400">
<span className="flex items-center gap-1">
&#x1F551; {c.weeks} weeks
</span>
<span className="flex items-center gap-1">
&#x1F464; {c.students}
</span>
<span className="flex items-center gap-1 text-orange-500 font-medium">
&#x2B50; {c.rating}
</span>
<button className="rounded-full bg-neutral-900 px-6 py-2 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
Enroll Now
</button>
</div>
</div>
</div>
<div className="overflow-hidden rounded-2xl border border-neutral-200 bg-white">
<div className="h-48 bg-neutral-100"></div>
<div className="p-4">
<span className="inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs font-medium bg-neutral-100 text-neutral-600">All Levels</span>
<h3 className="mt-3 text-lg font-bold text-neutral-900">UX/UI Design Mastery</h3>
<p className="mt-1 text-neutral-500">Create stunning user experiences with modern design principles.</p>
<div className="mt-6 flex items-center justify-between">
<div className="flex items-center gap-2">
<span className="text-sm text-neutral-400">8 weeks</span>
<span className="text-sm text-neutral-400">9,800</span>
<span className="text-sm text-neutral-400">4.9</span>
</div>
<a
href="/enroll"
className="mt-5 block w-full rounded-full bg-neutral-900 py-2.5 text-center text-sm font-medium text-white hover:bg-neutral-800 transition-colors"
>
<button className="rounded-full bg-neutral-900 px-6 py-2 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
Enroll Now
</a>
</button>
</div>
</div>
))}
</div>
</div>
</div>
</section>
Expand Down
71 changes: 23 additions & 48 deletions apps/project-flow/src/components/ai-generated/Features.tsx
Original file line number Diff line number Diff line change
@@ -1,56 +1,31 @@
export default function Features() {
const features = [
{
icon: "\u{1F4CB}",
title: "Interactive Courses",
description:
"Engage with hands-on projects and real-world exercises that reinforce your learning.",
},
{
icon: "\u{1F465}",
title: "Community Learning",
description:
"Connect with peers, join study groups, and collaborate on projects together.",
},
{
icon: "\u{2B07}",
title: "Verified Certificates",
description:
"Earn industry-recognized certificates to showcase your achievements.",
},
];

return (
<section
id="features"
className="border-b border-neutral-200 bg-white px-6 py-20"
>
<section id="features" className="border-b border-neutral-200 bg-white px-6 py-20">
<div className="mx-auto max-w-6xl text-center">
<h2 className="text-3xl font-bold text-neutral-900 md:text-4xl">
Everything you need to succeed
</h2>
<p className="mx-auto mt-4 max-w-2xl text-neutral-500">
Our platform provides all the tools and resources you need to master
new skills and achieve your goals.
</p>

<h2 className="text-3xl font-bold text-neutral-900 md:text-4xl">Everything you need to succeed</h2>
<p className="mx-auto mt-4 max-w-2xl text-neutral-500">Our platform provides all the tools and resources you need to master new skills and achieve your goals.</p>
<div className="mt-14 grid gap-8 sm:grid-cols-3">
{features.map((f) => (
<div
key={f.title}
className="rounded-2xl border border-neutral-200 bg-white p-8 text-left"
>
<div className="flex h-12 w-12 items-center justify-center rounded-xl border border-neutral-200 bg-white text-xl shadow-sm">
{f.icon}
</div>
<h3 className="mt-5 text-lg font-bold text-neutral-900">
{f.title}
</h3>
<p className="mt-2 text-sm leading-relaxed text-neutral-500">
{f.description}
</p>
<div className="rounded-2xl border border-neutral-200 bg-white p-8 text-left flex flex-col items-start gap-6">
<div className="flex flex-col items-center w-12 h-12 rounded-xl border border-neutral-200 bg-neutral-100">
<span className="text-xl text-green-600">📚</span>
</div>
))}
<h3 className="mt-4 text-xl font-bold text-neutral-900">Interactive Courses</h3>
<p className="mt-2 text-neutral-500">Engage with hands-on projects and real-world exercises that reinforce your learning.</p>
</div>
<div className="rounded-2xl border border-neutral-200 bg-white p-8 text-left flex flex-col items-start gap-6">
<div className="flex flex-col items-center w-12 h-12 rounded-xl border border-neutral-200 bg-neutral-100">
<span className="text-xl text-green-600">🤝</span>
</div>
<h3 className="mt-4 text-xl font-bold text-neutral-900">Community Learning</h3>
<p className="mt-2 text-neutral-500">Connect with peers, join study groups, and collaborate on projects together.</p>
</div>
<div className="rounded-2xl border border-neutral-200 bg-white p-8 text-left flex flex-col items-start gap-6">
<div className="flex flex-col items-center w-12 h-12 rounded-xl border border-neutral-200 bg-neutral-100">
<span className="text-xl text-green-600">🏆</span>
</div>
<h3 className="mt-4 text-xl font-bold text-neutral-900">Verified Certificates</h3>
<p className="mt-2 text-neutral-500">Earn industry-recognized certificates to showcase your achievements.</p>
</div>
</div>
</div>
</section>
Expand Down
69 changes: 20 additions & 49 deletions apps/project-flow/src/components/ai-generated/Hero.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,66 +5,37 @@ export default function Hero() {
<div>
<span className="inline-flex items-center gap-2 rounded-full border border-neutral-200 bg-white px-4 py-1.5 text-sm text-neutral-700 shadow-sm">
<span className="h-2 w-2 rounded-full bg-green-500" />
New courses available
New merch store now open
</span>

<h1 className="mt-6 text-4xl font-bold leading-tight tracking-tight text-neutral-900 md:text-5xl">
Learn without limits, grow without boundaries.
</h1>

<p className="mt-5 text-lg leading-relaxed text-neutral-500">
Access world-class education from top instructors. Master new
skills, advance your career, and unlock your potential with our
interactive learning platform.
</p>

<h1 className="mt-6 text-4xl font-bold leading-tight tracking-tight text-neutral-900 md:text-5xl">Learn without limits, grow without boundaries.</h1>
<p className="mt-5 text-lg leading-relaxed text-neutral-500">Access world-class education from top instructors. Master new skills, advance your career, and unlock your potential with our interactive learning platform.</p>
<div className="mt-8 flex flex-wrap items-center gap-4">
<a
href="/signup"
className="inline-flex items-center gap-2 rounded-full bg-neutral-900 px-6 py-3 text-sm font-medium text-white hover:bg-neutral-800 transition-colors"
>
<a href="https://autonomous-test-delta.vercel.app/signup" className="rounded-full bg-neutral-900 px-6 py-3 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
Start learning free
<span>&rarr;</span>
</a>
<a
href="/demo"
className="inline-flex items-center gap-2 rounded-full border border-neutral-200 bg-white px-6 py-3 text-sm font-medium text-neutral-700 hover:bg-neutral-50 transition-colors"
>
<span>&#9654;</span>
<a href="https://autonomous-test-delta.vercel.app/courses" className="rounded-full border border-neutral-200 bg-white px-6 py-3 text-sm font-medium text-neutral-700 hover:bg-neutral-50 transition-colors">
Watch demo
</a>
</div>

<div className="mt-8 flex items-center gap-3">
<div className="flex -space-x-2">
{[1, 2, 3, 4, 5].map((i) => (
<div
key={i}
className="h-8 w-8 rounded-full border-2 border-white bg-neutral-200"
/>
))}
</div>
<span className="text-sm text-neutral-500">
<div className="mt-12 flex items-center gap-8">
<div className="text-sm text-neutral-400">
50,000+ students already enrolled
</span>
</div>
<div className="text-sm text-neutral-400">
200+ expert instructors across disciplines
</div>
<div className="text-sm text-neutral-400">
98% completion rate industry leading
</div>
</div>
</div>

<div className="rounded-2xl border border-neutral-200 bg-white p-6 shadow-lg">
<h3 className="text-lg font-bold text-neutral-900">Course Progress</h3>
<div className="mt-4 flex items-center gap-3">
<div className="h-2.5 flex-1 rounded-full bg-neutral-100">
<div className="h-2.5 w-[85%] rounded-full bg-green-500" />
<div className="rounded-2xl border border-neutral-200 bg-white p-8 shadow-lg">
<div className="flex flex-col items-center gap-4">
<div className="w-20 h-20 rounded-xl border border-neutral-200 bg-neutral-100 flex items-center justify-center">
<span className="text-xl text-green-600">✓</span>
</div>
<span className="text-sm font-medium text-green-600">+85%</span>
</div>
<div className="mt-6 grid grid-cols-3 gap-4">
{["Mon", "Tue", "Wed"].map((day) => (
<div key={day} className="flex flex-col items-center gap-2">
<div className="h-20 w-full rounded-lg bg-neutral-100" />
<span className="text-xs text-neutral-400">{day}</span>
</div>
))}
<h2 className="mt-4 text-xl font-bold text-neutral-900">Interactive Courses</h2>
<p className="mt-2 text-neutral-500 text-lg">Engage with hands-on projects and real-world exercises that reinforce your learning.</p>
</div>
</div>
</div>
Expand Down
Loading