diff --git a/src/app.css b/src/app.css index b42bbdb83..0e877d4cf 100644 --- a/src/app.css +++ b/src/app.css @@ -322,7 +322,7 @@ --text-title: clamp(2rem, 5vw, 2.5rem); --text-title--line-height: clamp(2.125rem, 5.5vw, 2.75rem); --text-title--letter-spacing: var(--tracking-squeezed); - --text-title-lg: clamp(3rem, 5vw, 3.25rem); + --text-title-lg: clamp(2.85rem, 5vw, 3rem); --text-title-lg--line-height: clamp(2.75rem, 5.5vw, 3.5rem); --text-title-lg--letter-spacing: var(--tracking-squeezed); --text-display: clamp(3rem, 7vw, 4rem); diff --git a/src/icons/optimized/edge.svg b/src/icons/optimized/edge.svg index c144fae4d..72746f196 100644 --- a/src/icons/optimized/edge.svg +++ b/src/icons/optimized/edge.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/icons/svg/edge.svg b/src/icons/svg/edge.svg index 455115e10..0ebb3724c 100644 --- a/src/icons/svg/edge.svg +++ b/src/icons/svg/edge.svg @@ -1,14 +1,5 @@ - + + d="M3.07619 2.57566C3.28117 2.37086 3.59729 2.3449 3.83009 2.49851L3.92384 2.57566L7.41505 6.06687C8.26493 5.39934 9.3355 4.99948 10.5 4.99948L10.7569 5.00632C13.3987 5.14004 15.4998 7.32442 15.5 9.99948L15.4932 10.2563C15.4393 11.3213 15.0517 12.2984 14.4336 13.0854L17.9238 16.5757L18.001 16.6694C18.1547 16.9022 18.1287 17.2183 17.9238 17.4233C17.7188 17.6283 17.4028 17.6543 17.1699 17.5005L17.0762 17.4233L13.586 13.9331C12.7361 14.6009 11.6648 14.9995 10.5 14.9995L10.2432 14.9926C7.68619 14.8633 5.63624 12.8133 5.50685 10.2563L5.50001 9.99948C5.50011 8.83482 5.89864 7.76343 6.56642 6.91355L3.07619 3.42331L2.99904 3.32956C2.84545 3.0967 2.87123 2.78061 3.07619 2.57566ZM10.5 6.19968C8.40148 6.19968 6.70044 7.901 6.70021 9.99948C6.70021 12.0982 8.40133 13.7993 10.5 13.7993C12.5987 13.7992 14.2998 12.0981 14.2998 9.99948C14.2996 7.90103 12.5985 6.19972 10.5 6.19968Z" + fill="#19191C" /> \ No newline at end of file diff --git a/src/lib/components/appwrite-network/map-nav.svelte b/src/lib/components/appwrite-network/map-nav.svelte index 2d2243bbe..720047f47 100644 --- a/src/lib/components/appwrite-network/map-nav.svelte +++ b/src/lib/components/appwrite-network/map-nav.svelte @@ -20,7 +20,7 @@ let selectedTab = $state('pop-locations'); - function getDescription() { + const getDescription = () => { switch (selectedTab) { case 'pop-locations': return 'Points of presence ensure <50ms ping around the globe.'; @@ -31,7 +31,7 @@ default: return ''; } - } + };
@@ -45,8 +45,8 @@ > {#each navItems as { label, icon, value }, index} @@ -72,7 +72,7 @@ -

+

{getDescription()}

diff --git a/src/lib/components/appwrite-network/map.svelte b/src/lib/components/appwrite-network/map.svelte index 0303de689..a5a7880c2 100644 --- a/src/lib/components/appwrite-network/map.svelte +++ b/src/lib/components/appwrite-network/map.svelte @@ -9,6 +9,7 @@ handleResetActiveTooltip } from './map-tooltip.svelte'; import { createMap } from 'svg-dotted-map'; + import { Icon } from '../ui'; let activeSegment = $state('pop-locations'); let activeMarkers = $derived(pins[activeSegment as PinSegment]); @@ -79,30 +80,10 @@ const { theme = 'dark' }: Props = $props(); -
-
-
- - -
-
- -
+
+
diff --git a/src/lib/components/marketing/pullquote.svelte b/src/lib/components/marketing/pullquote.svelte index fe75a9cc3..d2ac70549 100644 --- a/src/lib/components/marketing/pullquote.svelte +++ b/src/lib/components/marketing/pullquote.svelte @@ -21,13 +21,15 @@ )} >

- “ + “ {@render children?.()} - ” + ”

{name} -
{name}, {title}
+
+ {name}, {title} +
diff --git a/src/lib/components/ui/icon/sprite/sprite.svelte b/src/lib/components/ui/icon/sprite/sprite.svelte index 022e6e438..a60f41b3e 100644 --- a/src/lib/components/ui/icon/sprite/sprite.svelte +++ b/src/lib/components/ui/icon/sprite/sprite.svelte @@ -1,507 +1,194 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/lib/components/ui/icon/types.ts b/src/lib/components/ui/icon/types.ts index f19ffc862..4a0bbb17d 100644 --- a/src/lib/components/ui/icon/types.ts +++ b/src/lib/components/ui/icon/types.ts @@ -1,64 +1 @@ -export type IconType = - | 'apple' - | 'appwrite' - | 'arrow-down' - | 'arrow-ext-link' - | 'arrow-left' - | 'arrow-right' - | 'arrow-up' - | 'bluesky' - | 'calendar' - | 'check' - | 'chevron-down' - | 'chevron-left' - | 'chevron-right' - | 'chevron-up' - | 'close' - | 'command' - | 'copy' - | 'customize' - | 'daily-dev' - | 'dark' - | 'discord' - | 'divider-vertical' - | 'download' - | 'edge' - | 'ext-link' - | 'firebase' - | 'github' - | 'google' - | 'hamburger-menu' - | 'instagram' - | 'light' - | 'linkedin' - | 'location' - | 'logout-left' - | 'logout-right' - | 'mailgun' - | 'mcp' - | 'message' - | 'microsoft' - | 'minus' - | 'nuxt' - | 'platform' - | 'play' - | 'plus' - | 'pop-locations' - | 'product-hunt' - | 'refine' - | 'regions' - | 'remix' - | 'rest' - | 'search' - | 'sendgrid' - | 'sparkle' - | 'star' - | 'system' - | 'textmagic' - | 'ticket' - | 'tiktok' - | 'twitter' - | 'vue' - | 'x' - | 'ycombinator' - | 'youtube'; +export type IconType = "apple" | "appwrite" | "arrow-down" | "arrow-ext-link" | "arrow-left" | "arrow-right" | "arrow-up" | "bluesky" | "calendar" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "command" | "copy" | "customize" | "daily-dev" | "dark" | "discord" | "divider-vertical" | "download" | "edge" | "ext-link" | "firebase" | "github" | "google" | "hamburger-menu" | "instagram" | "light" | "linkedin" | "location" | "logout-left" | "logout-right" | "mailgun" | "mcp" | "message" | "microsoft" | "minus" | "nuxt" | "platform" | "play" | "plus" | "pop-locations" | "product-hunt" | "refine" | "regions" | "remix" | "rest" | "search" | "sendgrid" | "sparkle" | "star" | "system" | "textmagic" | "ticket" | "tiktok" | "twitter" | "vue" | "x" | "ycombinator" | "youtube"; \ No newline at end of file diff --git a/src/lib/utils/is-mobile.ts b/src/lib/utils/is-mobile.ts index e6b16033b..af14b9183 100644 --- a/src/lib/utils/is-mobile.ts +++ b/src/lib/utils/is-mobile.ts @@ -1,7 +1,7 @@ import { MediaQuery } from 'svelte/reactivity'; export const isMobile = () => { - const mediaQuery = new MediaQuery('(max-width: 767px)'); + const mediaQuery = new MediaQuery('(max-width: 1024px)'); return mediaQuery.current; }; diff --git a/src/routes/(marketing)/(components)/features.svelte b/src/routes/(marketing)/(components)/features.svelte index bb304f2a1..6078862f2 100644 --- a/src/routes/(marketing)/(components)/features.svelte +++ b/src/routes/(marketing)/(components)/features.svelte @@ -53,10 +53,12 @@ ]; -
+
-

+

Self-host your data or take it to the Cloud_

@@ -66,10 +68,10 @@

-
+
{#each features as box} @@ -78,7 +80,7 @@

diff --git a/src/routes/(marketing)/(components)/map.svelte b/src/routes/(marketing)/(components)/map.svelte index 7a6979d47..0b6abed29 100644 --- a/src/routes/(marketing)/(components)/map.svelte +++ b/src/routes/(marketing)/(components)/map.svelte @@ -10,7 +10,7 @@ const { theme = 'light' }: Props = $props(); -

+

The Appwrite Network_ diff --git a/src/routes/(marketing)/(components)/pricing.svelte b/src/routes/(marketing)/(components)/pricing.svelte index e7e22dcfa..1cf1bd08d 100644 --- a/src/routes/(marketing)/(components)/pricing.svelte +++ b/src/routes/(marketing)/(components)/pricing.svelte @@ -1,4 +1,5 @@
@@ -56,7 +57,7 @@ Start building like a team of hundreds today_

-
+
@@ -67,13 +68,13 @@
{#each plans as { name, price, tag: label, subtitle, description }} {@const isEnterprise = name === 'Enterprise'} -
-
- {name} +
+
+ {name} {#if label}
{price} - {#if subtitle} - {subtitle} - {/if} -

{description}

+ + {subtitle} + +

+ {description} +