Merge pull request #66 from appwrite/feat-docs-g2

Adds updated screenshots

Author: TorstenDittmann

src/icons/svg/microsoft.svg

@@ -135,6 +135,7 @@
 				<li><a class="aw-link" href="/blog">Blog</a></li>
 				<li><a class="aw-link" href="/community">Community</a></li>
 				<li><a class="aw-link" href="/heroes">Heroes</a></li>
+				<li><a class="aw-link" href="https://github.com/appwrite" target="_blank">Source code</a></li>
 				<li>
 					<a class="aw-link" href="https://status.appwrite.io" target="_blank">Status</a>
 				</li>

src/icons/svg/platform.svg

@@ -6,11 +6,11 @@
 
 <div class="aw-grid-1-1 u-gap-32 aw-u-row-gap-80 u-position-relative">
 	<section class="aw-hero u-flex aw-u-row-gap-32 u-main-center u-cross-center">
-		<h2 class="aw-display u-max-width-600 aw-u-text-align-center aw-u-color-text-primary">
-			Start building with Appwrite today
+		<h2 class="aw-display u-max-width-500 aw-u-text-align-center aw-u-color-text-primary">
+			Start building today
 		</h2>
 		<a href="https://cloud.appwrite.io" class="aw-button is-transparent aw-u-cross-child-center">
-			<span class="text">Get Started</span>
+			<span class="text">Start building today</span>
 		</a>
 	</section>
 	<section

src/icons/svg/rest.svg

@@ -140,7 +140,7 @@
 
 								<div class="u-flex u-gap-4 u-margin-inline-start-auto">
 									<span class="aw-kbd" aria-label="command">⌘</span>
-									<span class="aw-kbd">k</span>
+									<span class="aw-kbd">K</span>
 								</div>
 							</button>
 						</div>

src/lib/components/FooterNav.svelte

@@ -60,32 +60,33 @@
 			<slot />
 			<section class="aw-content-footer">
 				<header class="aw-content-footer-header">
-					<!-- <div class="aw-content-footer-header-start">
-						<h5 class="aw-main-body-500 aw-u-color-text-primary">Was this page helpful?</h5>
-						<div class="u-flex u-gap-8">
-							<input
-								class="aw-radio-button is-like"
-								type="radio"
-								aria-label="Helpful"
-								name="happy"
-							/>
-							<input
-								class="aw-radio-button is-dislike"
-								type="radio"
-								aria-label="UnHelpful"
-								name="happy"
-							/>
-						</div>
-					</div> -->
+					<div class="aw-content-footer-header-start">
+						<!--
+							<h5 class="aw-main-body-500 aw-u-color-text-primary">Was this page helpful?</h5>
+							<div class="u-flex u-gap-8">
+								<input
+									class="aw-radio-button is-like"
+									type="radio"
+									aria-label="Helpful"
+									name="happy"
+								/>
+								<input
+									class="aw-radio-button is-dislike"
+									type="radio"
+									aria-label="UnHelpful"
+									name="happy"
+								/>
+							</div>
+						-->
+					</div>
 					<div class="aw-content-footer-header-end">
 						<ul class="aw-metadata aw-caption-400">
 							<li>Last updated on September 27, 2023</li>
 							<li>
-								<button class="">
-									<!-- TODO: wait for implement icons in website -->
-									<span class="icon-edit" aria-hidden="true" />
+								<a href="https://github.com/appwrite/website" target="_blank" class="aw-link">
+									<span class="icon-pencil-alt u-contents" aria-hidden="true" />
 									<span>Update on GitHub</span>
-								</button>
+								</a>
 							</li>
 						</ul>
 					</div>

src/lib/components/PreFooter.svelte

@@ -71,7 +71,8 @@
 
 			<section class="aw-content-footer">
 				<header class="aw-content-footer-header u-cross-center">
-					<!-- <div class="aw-content-footer-header-start u-cross-center">
+					<div class="aw-content-footer-header-start u-cross-center">
+					<!-- 
 						<h5 class="aw-main-body-500 aw-u-color-text-primary">Was this page helpful?</h5>
 						<div class="u-flex u-gap-8">
 							<input
@@ -87,15 +88,16 @@
 								name="happy"
 							/>
 						</div>
-					</div> -->
+					-->
+					</div>
 					<div class="aw-content-footer-header-end">
 						<ul class="aw-metadata aw-caption-400">
-							<li>Last updated: July 16, 2023</li>
+							<li>Last updated on September 27, 2023</li>
 							<li>
-								<button class="u-flex u-gap-4 u-cross-baseline">
+								<a href="https://github.com/appwrite/website" target="_blank" class="aw-link u-flex u-gap-4 u-cross-baseline">
 									<span class="icon-pencil-alt u-contents" aria-hidden="true" />
 									<span>Update on GitHub</span>
-								</button>
+								</a>
 							</li>
 						</ul>
 					</div>

src/lib/layouts/Docs.svelte

@@ -323,7 +323,7 @@
 			<div class="aw-big-padding-section-level-2">
 				<div class="aw-container">
 					<div class="aw-hero">
-						<div class="aw-display aw-u-color-text-primary">Loved by our community</div>
+						<div class="aw-display aw-u-color-text-primary">Loved by developers like you</div>
 					</div>
 					<ul class="aw-multi-columns-1 aw-u-margin-block-start-80">
 						<li>
@@ -416,15 +416,15 @@
 					style:left="calc(50% - 384px + 350px)"
 				>
 					<img
-						src="/images/animations/tech.png"
+						src="/images/animations/tech-dark.png"
 						width="768"
 						height="768"
 						alt=""
 						style="position: absolute; display: block;"
 						use:fallback
 					/>
 					<spline-viewer
-						url="https://prod.spline.design/0WfvducTgy5c8aVi/scene.splinecode"
+						url="/images/animations/dark-scene.splinecode"
 						width="768"
 						height="768"
 						use:viewer
@@ -485,7 +485,7 @@
 						<section class="aw-hero is-align-start">
 							<span class="aw-badges aw-eyebrow">Scale_</span>
 							<h2 class="aw-display u-max-width-600 aw-u-color-text-primary">
-								We scale for you and your users
+								We scale for you
 							</h2>
 						</section>
 						<ul

src/lib/layouts/DocsArticle.svelte

@@ -30,7 +30,7 @@ We created a set of principles to guide us through the pricing process. We like
 
 # Affordable and accessible
 
-The above framework supports our goal to make Appwrite Cloud affordable and accessible to as many developers as possible. We worked together with developers in the Appwrite community to create a transparent and predictable pricing model. We took insights from current costs made, interviews, surveys, as well as pricing of similar products as a baseline to work towards a fair model. A model where costs should never get in the way of your ambitions, the costs are always transparent, and it is as simple for you to get started as it is to stop. With all this in mind, we believe we will build a strong trust with our community, which will eventually lead to Appwrite's growth.
+The above framework supports our goal to make Appwrite Cloud affordable and accessible to as many developers as possible. We worked together with developers in the Appwrite community to create a transparent and predictable pricing model. We took insights from current costs made, interviews, surveys, as well as pricing of similar products as a baseline to work towards a fair model. A model where costs should never get in the way of your ambitions, the costs are always transparent, and it is as simple for you to get started as it is to stop. With all this in mind, we believe we will build a strong trust with the Appwrite community, which will eventually lead to Appwrite's growth.
 
 # Pricing plans