Feat/marketing appwrite network section#2960
Conversation
- Homepage network copy highlights every project, APIs, functions, and sites. - Tags for built-in CDN and DDoS; CTA moved below the map; tighter tag-to-map spacing. - Equal vertical rhythm via flex gap and padding; optional flushTop on map to avoid double margins. - Underline emphasis on every Appwrite project. Co-authored-by: Cursor <cursoragent@cursor.com>
Appwrite WebsiteProject ID: Website (appwrite/website)Project ID: Tip Environment variables can be scoped per function or shared across your project |
Greptile SummaryThis PR refreshes the marketing "Appwrite Network" section with a redesigned layout, richer copy, and a new feature-pill row (Built-in CDN, DDoS protection). It also adds a "Backend as a service (BaaS)" footer link and fixes a latent bug where Confidence Score: 5/5Safe to merge — changes are purely presentational/marketing with a small bug fix. All changes are UI/layout/copy with no logic, data, or auth implications. The No files require special attention. Important Files Changed
Reviews (2): Last reviewed commit: "format" | Re-trigger Greptile |
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
| class={cn( | ||
| 'text-caption text-primary border-smooth flex max-w-full list-none flex-wrap items-center justify-center gap-2 rounded-full border border-dashed px-2.5 py-2 font-medium backdrop-blur-sm sm:px-3 md:gap-3 md:px-4', | ||
| theme === 'dark' | ||
| ? 'border-white/15 bg-white/[0.06] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]' | ||
| : 'bg-white/70 shadow-[0_1px_2px_rgba(0,0,0,0.04)]' | ||
| )} | ||
| aria-label="Included with every Appwrite project" | ||
| > | ||
| <li |
There was a problem hiding this comment.
list-style: none (Tailwind's list-none) is applied to a <ul>, VoiceOver on Safari stops announcing the element as a list, breaking screen-reader semantics. Adding role="list" restores the intended semantics while keeping the visual style.
| class={cn( | |
| 'text-caption text-primary border-smooth flex max-w-full list-none flex-wrap items-center justify-center gap-2 rounded-full border border-dashed px-2.5 py-2 font-medium backdrop-blur-sm sm:px-3 md:gap-3 md:px-4', | |
| theme === 'dark' | |
| ? 'border-white/15 bg-white/[0.06] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]' | |
| : 'bg-white/70 shadow-[0_1px_2px_rgba(0,0,0,0.04)]' | |
| )} | |
| aria-label="Included with every Appwrite project" | |
| > | |
| <li | |
| <ul | |
| role="list" | |
| class={cn( | |
| 'text-caption text-primary border-smooth flex max-w-full list-none flex-wrap items-center justify-center gap-2 rounded-full border border-dashed px-2.5 py-2 font-medium backdrop-blur-sm sm:px-3 md:gap-3 md:px-4', | |
| theme === 'dark' | |
| ? 'border-white/15 bg-white/[0.06] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]' | |
| : 'bg-white/70 shadow-[0_1px_2px_rgba(0,0,0,0.04)]' | |
| )} | |
| aria-label="Included with every Appwrite project" | |
| > |
| <p class="text-description text-secondary font-medium text-pretty"> | ||
| Built into every Appwrite project - backend APIs, serverless functions, and hosted | ||
| websites - with requests and assets served through our CDN and DDoS protection at | ||
| the network edge. Choose global regions and edges to optimize latency, compliance, | ||
| and data residency. | ||
| </p> | ||
|
|
There was a problem hiding this comment.
-) as em-dash substitutes for the parenthetical clause. Using the proper em-dash character (—) is standard typographic practice and consistent with the rest of the marketing copy on the site.
| <p class="text-description text-secondary font-medium text-pretty"> | |
| Built into every Appwrite project - backend APIs, serverless functions, and hosted | |
| websites - with requests and assets served through our CDN and DDoS protection at | |
| the network edge. Choose global regions and edges to optimize latency, compliance, | |
| and data residency. | |
| </p> | |
| <p class="text-description text-secondary text-pretty font-medium"> | |
| Built into every Appwrite project — backend APIs, serverless functions, and hosted | |
| websites — with requests and assets served through our CDN and DDoS protection at | |
| the network edge. Choose global regions and edges to optimize latency, compliance, | |
| and data residency. | |
| </p> |
Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!
1 participant
What does this PR do?
(Provide a description of what this PR does.)
Test Plan
(Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)
Related PRs and Issues
(If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)
Have you read the Contributing Guidelines on issues?
(Write your answer here.)