Rate screenshots update

content/apps/rate.md

@@ -7,7 +7,10 @@ preview:
   [
     'https://ark-builders.github.io/website2/images/apps/rate/blog1.png',
     'https://ark-builders.github.io/website2/images/apps/rate/blog2.png',
-    'https://ark-builders.github.io/website2/images/apps/rate/blog3.png'
+    'https://ark-builders.github.io/website2/images/apps/rate/blog3.png',
+    'https://ark-builders.github.io/website2/images/apps/rate/blog4.png',
+    'https://ark-builders.github.io/website2/images/apps/rate/blog5.png',
+    'https://ark-builders.github.io/website2/images/apps/rate/blog6.png'
   ]
 github: https://github.com/ARK-Builders/ARK-Rate
 ---

src/lib/components/elements/AppsCard.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { base } from '$app/paths'
 	import MemoImage1 from '$lib/assets/images/apps/memo/1.png'
-	import { appLogos } from '$utils/constants'
+	import { appLogos, type App } from '$utils/constants'
 
-	export let app: any
+	export let app: App
 </script>
 
 <div class="flex flex-col gap-3 rounded-xl bg-arkGray5 p-5">

src/lib/components/sections/OurApps.svelte

@@ -5,6 +5,9 @@
 	import RateImage1 from '$lib/assets/images/apps/rate/1.png'
 	import RateImage2 from '$lib/assets/images/apps/rate/2.png'
 	import RateImage3 from '$lib/assets/images/apps/rate/3.png'
+	import RateImage4 from '$lib/assets/images/apps/rate/4.png'
+	import RateImage5 from '$lib/assets/images/apps/rate/5.png'
+	import RateImage6 from '$lib/assets/images/apps/rate/6.png'
 	import MemoImage1 from '$lib/assets/images/apps/memo/1.png'
 	import MemoImage2 from '$lib/assets/images/apps/memo/2.png'
 	import MemoImage3 from '$lib/assets/images/apps/memo/3.png'
@@ -19,6 +22,9 @@
 		rate1: RateImage1,
 		rate2: RateImage2,
 		rate3: RateImage3,
+		rate4: RateImage4,
+		rate5: RateImage5,
+		rate6: RateImage6,
 		memo1: MemoImage1,
 		memo2: MemoImage2,
 		memo3: MemoImage3,

src/routes/apps/+page.server.ts

@@ -1,9 +1,9 @@
+import type { App } from '$utils/constants'
 import { getEntries } from '$utils/entries'
 import { error } from '@sveltejs/kit'
 
-/** @type {import('./$types').PageServerLoad} */
 export async function load() {
-	const apps = getEntries('apps')
+	const apps = getEntries('apps') as App[]
 	if (!apps) {
 		throw error(404, 'No app found')
 	}

src/utils/constants.ts

@@ -108,6 +108,16 @@ export const communityList = [
 export const BTC_ADDRESS = 'bc1qx8n9r4uwpgrhgnamt2uew53lmrxd8tuevp7lv5'
 export const ETH_ADDRESS = '0x9765C5aC38175BFbd2dC7a840b63e50762B80a1b'
 
+export type App = {
+	title: string
+	draft: string
+	slug: string
+	date: string
+	preview?: string[]
+	author: string
+	github: string
+}
+
 export type Blog = {
 	author: string
 	content: string