diff --git a/src/App.css b/src/App.css index 21bc361..28089b7 100644 --- a/src/App.css +++ b/src/App.css @@ -1178,29 +1178,6 @@ padding: 1rem 0 0; } -.study-tracks-with-sidebar { - display: grid; - grid-template-columns: 1fr 380px; - gap: 4rem; - align-items: start; - width: 100%; -} - -.study-tracks-main { - min-width: 0; -} - -.study-signup-sidebar { - position: sticky; - top: 5.75rem; - background: rgba(20, 20, 18, 0.92); - border: 1px solid rgba(201, 168, 76, 0.2); - border-radius: 16px; - padding: 1.5rem; - height: fit-content; - margin-left: auto; -} - #study-tracks { width: 100%; display: block; @@ -1212,48 +1189,11 @@ display: block; margin-top: 3rem; padding-top: 3rem; + padding-right: 0; border-top: 1px solid rgba(201, 168, 76, 0.15); background: linear-gradient(180deg, rgba(0,0,0,0), rgba(201, 168, 76, 0.03)); } -.study-signup-sidebar-header { - margin-bottom: 1rem; -} - -.study-signup-sidebar-label { - margin: 0 0 0.3rem; - color: var(--brand-gold); - text-transform: uppercase; - letter-spacing: 0.12em; - font-size: 0.72rem; - font-weight: 600; -} - -.study-signup-sidebar-header h3 { - margin: 0; - font-family: var(--brand-font-heading); - font-size: 1.35rem; - color: var(--brand-warm-white); -} - -.study-signup-sidebar-cards { - display: flex; - flex-direction: column; - gap: 0.8rem; -} - -.study-signup-sidebar .study-signup-why-card { - padding: 1rem; - margin: 0; -} - -.study-signup-sidebar .study-signup-why-card h4 { - margin: 0.35rem 0 0.25rem; - font-family: var(--brand-font-heading); - font-size: 0.95rem; - color: var(--brand-warm-white); -} - .study-module-header { margin-bottom: 0.85rem; } @@ -1586,20 +1526,6 @@ padding: 0.75rem 1.8rem; } - .study-course-hero-actions .btn-start-here { - flex-basis: 100%; - } - - .study-tracks-with-sidebar { - grid-template-columns: 1fr; - gap: 1.5rem; - } - - .study-signup-sidebar { - position: static; - top: auto; - } - .study-hub-flow-grid { grid-template-columns: 1fr; } diff --git a/src/colossiansStudy.tsx b/src/colossiansStudy.tsx index 6a9e2f3..9250b21 100644 --- a/src/colossiansStudy.tsx +++ b/src/colossiansStudy.tsx @@ -119,7 +119,7 @@ export function StudyLandingPage({ content }: Props) {
{firstActiveStudy && Start Learning} Browse Tracks - New here? Create a free account → + Create Account or Login
@@ -152,62 +152,29 @@ export function StudyLandingPage({ content }: Props) {
-
-
-
-

Available Now

-

Current Study Tracks

-
-
- {activeStudies.map(study => ( - -
-
-

Start Anytime

- {study.difficulty && {study.difficulty}} -
-

{study.title}

-

{study.description}

- {study.estimatedHours &&

⏱ {study.estimatedHours} hours

} -
-
-

Track Snapshot

-

{study.sections.length > 0 ? `${study.sections.length} lessons available` : 'Lessons will be published soon.'}

-

{study.sections.length > 0 ? 'Estimated pace: 1-2 lessons per week' : 'Pacing details coming with first lesson release.'}

-
- - ))} -
-
- +
+

Available Now

+

Current Study Tracks

+
+
+ {activeStudies.map(study => ( + +
+
+

Start Anytime

+ {study.difficulty && {study.difficulty}} +
+

{study.title}

+

{study.description}

+ {study.estimatedHours &&

⏱ {study.estimatedHours} hours

} +
+
+

Track Snapshot

+

{study.sections.length > 0 ? `${study.sections.length} lessons available` : 'Lessons will be published soon.'}

+

{study.sections.length > 0 ? 'Estimated pace: 1-2 lessons per week' : 'Pacing details coming with first lesson release.'}

+
+ + ))}