diff --git a/src/components/SQLCourse/ReviewsSection.tsx b/src/components/SQLCourse/ReviewsSection.tsx index 20fad5c32..f039206a1 100644 --- a/src/components/SQLCourse/ReviewsSection.tsx +++ b/src/components/SQLCourse/ReviewsSection.tsx @@ -7,13 +7,38 @@ type Review = { name: string; role: string; rating: number; - text: string; + text: string | string[]; avatarUrl?: string; + isProminent?: boolean; + isSecondaryProminent?: boolean; }; export function ReviewsSection() { const [isExpanded, setIsExpanded] = useState(false); const reviews: Review[] = [ + { + name: 'Robin Wieruch', + role: 'Author - Multiple best-selling books', + rating: 5, + text: [ + 'Kamran has been in the **educative space for a long time**, and it shows in the way he teaches SQL: clear, structured, and straight to the point.', + "He breaks down SQL fundamentals in a way that's both **intuitive and practical**, helping you not just write queries, but truly understand how databases work.", + "Even if you've used SQL before, this **course will fill in gaps you didn't even realize you had**. Get ready to level up your database skills!", + ], + avatarUrl: 'https://assets.roadmap.sh/guest/robin.jpeg', + isProminent: true, + }, + { + name: 'William Imoh', + role: 'Founder and Data Enthusiast', + rating: 5, + text: [ + 'I found this course to be **really well thought out**. I bought this course for the advanced chapters, but I ended up learning a bunch of new things even from the beginner lessons.', + 'No matter your SQL experience, this course is **a must-have** if you want to level up your SQL and data analysis skills.', + ], + avatarUrl: 'https://assets.roadmap.sh/guest/william-imoh-sd2dk.jpg', + isProminent: true, + }, { name: 'Tomáš Janků', role: 'Software Engineer', @@ -79,6 +104,9 @@ export function ReviewsSection() { }, ]; + const prominentReviews = reviews.filter((r) => r.isProminent); + const regularReviews = reviews.filter((r) => !r.isProminent); + return (
+ {/* Prominent Reviews */} +
+
+ {prominentReviews.map((review, index) => ( +
+
+
+ {review.avatarUrl && ( + {review.name} + )} + {!review.avatarUrl && ( +
+ +
+ )} +
+

+ {review.name} +

+

{review.role}

+
+ {Array.from({ length: review.rating }).map((_, i) => ( + + ))} +
+
+
+
+ {(typeof review.text === 'string' + ? [review.text] + : review.text + ).map((text, index) => ( +

+ ))} +

+
+ ))} +
+
+
- {reviews.map((review, index) => ( + {regularReviews.map((review, index) => (
{review.avatarUrl && (