Skip to content

Commit

Permalink
Merge branch 'main' into doc-remove-redundant-article
Browse files Browse the repository at this point in the history
  • Loading branch information
@RostykL
RostykL authored Jan 26, 2025
2 parents 211b83e + 80b2390 commit 562b308
Show file tree
Hide file tree
Showing 10 changed files with 275 additions and 97 deletions.
56 changes: 40 additions & 16 deletions src/lib/components/PreFooter.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<div class="web-u-row-gap-80 relative grid gap-8 md:grid-cols-2">
<section class="web-hero flex items-center justify-center gap-y-8">
<h2 class="text-display font-aeonik-pro text-primary max-w-[500px] text-center">
Start building today
Start building with Appwrite today
</h2>
<a
href={PUBLIC_APPWRITE_DASHBOARD}
Expand All @@ -25,15 +25,15 @@
</a>
</section>
<section
class="web-card is-transparent has-border-gradient web-u-max-inline-width-584-mobile web-mx-auto-mobile web-u-inline-width-100-percent-mobile"
class="web-card is-transparent has-border-gradient web-u-max-inline-width-584-mobile web-mx-auto-mobile web-u-inline-width-100-percent-mobile p-8!"
>
<header class="web-strip-plans-header">
<div class="web-strip-plans-header-wrapper web-u-row-gap-24">
<h3 class="text-title font-aeonik-pro text-primary">Our plans</h3>
</div>
</header>

<ul class="web-strip-plans">
<ul class="web-strip-plans -mt-8">
<li class="web-strip-plans-item web-strip-plans-container-query">
<div class="web-strip-plans-item-wrapper">
<div class="web-strip-plans-plan">
Expand Down Expand Up @@ -61,9 +61,17 @@
<li class="web-strip-plans-item web-strip-plans-container-query">
<div class="web-strip-plans-item-wrapper">
<div class="web-strip-plans-plan">
<h4 class="title text-description">Pro</h4>
<div class="text-title font-aeonik-pro text-primary">$15</div>
<div class="info text-caption font-medium">per member/month</div>
<div class="flex gap-3">
<h4 class="title text-description">Pro</h4>
<div class="web-inline-tag is-pink text-sub-body">Most popular</div>
</div>
<div class="mt-4 flex flex-col">
<span>From</span>
<div class="flex items-end gap-2">
<div class="text-title font-aeonik-pro text-primary">$15</div>
<div class="info text-caption font-medium">/month</div>
</div>
</div>
</div>
<p class="web-strip-plans-info text-caption font-medium">
For production applications that need powerful functionality and resources
Expand All @@ -89,9 +97,14 @@
<li class="web-strip-plans-item web-strip-plans-container-query">
<div class="web-strip-plans-item-wrapper">
<div class="web-strip-plans-plan">
<h4 class="title text-description">Scale</h4>
<div class="text-title font-aeonik-pro text-primary">$599</div>
<div class="info text-caption font-medium">per org/month</div>
<h4 class="text-description text-primary">Scale</h4>
<div class="mt-4 flex flex-col">
<span>From</span>
<div class="flex items-end gap-2">
<div class="text-title font-aeonik-pro text-primary">$599</div>
<div class="info text-caption font-medium">/month</div>
</div>
</div>
</div>
<p class="web-strip-plans-info text-caption font-medium">
For teams that handle more complex and large projects and need more control
Expand All @@ -116,18 +129,29 @@
<li class="web-strip-plans-item web-strip-plans-container-query">
<div class="web-strip-plans-item-wrapper">
<div class="web-strip-plans-plan">
<h4 class="title web-description">Enterprise</h4>
<div class="web-title web-u-color-text-primary">Custom</div>
<div class="info web-caption-500">per org/month</div>
<h4 class="text-description text-primary">Enterprise</h4>
<div class="mt-4 flex flex-col">
<div class="flex items-end gap-2">
<div class="text-title font-aeonik-pro text-primary">Custom</div>
</div>
</div>
</div>
<p class="web-strip-plans-info web-caption-500">
<p class="web-strip-plans-info text-caption font-medium">
For enterprises that need more power and premium support.
</p>
<a
href="/contact-us/enterprise"
class="web-button is-secondary is-full-width-mobile web-u-cross-child-end"
href={`${PUBLIC_APPWRITE_DASHBOARD}/console?type=create&plan=tier-2`}
class="web-button is-full-width-mobile web-u-cross-child-end"
target="_blank"
rel="noopener noreferrer"
on:click={() =>
trackEvent({
plausible: {
name: 'Get started Scale plan'
}
})}
>
<span class="text">Contact us</span>
<span class="text">Start building</span>
</a>
</div>
</li>
Expand Down
16 changes: 16 additions & 0 deletions src/routes/partners/(assets)/icons/experience.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions src/routes/partners/(assets)/icons/expert.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 27 additions & 0 deletions src/routes/partners/(assets)/icons/ship.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 51 additions & 1 deletion src/routes/partners/(components)/benefits.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 = [
{
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
14 changes: 7 additions & 7 deletions src/routes/partners/(components)/submission-form.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 = '';
Expand All @@ -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,
Expand Down Expand Up @@ -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">
Expand All @@ -101,7 +101,7 @@
type="email"
placeholder="[email protected]"
aria-label="Email address"
bind:value={personEmail}
bind:value={email}
/>
</div>

Expand Down
2 changes: 0 additions & 2 deletions src/routes/partners/+page.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -37,7 +36,6 @@
<Hero />
<Benefits />
<Partners />
<Testimonials />
<Ways />
<Why />

Expand Down
Loading

0 comments on commit 562b308

Please sign in to comment.