add home reviews

alex-fusionauth · alex-fusionauth · commit dcdecbd9e951 · 2023-10-01T17:51:52.000-04:00
diff --git a/apps/codingcatdev/src/routes/(home-partials)/(home-campaign)/HomeCampaign.svelte b/apps/codingcatdev/src/routes/(home-partials)/(home-campaign)/HomeCampaign.svelte
@@ -39,9 +39,6 @@
 							<Icon src={ArrowRight} theme="mini" class="w-6" />
 						</button>
 					</div>
-					<div>
-						<p>Join 5,000+ students and level up your skills</p>
-					</div>
 					<!-- TODO: Replace with actual users -->
 					<div class="flex">
 						<div>
@@ -87,6 +84,9 @@
 							/>
 						</div>
 					</div>
+					<div>
+						<p>Join 5,000+ students and level up your skills</p>
+					</div>
 				</div>
 			</div>
 		</div>
diff --git a/apps/codingcatdev/src/routes/(home-partials)/(home-reviews)/HomeReviews.svelte b/apps/codingcatdev/src/routes/(home-partials)/(home-reviews)/HomeReviews.svelte
@@ -0,0 +1,40 @@
+<script>
+	import { Icon } from '@steeze-ui/svelte-icon';
+	import { VideoCamera, Star } from '@steeze-ui/heroicons';
+</script>
+
+<section class="relative pt-20">
+	<div class="bg-surface-300 h-96">
+		<div class="flex gap-8 absolute top-0 -left-20">
+			<div class="bcu-card max-w-sm -rotate-2">
+				<div class="p-4 space-y-4">
+					<article>
+						<p>The CSS Animations course is phenomenal. Very beginner-friendly!</p>
+					</article>
+					<footer class="flex justify-between">
+						<a href="/course/css-animations">CSS Animations</a>
+						<Icon src={VideoCamera} theme="mini" class="w-6" />
+					</footer>
+				</div>
+			</div>
+			<div class="bcu-card max-w-sm rotate-2">
+				<div class="p-4 space-y-4">
+					<div class="flex">
+						<Icon src={Star} theme="mini" class="w-6" />
+						<Icon src={Star} theme="mini" class="w-6" />
+						<Icon src={Star} theme="mini" class="w-6" />
+						<Icon src={Star} theme="mini" class="w-6" />
+						<Icon src={Star} theme="mini" class="w-6" />
+					</div>
+					<article>
+						<p>The CSS Animations course is phenomenal. Very beginner-friendly!</p>
+					</article>
+					<footer class="flex justify-between">
+						<a href="/course/css-animations">CSS Animations</a>
+						<Icon src={VideoCamera} theme="mini" class="w-6" />
+					</footer>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
diff --git a/apps/codingcatdev/src/routes/+page.svelte b/apps/codingcatdev/src/routes/+page.svelte
@@ -1,5 +1,7 @@
 <script>
 	import HomeCampaign from './(home-partials)/(home-campaign)/HomeCampaign.svelte';
+	import HomeReviews from './(home-partials)/(home-reviews)/HomeReviews.svelte';
 </script>
 
 <HomeCampaign />
+<HomeReviews />
