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">Ready to transform your career?</h2>
<p className="mt-4 text-neutral-400">Join thousands of learners who are already achieving 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="/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="/contact" className="rounded-full border border-neutral-600 text-white px-6 py-3 text-sm font-medium hover:bg-neutral-700 transition-colors">
Talk to Sales
</a>
</div>
</div>
Expand Down
76 changes: 22 additions & 54 deletions apps/project-flow/src/components/ai-generated/Hero.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,70 +2,38 @@ export default function Hero() {
return (
<section className="border-b border-neutral-200 bg-white px-6 py-16 md:py-24">
<div className="mx-auto grid max-w-6xl items-center gap-12 md:grid-cols-2">
<div>
<div className="flex flex-col items-start">
<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
Exclusive Representation
</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">Dog.com</h1>
<p className="mt-5 text-lg leading-relaxed text-neutral-500">Represented exclusively by Matthew Lifschultz</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"
>
Start learning free
<span>&rarr;</span>
<a href="/signup" className="rounded-full bg-neutral-900 px-6 py-3 text-sm font-medium text-white hover:bg-neutral-800 transition-colors">
Get Started
</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>
Watch demo
<a href="/login" 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">
Contact Sales
</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">
50,000+ students already enrolled
<div className="mt-12 flex items-center gap-4">
<span className="text-sm text-neutral-400">Protected by</span>
<a href="https://altcha.org/" className="ml-2 text-neutral-500 hover:underline">
ALTCHA
</a>
</div>
<div className="mt-8 flex flex-col gap-2">
<span className="inline-block text-xs font-medium bg-neutral-100 px-3 py-1 rounded-full text-neutral-600">
Available for purchase, lease, JV or partnership
</span>
<h2 className="mt-1 text-xl font-bold text-neutral-900">Dog.com</h2>
<p className="mt-1 text-neutral-500">• • •</p>
<p className="mt-1 text-neutral-400 text-sm">© 2023 Dog.com. All rights reserved.</p>
</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>
<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>
))}
</div>
<div className="rounded-2xl border border-neutral-200 bg-white p-8 shadow-lg">
<div className="h-48 bg-neutral-100 rounded-2xl"></div>
</div>
</div>
</section>
Expand Down
36 changes: 18 additions & 18 deletions apps/project-flow/src/components/ai-generated/Stats.tsx
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
export default function Stats() {
const stats = [
{ value: "50K+", label: "Active students", sub: "learning daily" },
{ value: "200+", label: "Expert instructors", sub: "across disciplines" },
{ value: "98%", label: "Completion rate", sub: "industry leading" },
{ value: "4.9", label: "Average rating", sub: "from learners" },
];

return (
<section className="border-b border-neutral-200 bg-white px-6 py-16">
<div className="mx-auto grid max-w-6xl grid-cols-2 gap-8 md:grid-cols-4">
{stats.map((s) => (
<div key={s.label}>
<div className="text-3xl font-bold text-neutral-900">{s.value}</div>
<div className="mt-1 text-sm font-semibold text-neutral-900">
{s.label}
</div>
<div className="text-sm text-neutral-400">{s.sub}</div>
</div>
))}
<section className="border-b border-neutral-200 bg-white px-6 py-8">
<div className="mx-auto max-w-6xl grid grid-cols-1 sm:grid-cols-4 gap-4">
<div className="text-center">
<p className="text-neutral-500 text-sm">Active Students</p>
<p className="mt-1 text-3xl font-bold text-neutral-900">50,000+</p>
</div>
<div className="text-center">
<p className="text-neutral-500 text-sm">Expert Instructors</p>
<p className="mt-1 text-3xl font-bold text-neutral-900">200+</p>
</div>
<div className="text-center">
<p className="text-neutral-500 text-sm">Completion Rate</p>
<p className="mt-1 text-3xl font-bold text-neutral-900">98%</p>
</div>
<div className="text-center">
<p className="text-neutral-500 text-sm">Courses Available</p>
<p className="mt-1 text-3xl font-bold text-neutral-900">200+</p>
</div>
</div>
</section>
);
Expand Down