diff --git a/src/components/SQLCourse/AuthorQuoteMessage.tsx b/src/components/SQLCourse/AuthorQuoteMessage.tsx new file mode 100644 index 000000000..e588f3b37 --- /dev/null +++ b/src/components/SQLCourse/AuthorQuoteMessage.tsx @@ -0,0 +1,45 @@ +import { QuoteIcon } from 'lucide-react'; + +export function AuthorQuoteMessage() { + return ( +
+
+ {/* Decorative quote mark */} +
+ +
+ +
+

+ As someone who has worked extensively with databases throughout my + career, I know firsthand how crucial SQL skills are. I've created + this course to share the practical knowledge that has helped me + build and scale data systems at various companies. +

+ +
+ Kamran Ahmed +
+

Kamran Ahmed

+

+ Founder roadmap.sh ยท + + @kamrify + +

+
+
+
+
+
+ ); +} diff --git a/src/components/SQLCourse/BuyButton.tsx b/src/components/SQLCourse/BuyButton.tsx index 1876d11de..e49f8a845 100644 --- a/src/components/SQLCourse/BuyButton.tsx +++ b/src/components/SQLCourse/BuyButton.tsx @@ -199,7 +199,7 @@ export function BuyButton(props: BuyButtonProps) { )} - {!isLoadingPricing && !isAlreadyEnrolled && ( + {!isLoadingPricing && ( Lifetime access · Free updates diff --git a/src/components/SQLCourse/CourseAuthor.tsx b/src/components/SQLCourse/CourseAuthor.tsx index ddc87af4a..55c02d963 100644 --- a/src/components/SQLCourse/CourseAuthor.tsx +++ b/src/components/SQLCourse/CourseAuthor.tsx @@ -3,8 +3,9 @@ export function CourseAuthor() {
Kamran Ahmed setIsZoomed(true)} - className="mt-20 w-full max-w-5xl rounded-xl cursor-zoom-in" + className="mt-12 sm:mt-20 w-full max-w-5xl rounded-xl cursor-zoom-in" /> ); diff --git a/src/components/SQLCourse/SQLCoursePage.tsx b/src/components/SQLCourse/SQLCoursePage.tsx index 1f5ed6ae7..277693858 100644 --- a/src/components/SQLCourse/SQLCoursePage.tsx +++ b/src/components/SQLCourse/SQLCoursePage.tsx @@ -26,7 +26,7 @@ import { BuyButton } from './BuyButton'; import { AccountButton } from './AccountButton'; import { RoadmapLogoIcon } from '../ReactIcons/RoadmapLogo'; import { PlatformDemo } from './PlatformDemo'; - +import { AuthorQuoteMessage } from './AuthorQuoteMessage'; type ChapterData = { icon: React.ReactNode; title: string; @@ -243,7 +243,7 @@ export function SQLCoursePage() { ]; return ( -
+
+ +