Merge pull request #1698 from appwrite/partners-program

Partners program

src/routes/partners/(components)/benefits.svelte

@@ -5,6 +5,9 @@
     import Revenue from '../(assets)/icons/revenue.svg';
     import EarlyAccess from '../(assets)/icons/early-access.svg';
     import Discounts from '../(assets)/icons/discounts.svg';
+    import Experience from '../(assets)/icons/experience.svg';
+    import Expert from '../(assets)/icons/expert.svg';
+    import Ship from '../(assets)/icons/ship.svg';
 
     const items = [
         {
@@ -44,9 +47,30 @@
             icon: Discounts
         }
     ];
+
+    const whys = [
+        {
+            title: 'Great experience',
+            description:
+                'Appwrite is built for developers and provides a world class experience. Never worry about scaling or security again.',
+            icon: Experience
+        },
+        {
+            title: 'Ship faster',
+            description:
+                'Appwrite reduces the time and resources spent building a backend infrastructure from scratch.',
+            icon: Ship
+        },
+        {
+            title: 'Expert team',
+            description:
+                'Get support from the Appwrite team to build highly customizable applications for your clients.',
+            icon: Expert
+        }
+    ];
 </script>
 
-<div class="flex flex-col items-center pt-24 pb-24">
+<div class="border-smooth flex flex-col items-center border-b pt-24 pb-24">
     <div class="mb-20 flex flex-col gap-2 text-center">
         <span class="font-aeonik-fono tracking-loose text-micro text-primary uppercase">
             Benefits<span class="text-accent">_</span>
@@ -148,4 +172,30 @@
             </div>
         </div>
     </div>
+
+    <a href="/#become-a-partner" class="web-button is-secondary mt-20 mx-auto">Become a partner</a>
+</div>
+
+<div class="border-smooth flex flex-col items-center pt-24 pb-24">
+    <div class="mb-20 flex flex-col gap-2 text-center">
+        <h2 class="text-primary font-aeonik-pro text-title">Why Appwrite?</h2>
+    </div>
+
+    <div class="border-smooth relative w-full border-y border-dashed">
+        <div
+            class="container divide-smooth grid grid-cols-1 gap-px divide-dashed max-md:divide-y md:grid-cols-3 md:divide-x"
+        >
+            {#each whys as why}
+                <div
+                    class="bg-greyscale-900 relative flex flex-col gap-4 p-8 nth-of-type-[3]:border-none"
+                >
+                    <img src={why.icon} alt="{why.title} Icon" class="size-12" />
+                    <span class="text-primary -mb-3">{why.title}</span>
+                    <p class="text-secondary">{why.description}</p>
+                </div>
+            {/each}
+        </div>
+    </div>
+
+    <a href="/#become-a-partner" class="web-button is-secondary mt-20 mx-auto">Become a partner</a>
 </div>

src/routes/partners/(components)/submission-form.svelte

@@ -4,8 +4,8 @@
     import { classNames } from '$lib/utils/classnames';
     import { getReferrerAndUtmSource } from '$lib/utils/utm';
 
-    let personName = '';
-    let personEmail = '';
+    let name = '';
+    let email = '';
     let companyName = '';
     let companyUrl = '';
     let message = '';
@@ -18,14 +18,14 @@
         error = undefined;
         submitting = true;
 
-        const response = await fetch(`${PUBLIC_GROWTH_ENDPOINT}/conversations/partners`, {
+        const response = await fetch(`${PUBLIC_GROWTH_ENDPOINT}/conversations/partner`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
             },
             body: JSON.stringify({
-                personName,
-                personEmail,
+                name,
+                email,
                 companyName,
                 companyUrl,
                 message,
@@ -90,7 +90,7 @@
                             type="text"
                             placeholder="Walter O'Brien"
                             aria-label="Full name"
-                            bind:value={personName}
+                            bind:value={name}
                         />
                     </div>
                     <div class="flex flex-col gap-1">
@@ -101,7 +101,7 @@
                             type="email"
                             placeholder="[email protected]"
                             aria-label="Email address"
-                            bind:value={personEmail}
+                            bind:value={email}
                         />
                     </div>
 

src/routes/partners/+page.svelte

@@ -9,7 +9,6 @@
     import SubmissionForm from './(components)/submission-form.svelte';
     import Ways from './(components)/ways.svelte';
     import Why from './(components)/why.svelte';
-    import Testimonials from './(components)/testimonials.svelte';
 
     const title = 'Partners' + TITLE_SUFFIX;
     const description = DEFAULT_DESCRIPTION;
@@ -37,7 +36,6 @@
     <Hero />
     <Benefits />
     <Partners />
-    <Testimonials />
     <Ways />
     <Why />