File tree Expand file tree Collapse file tree 5 files changed +53
-5
lines changed Expand file tree Collapse file tree 5 files changed +53
-5
lines changed Original file line number Diff line number Diff line change
1
+ import { QuoteIcon } from 'lucide-react' ;
2
+
3
+ export function AuthorQuoteMessage ( ) {
4
+ return (
5
+ < div className = "mx-auto mt-14 max-w-2xl sm:mt-20" >
6
+ < div className = "relative overflow-hidden rounded-2xl bg-gradient-to-br from-yellow-500/10 via-yellow-400/5 to-yellow-300/10 p-6 sm:p-10" >
7
+ { /* Decorative quote mark */ }
8
+ < div className = "absolute left-4 top-4 font-serif text-8xl text-yellow-500/10 sm:block hidden" >
9
+ < QuoteIcon className = "scale-x-[-1] fill-current" />
10
+ </ div >
11
+
12
+ < div className = "relative" >
13
+ < p className = "mb-6 text-base sm:text-xl leading-relaxed text-zinc-200" >
14
+ As someone who has worked extensively with databases throughout my
15
+ career, I know firsthand how crucial SQL skills are. I've created
16
+ this course to share the practical knowledge that has helped me
17
+ build and scale data systems at various companies.
18
+ </ p >
19
+
20
+ < div className = "flex items-center gap-4 border-t border-yellow-500/20 pt-6" >
21
+ < img
22
+ src = "https://assets.roadmap.sh/guest/kamran-lqjta.jpeg"
23
+ alt = "Kamran Ahmed"
24
+ className = "size-14 rounded-full ring-2 ring-yellow-500/20"
25
+ />
26
+ < div >
27
+ < h3 className = "font-medium text-yellow-500" > Kamran Ahmed</ h3 >
28
+ < p className = "text-sm text-zinc-400" >
29
+ Founder roadmap.sh < span className = "mx-1 sm:inline hidden" > ·</ span >
30
+ < a
31
+ href = "https://twitter.com/kamrify"
32
+ target = "_blank"
33
+ rel = "noopener noreferrer"
34
+ className = "ml-0.5 text-yellow-500/80 underline underline-offset-4 hover:text-yellow-500"
35
+ >
36
+ @kamrify
37
+ </ a >
38
+ </ p >
39
+ </ div >
40
+ </ div >
41
+ </ div >
42
+ </ div >
43
+ </ div >
44
+ ) ;
45
+ }
Original file line number Diff line number Diff line change @@ -199,7 +199,7 @@ export function BuyButton(props: BuyButtonProps) {
199
199
) }
200
200
</ button >
201
201
202
- { ! isLoadingPricing && ! isAlreadyEnrolled && (
202
+ { ! isLoadingPricing && (
203
203
< span className = "absolute top-full translate-y-2.5 text-sm text-yellow-400" >
204
204
Lifetime access < span className = "mx-1" > ·</ span > Free updates
205
205
</ span >
Original file line number Diff line number Diff line change @@ -3,8 +3,9 @@ export function CourseAuthor() {
3
3
< div className = "mt-8 w-full max-w-3xl space-y-4" >
4
4
< div className = "flex flex-row items-center gap-5" >
5
5
< img
6
- src = "https://github.com/kamranahmedse.png "
6
+ src = "https://assets.roadmap.sh/guest/kamran-lqjta.jpeg "
7
7
className = "size-12 rounded-full bg-yellow-500/10 md:size-16"
8
+ alt = "Kamran Ahmed"
8
9
/>
9
10
< a
10
11
href = "https://twitter.com/kamrify"
Original file line number Diff line number Diff line change @@ -33,7 +33,7 @@ export function PlatformDemo() {
33
33
src = "https://assets.roadmap.sh/guest/course-environment-87jg8.png"
34
34
alt = "Course Environment"
35
35
onClick = { ( ) => setIsZoomed ( true ) }
36
- className = "mt-20 w-full max-w-5xl rounded-xl cursor-zoom-in"
36
+ className = "mt-12 sm:mt- 20 w-full max-w-5xl rounded-xl cursor-zoom-in"
37
37
/>
38
38
</ >
39
39
) ;
Original file line number Diff line number Diff line change @@ -26,7 +26,7 @@ import { BuyButton } from './BuyButton';
26
26
import { AccountButton } from './AccountButton' ;
27
27
import { RoadmapLogoIcon } from '../ReactIcons/RoadmapLogo' ;
28
28
import { PlatformDemo } from './PlatformDemo' ;
29
-
29
+ import { AuthorQuoteMessage } from './AuthorQuoteMessage' ;
30
30
type ChapterData = {
31
31
icon : React . ReactNode ;
32
32
title : string ;
@@ -243,7 +243,7 @@ export function SQLCoursePage() {
243
243
] ;
244
244
245
245
return (
246
- < div className = "flex flex-grow flex-col items-center bg-gradient-to-b from-zinc-900 to-zinc-950 px-4 pb-52 pt-3 text-zinc-400 md:px-10 md:pt-8" >
246
+ < div className = "relative flex flex-grow flex-col items-center bg-gradient-to-b from-zinc-900 to-zinc-950 px-4 pb-52 pt-3 text-zinc-400 md:px-10 md:pt-8" >
247
247
< div className = "flex w-full items-center justify-between" >
248
248
< a
249
249
href = "https://roadmap.sh"
@@ -299,6 +299,8 @@ export function SQLCoursePage() {
299
299
</ div >
300
300
</ div >
301
301
302
+ < AuthorQuoteMessage />
303
+
302
304
< PlatformDemo />
303
305
304
306
< SectionHeader
You can’t perform that action at this time.
0 commit comments