diff --git a/packages/console/app/src/asset/go-ornate-dark.svg b/packages/console/app/src/asset/go-ornate-dark.svg deleted file mode 100644 index 9b617c6777..0000000000 --- a/packages/console/app/src/asset/go-ornate-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/console/app/src/asset/go-ornate-light.svg b/packages/console/app/src/asset/go-ornate-light.svg deleted file mode 100644 index 79991973d6..0000000000 --- a/packages/console/app/src/asset/go-ornate-light.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/console/app/src/component/go-plan-chart.css b/packages/console/app/src/component/go-plan-chart.css index b2ca0ca661..ae0c277aef 100644 --- a/packages/console/app/src/component/go-plan-chart.css +++ b/packages/console/app/src/component/go-plan-chart.css @@ -1,13 +1,5 @@ @import "@opencode-ai/ui/v2/styles/colors.css"; -@font-face { - font-family: "Inter"; - src: url("@opencode-ai/ui/fonts/Inter.ttf") format("truetype"); - font-style: normal; - font-weight: 100 900; - font-display: swap; -} - [data-page="go"] { --go-console-bg: var(--v2-grey-50); --go-console-surface: var(--v2-grey-100); @@ -35,7 +27,7 @@ padding: 2rem var(--padding) 3rem; background: var(--go-console-bg); color: var(--go-console-text); - font-family: "Inter", sans-serif; + font-family: var(--font-mono); font-size: 0.8125rem; font-weight: 440; line-height: 1.25rem; diff --git a/packages/console/app/src/component/icon.tsx b/packages/console/app/src/component/icon.tsx index ed83a1934b..fc4af918fa 100644 --- a/packages/console/app/src/component/icon.tsx +++ b/packages/console/app/src/component/icon.tsx @@ -141,28 +141,16 @@ export function IconAnthropic(props: JSX.SvgSVGAttributes) { export function IconXai(props: JSX.SvgSVGAttributes) { return ( - - - + + ) } export function IconAlibaba(props: JSX.SvgSVGAttributes) { return ( - - + + ) } @@ -196,6 +184,17 @@ export function IconMiniMax(props: JSX.SvgSVGAttributes) { ) } +export function IconGoogle(props: JSX.SvgSVGAttributes) { + return ( + + + + + + + ) +} + export function IconGemini(props: JSX.SvgSVGAttributes) { return ( diff --git a/packages/console/app/src/i18n/ar.ts b/packages/console/app/src/i18n/ar.ts index 786df4adeb..5f8404194f 100644 --- a/packages/console/app/src/i18n/ar.ts +++ b/packages/console/app/src/i18n/ar.ts @@ -262,6 +262,7 @@ export const dict = { "go.title": "OpenCode Go | نماذج برمجة منخفضة التكلفة للجميع", "go.meta.description": "يبلغ سعر Go ‏$10/شهر، مع حدود استخدام سخية ووصول موثوق إلى نماذج البرمجة الرائدة.", "go.hero.title": "نماذج برمجة منخفضة التكلفة للجميع", + "go.hero.tagline": "استخدمه مع أي وكيل. قم بزيادة الرصيد إذا لزم الأمر. الإلغاء في أي وقت.", "go.hero.body": "يجلب Go البرمجة الوكيلة للمبرمجين حول العالم. يوفر حدودًا سخية ووصولًا موثوقًا إلى أقوى النماذج مفتوحة المصدر، حتى تتمكن من البناء باستخدام وكلاء أقوياء دون القلق بشأن التكلفة أو التوفر.", @@ -269,7 +270,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "اشترك في Go", "go.cta.price": "$10/شهر", - "go.plans.month": "/شهر", + "go.plans.month": "شهريًا", "go.plans.plus.cta": "الاشتراك في Go Plus", "go.plans.plus.description": "تبلغ تكلفة Go Plus ‏$40/شهر مع حدود استخدام أعلى.", "go.plans.go.feature1": "نماذج مختارة بأسعار معقولة", diff --git a/packages/console/app/src/i18n/br.ts b/packages/console/app/src/i18n/br.ts index ea6546ace6..f80c600fe0 100644 --- a/packages/console/app/src/i18n/br.ts +++ b/packages/console/app/src/i18n/br.ts @@ -268,6 +268,7 @@ export const dict = { "go.meta.description": "O Go custa $10/mês, com limites generosos de uso e acesso confiável aos principais modelos de codificação.", "go.hero.title": "Modelos de codificação de baixo custo para todos", + "go.hero.tagline": "Use com qualquer agente. Adicione créditos se precisar. Cancele quando quiser.", "go.hero.body": "O Go traz a codificação com agentes para programadores em todo o mundo. Oferecendo limites generosos e acesso confiável aos modelos de código aberto mais capazes, para que você possa construir com agentes poderosos sem se preocupar com custos ou disponibilidade.", @@ -275,7 +276,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Assinar o Go", "go.cta.price": "$10/mês", - "go.plans.month": "/mês", + "go.plans.month": "por mês", "go.plans.plus.cta": "Assinar Go Plus", "go.plans.plus.description": "O Go Plus custa $40/mês e oferece limites maiores.", "go.plans.go.feature1": "Modelos selecionados e acessíveis", diff --git a/packages/console/app/src/i18n/da.ts b/packages/console/app/src/i18n/da.ts index 79917f33dc..fb854aea97 100644 --- a/packages/console/app/src/i18n/da.ts +++ b/packages/console/app/src/i18n/da.ts @@ -266,6 +266,7 @@ export const dict = { "go.meta.description": "Go koster $10/måned, med generøse brugsgrænser og pålidelig adgang til førende kodningsmodeller.", "go.hero.title": "Kodningsmodeller til lav pris for alle", + "go.hero.tagline": "Brug med enhver agent. Tank op med kredit efter behov. Afmeld når som helst.", "go.hero.body": "Go bringer agentisk kodning til programmører over hele verden. Med generøse grænser og pålidelig adgang til de mest kapable open source-modeller, så du kan bygge med kraftfulde agenter uden at bekymre dig om omkostninger eller tilgængelighed.", @@ -273,7 +274,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Abonner på Go", "go.cta.price": "$10/måned", - "go.plans.month": "/måned", + "go.plans.month": "om måneden", "go.plans.plus.cta": "Abonnér på Go Plus", "go.plans.plus.description": "Go Plus koster $40/måned og giver højere brugsgrænser.", "go.plans.go.feature1": "Udvalgte, prisvenlige modeller", diff --git a/packages/console/app/src/i18n/de.ts b/packages/console/app/src/i18n/de.ts index c98597a0f9..59c533e26e 100644 --- a/packages/console/app/src/i18n/de.ts +++ b/packages/console/app/src/i18n/de.ts @@ -268,6 +268,7 @@ export const dict = { "go.meta.description": "Go kostet $10/Monat, mit großzügigen Nutzungslimits und zuverlässigem Zugang zu führenden Coding-Modellen.", "go.hero.title": "Kostengünstige Coding-Modelle für alle", + "go.hero.tagline": "Mit jedem Agenten nutzbar. Guthaben bei Bedarf aufladen. Jederzeit kündbar.", "go.hero.body": "Go bringt Agentic Coding zu Programmierern auf der ganzen Welt. Mit großzügigen Limits und zuverlässigem Zugang zu den leistungsfähigsten Open-Source-Modellen, damit du mit leistungsstarken Agenten entwickeln kannst, ohne dir Gedanken über Kosten oder Verfügbarkeit zu machen.", @@ -275,7 +276,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Go abonnieren", "go.cta.price": "$10/Monat", - "go.plans.month": "/Monat", + "go.plans.month": "pro Monat", "go.plans.plus.cta": "Go Plus abonnieren", "go.plans.plus.description": "Go Plus kostet $40/Monat und bietet höhere Nutzungslimits.", "go.plans.go.feature1": "Ausgewählte, erschwingliche Modelle", diff --git a/packages/console/app/src/i18n/en.ts b/packages/console/app/src/i18n/en.ts index 9fbd396271..e14da575dd 100644 --- a/packages/console/app/src/i18n/en.ts +++ b/packages/console/app/src/i18n/en.ts @@ -263,6 +263,7 @@ export const dict = { "go.title": "OpenCode Go | Low cost coding models for everyone", "go.meta.description": "Go costs $10/month, with generous usage limits and reliable access to leading coding models.", "go.hero.title": "Low cost coding models for everyone", + "go.hero.tagline": "Use with any agent. Top up credit if needed. Cancel any time.", "go.hero.body": "Go brings agentic coding to programmers around the world. Offering generous limits and reliable access to the most capable open-source models, so you can build with powerful agents without worrying about cost or availability.", @@ -270,7 +271,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Subscribe to Go", "go.cta.price": "$10/month", - "go.plans.month": "/month", + "go.plans.month": "per month", "go.plans.plus.cta": "Subscribe to Go Plus", "go.plans.plus.description": "Go Plus costs $40/month with higher limits.", "go.plans.go.feature1": "Curated, affordable models", diff --git a/packages/console/app/src/i18n/es.ts b/packages/console/app/src/i18n/es.ts index 79ddbe11b4..23e026b04b 100644 --- a/packages/console/app/src/i18n/es.ts +++ b/packages/console/app/src/i18n/es.ts @@ -269,6 +269,7 @@ export const dict = { "go.meta.description": "Go cuesta 10 $/mes, con límites de uso generosos y acceso fiable a modelos de programación líderes.", "go.hero.title": "Modelos de programación de bajo coste para todos", + "go.hero.tagline": "Úsalo con cualquier agente. Recarga crédito si lo necesitas. Cancela cuando quieras.", "go.hero.body": "Go lleva la programación agéntica a programadores de todo el mundo. Ofrece límites generosos y acceso fiable a los modelos de código abierto más capaces, para que puedas crear con agentes potentes sin preocuparte por el coste o la disponibilidad.", @@ -276,7 +277,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Suscribirse a Go", "go.cta.price": "10 $/mes", - "go.plans.month": "/mes", + "go.plans.month": "al mes", "go.plans.plus.cta": "Suscribirse a Go Plus", "go.plans.plus.description": "Go Plus cuesta 40 $/mes y ofrece límites más altos.", "go.plans.go.feature1": "Modelos seleccionados y asequibles", diff --git a/packages/console/app/src/i18n/fr.ts b/packages/console/app/src/i18n/fr.ts index 52c6f0f4f0..1858458113 100644 --- a/packages/console/app/src/i18n/fr.ts +++ b/packages/console/app/src/i18n/fr.ts @@ -270,6 +270,7 @@ export const dict = { "go.meta.description": "Go coûte 10 $/mois, avec des limites d'utilisation généreuses et un accès fiable aux principaux modèles de codage.", "go.hero.title": "Modèles de code à faible coût pour tous", + "go.hero.tagline": "Utilisable avec n'importe quel agent. Rechargez du crédit si besoin. Résiliez à tout moment.", "go.hero.body": "Go apporte le codage agentique aux programmeurs du monde entier. Offrant des limites généreuses et un accès fiable aux modèles open source les plus capables, pour que vous puissiez construire avec des agents puissants sans vous soucier du coût ou de la disponibilité.", @@ -277,7 +278,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "S'abonner à Go", "go.cta.price": "10 $/mois", - "go.plans.month": "/mois", + "go.plans.month": "par mois", "go.plans.plus.cta": "S'abonner à Go Plus", "go.plans.plus.description": "Go Plus coûte 40 $/mois et offre des limites plus élevées.", "go.plans.go.feature1": "Modèles sélectionnés et abordables", diff --git a/packages/console/app/src/i18n/it.ts b/packages/console/app/src/i18n/it.ts index 07054bd41a..c837f2fbcb 100644 --- a/packages/console/app/src/i18n/it.ts +++ b/packages/console/app/src/i18n/it.ts @@ -266,6 +266,7 @@ export const dict = { "go.meta.description": "Go costa $10/mese, con limiti di utilizzo generosi e un accesso affidabile ai principali modelli di coding.", "go.hero.title": "Modelli di coding a basso costo per tutti", + "go.hero.tagline": "Usalo con qualsiasi agente. Ricarica il credito se necessario. Annulla quando vuoi.", "go.hero.body": "Go porta il coding agentico ai programmatori di tutto il mondo. Offrendo limiti generosi e un accesso affidabile ai modelli open source più capaci, in modo da poter costruire con agenti potenti senza preoccuparsi dei costi o della disponibilità.", @@ -273,7 +274,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Abbonati a Go", "go.cta.price": "$10/mese", - "go.plans.month": "/mese", + "go.plans.month": "al mese", "go.plans.plus.cta": "Abbonati a Go Plus", "go.plans.plus.description": "Go Plus costa $40/mese e offre limiti più alti.", "go.plans.go.feature1": "Modelli selezionati e convenienti", diff --git a/packages/console/app/src/i18n/ja.ts b/packages/console/app/src/i18n/ja.ts index 4da13b3b3b..e87bbc7936 100644 --- a/packages/console/app/src/i18n/ja.ts +++ b/packages/console/app/src/i18n/ja.ts @@ -265,6 +265,7 @@ export const dict = { "go.meta.description": "Goは月額$10で、主要なコーディングモデルへのゆとりある利用上限と安定したアクセスを提供します。", "go.hero.title": "すべての人のための低価格なコーディングモデル", + "go.hero.tagline": "どのエージェントでも利用できます。必要に応じてクレジットをチャージ。いつでもキャンセル可能。", "go.hero.body": "Goは、世界中のプログラマーにエージェント型コーディングをもたらします。最も高性能なオープンソースモデルへの十分な制限と安定したアクセスを提供し、コストや可用性を気にすることなく強力なエージェントで構築できます。", diff --git a/packages/console/app/src/i18n/ko.ts b/packages/console/app/src/i18n/ko.ts index 192f8179e6..ae0cad7d74 100644 --- a/packages/console/app/src/i18n/ko.ts +++ b/packages/console/app/src/i18n/ko.ts @@ -261,6 +261,7 @@ export const dict = { "go.title": "OpenCode Go | 모두를 위한 저비용 코딩 모델", "go.meta.description": "Go는 월 $10이며, 넉넉한 사용 한도와 주요 코딩 모델에 대한 안정적인 액세스를 제공합니다.", "go.hero.title": "모두를 위한 저비용 코딩 모델", + "go.hero.tagline": "어떤 에이전트와도 사용할 수 있습니다. 필요하면 크레딧을 충전하세요. 언제든지 취소할 수 있습니다.", "go.hero.body": "Go는 전 세계 프로그래머들에게 에이전트 코딩을 제공합니다. 가장 유능한 오픈 소스 모델에 대한 넉넉한 한도와 안정적인 액세스를 제공하므로, 비용이나 가용성 걱정 없이 강력한 에이전트로 빌드할 수 있습니다.", diff --git a/packages/console/app/src/i18n/no.ts b/packages/console/app/src/i18n/no.ts index 12b6c9e0fe..92a8d08aeb 100644 --- a/packages/console/app/src/i18n/no.ts +++ b/packages/console/app/src/i18n/no.ts @@ -266,6 +266,7 @@ export const dict = { "go.meta.description": "Go koster $10/måned, med sjenerøse bruksgrenser og pålitelig tilgang til ledende kodemodeller.", "go.hero.title": "Rimelige kodemodeller for alle", + "go.hero.tagline": "Bruk med hvilken som helst agent. Fyll på kreditt ved behov. Avslutt når som helst.", "go.hero.body": "Go bringer agent-koding til programmerere over hele verden. Med rause grenser og pålitelig tilgang til de mest kapable åpen kildekode-modellene, kan du bygge med kraftige agenter uten å bekymre deg for kostnader eller tilgjengelighet.", @@ -273,7 +274,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Abonner på Go", "go.cta.price": "$10/måned", - "go.plans.month": "/måned", + "go.plans.month": "per måned", "go.plans.plus.cta": "Abonner på Go Plus", "go.plans.plus.description": "Go Plus koster $40/måned og gir høyere bruksgrenser.", "go.plans.go.feature1": "Utvalgte, rimelige modeller", diff --git a/packages/console/app/src/i18n/pl.ts b/packages/console/app/src/i18n/pl.ts index 6ef12d8ab6..8656bdc43c 100644 --- a/packages/console/app/src/i18n/pl.ts +++ b/packages/console/app/src/i18n/pl.ts @@ -267,6 +267,7 @@ export const dict = { "go.meta.description": "Go kosztuje $10/miesiąc, oferując hojne limity użycia i niezawodny dostęp do wiodących modeli do kodowania.", "go.hero.title": "Niskokosztowe modele do kodowania dla każdego", + "go.hero.tagline": "Używaj z dowolnym agentem. Doładuj środki w razie potrzeby. Anuluj w dowolnym momencie.", "go.hero.body": "Go udostępnia programowanie z agentami programistom na całym świecie. Oferuje hojne limity i niezawodny dostęp do najzdolniejszych modeli open source, dzięki czemu możesz budować za pomocą potężnych agentów, nie martwiąc się o koszty czy dostępność.", @@ -274,7 +275,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Zasubskrybuj Go", "go.cta.price": "$10/miesiąc", - "go.plans.month": "/miesiąc", + "go.plans.month": "miesięcznie", "go.plans.plus.cta": "Subskrybuj Go Plus", "go.plans.plus.description": "Go Plus kosztuje $40/miesiąc i oferuje wyższe limity.", "go.plans.go.feature1": "Wyselekcjonowane, przystępne modele", diff --git a/packages/console/app/src/i18n/ru.ts b/packages/console/app/src/i18n/ru.ts index 498df29ec4..7730660384 100644 --- a/packages/console/app/src/i18n/ru.ts +++ b/packages/console/app/src/i18n/ru.ts @@ -270,6 +270,7 @@ export const dict = { "go.meta.description": "Go стоит $10/месяц и предлагает щедрые лимиты использования и надежный доступ к ведущим моделям для кодинга.", "go.hero.title": "Недорогие модели для кодинга для всех", + "go.hero.tagline": "Работает с любым агентом. Пополняйте баланс при необходимости. Отменить можно в любой момент.", "go.hero.body": "Go открывает доступ к агентам-программистам разработчикам по всему миру. Предлагая щедрые лимиты и надежный доступ к наиболее способным моделям с открытым исходным кодом, вы можете создавать проекты с мощными агентами, не беспокоясь о затратах или доступности.", @@ -277,7 +278,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Подписаться на Go", "go.cta.price": "$10/месяц", - "go.plans.month": "/мес.", + "go.plans.month": "в месяц", "go.plans.plus.cta": "Подписаться на Go Plus", "go.plans.plus.description": "Go Plus стоит $40/месяц и предлагает более высокие лимиты.", "go.plans.go.feature1": "Отобранные доступные модели", diff --git a/packages/console/app/src/i18n/th.ts b/packages/console/app/src/i18n/th.ts index 67f3868df7..0db1f061f2 100644 --- a/packages/console/app/src/i18n/th.ts +++ b/packages/console/app/src/i18n/th.ts @@ -264,6 +264,7 @@ export const dict = { "go.meta.description": "Go มีราคา $10/เดือน พร้อมขีดจำกัดการใช้งานที่เอื้อเฟื้อและการเข้าถึงโมเดลเขียนโค้ดชั้นนำอย่างเชื่อถือได้", "go.hero.title": "โมเดลเขียนโค้ดราคาประหยัดสำหรับทุกคน", + "go.hero.tagline": "ใช้กับเอเจนต์ใดก็ได้ เติมเครดิตหากจำเป็น ยกเลิกได้ตลอดเวลา", "go.hero.body": "Go นำการเขียนโค้ดแบบเอเจนต์มาสู่นักเขียนโปรแกรมทั่วโลก เสนอขีดจำกัดที่กว้างขวางและการเข้าถึงโมเดลโอเพนซอร์สที่มีความสามารถสูงสุดได้อย่างน่าเชื่อถือ เพื่อให้คุณสามารถสร้างสรรค์ด้วยเอเจนต์ที่ทรงพลังโดยไม่ต้องกังวลเรื่องค่าใช้จ่ายหรือความพร้อมใช้งาน", @@ -271,7 +272,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "สมัครสมาชิก Go", "go.cta.price": "$10/เดือน", - "go.plans.month": "/เดือน", + "go.plans.month": "ต่อเดือน", "go.plans.plus.cta": "สมัคร Go Plus", "go.plans.plus.description": "Go Plus ราคา $40/เดือน พร้อมขีดจำกัดการใช้งานที่สูงขึ้น", "go.plans.go.feature1": "โมเดลคัดสรรในราคาคุ้มค่า", diff --git a/packages/console/app/src/i18n/tr.ts b/packages/console/app/src/i18n/tr.ts index 4904115494..9b5dfb238c 100644 --- a/packages/console/app/src/i18n/tr.ts +++ b/packages/console/app/src/i18n/tr.ts @@ -268,6 +268,7 @@ export const dict = { "go.meta.description": "Go ayda 10$'dır; cömert kullanım limitleri ve önde gelen kodlama modellerine güvenilir erişim sunar.", "go.hero.title": "Herkes için düşük maliyetli kodlama modelleri", + "go.hero.tagline": "Herhangi bir ajanla kullanın. Gerekirse kredi yükleyin. İstediğiniz zaman iptal edin.", "go.hero.body": "Go, dünya çapındaki programcılara ajan tabanlı kodlama getiriyor. En yetenekli açık kaynaklı modellere cömert limitler ve güvenilir erişim sunarak, maliyet veya erişilebilirlik konusunda endişelenmeden güçlü ajanlarla geliştirme yapmanızı sağlar.", @@ -275,7 +276,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Go'ya abone ol", "go.cta.price": "Ayda 10$", - "go.plans.month": "/ay", + "go.plans.month": "aylık", "go.plans.plus.cta": "Go Plus'a abone ol", "go.plans.plus.description": "Go Plus ayda 40$'dır ve daha yüksek limitler sunar.", "go.plans.go.feature1": "Seçilmiş, uygun fiyatlı modeller", diff --git a/packages/console/app/src/i18n/uk.ts b/packages/console/app/src/i18n/uk.ts index dd5e322a0b..32f5750776 100644 --- a/packages/console/app/src/i18n/uk.ts +++ b/packages/console/app/src/i18n/uk.ts @@ -266,6 +266,7 @@ export const dict = { "go.meta.description": "Go коштує $10/місяць, зі щедрими лімітами використання та надійним доступом до провідних моделей для кодування.", "go.hero.title": "Недорогі моделі кодування для всіх", + "go.hero.tagline": "Використовуйте з будь-яким агентом. Поповнюйте за потреби. Скасуйте в будь-який час.", "go.hero.body": "Go надає агентне програмування програмістам у всьому світі, пропонуючи щедрі ліміти та надійний доступ до найкращих моделей з відкритим кодом.", @@ -273,7 +274,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "Підписатися на Go", "go.cta.price": "$10/місяць", - "go.plans.month": "/місяць", + "go.plans.month": "на місяць", "go.plans.plus.cta": "Підписатися на Go Plus", "go.plans.plus.description": "Go Plus коштує $40/місяць і пропонує вищі ліміти.", "go.plans.go.feature1": "Відібрані доступні моделі", diff --git a/packages/console/app/src/i18n/zh.ts b/packages/console/app/src/i18n/zh.ts index e728887bbf..13bbff9302 100644 --- a/packages/console/app/src/i18n/zh.ts +++ b/packages/console/app/src/i18n/zh.ts @@ -254,6 +254,7 @@ export const dict = { "go.title": "OpenCode Go | 人人可用的低成本编程模型", "go.meta.description": "Go 每月 $10，提供充裕的使用限额，并可可靠访问领先的编程模型。", "go.hero.title": "人人可用的低成本编程模型", + "go.hero.tagline": "可配合任何代理使用。如有需要可充值。随时取消。", "go.hero.body": "Go 将代理编程带给全世界的程序员。提供充裕的限额和对最强大的开源模型的可靠访问，让您可以利用强大的代理进行构建，而无需担心成本或可用性。", @@ -261,7 +262,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "订阅 Go", "go.cta.price": "$10/月", - "go.plans.month": "/月", + "go.plans.month": "每月", "go.plans.plus.cta": "订阅 Go Plus", "go.plans.plus.description": "Go Plus 每月 $40，提供更高的使用额度。", "go.plans.go.feature1": "精选实惠的模型", diff --git a/packages/console/app/src/i18n/zht.ts b/packages/console/app/src/i18n/zht.ts index c8d50ea3be..72bd6418af 100644 --- a/packages/console/app/src/i18n/zht.ts +++ b/packages/console/app/src/i18n/zht.ts @@ -253,6 +253,7 @@ export const dict = { "go.title": "OpenCode Go | 低成本全民編碼模型", "go.meta.description": "Go 每月 $10，提供充裕的使用限額，並可穩定存取領先的編碼模型。", "go.hero.title": "低成本全民編碼模型", + "go.hero.tagline": "可搭配任何代理使用。如有需要可儲值。隨時取消。", "go.hero.body": "Go 將代理編碼帶給全世界的程式設計師。提供寬裕的限額以及對最強大開源模型的穩定存取，讓你可以使用強大的代理進行構建，而無需擔心成本或可用性。", @@ -260,7 +261,7 @@ export const dict = { "go.cta.template": "{{text}} {{price}}", "go.cta.text": "訂閱 Go", "go.cta.price": "$10/月", - "go.plans.month": "/月", + "go.plans.month": "每月", "go.plans.plus.cta": "訂閱 Go Plus", "go.plans.plus.description": "Go Plus 每月 $40，提供更高的使用額度。", "go.plans.go.feature1": "精選實惠的模型", diff --git a/packages/console/app/src/routes/go/index.css b/packages/console/app/src/routes/go/index.css index b74ad9306a..72a78c700d 100644 --- a/packages/console/app/src/routes/go/index.css +++ b/packages/console/app/src/routes/go/index.css @@ -322,21 +322,28 @@ body { flex-direction: column; padding: calc(var(--vertical-padding) * 1.5) var(--padding); - [data-slot="zen logo dark"] { - display: none; - } - @media (max-width: 30rem) { padding: var(--vertical-padding) var(--padding); } + } - @media (prefers-color-scheme: dark) { - [data-slot="zen logo light"] { - display: none; - } - [data-slot="zen logo dark"] { - display: block; - } + [data-component="referral-ended-notice"] { + /* Matches the docs warning callout, which uses fixed colors in both themes. */ + border: 1px solid rgb(98, 71, 31); + background: rgb(28, 20, 8); + color: rgb(239, 239, 239); + line-height: 1.8; + padding: 16px; + margin-bottom: 24px; + + strong { + display: block; + text-transform: uppercase; + margin-bottom: 8px; + } + + p { + margin: 0; } } @@ -364,14 +371,15 @@ body { display: flex; align-items: center; gap: 12px; - margin-bottom: 32px; + margin-bottom: 40px; + font-size: 16px; [data-slot="badge"] { background: var(--color-background-strong); color: var(--color-text-inverted); font-weight: 500; padding: 4px 8px; - line-height: 1; + line-height: 1.1; flex-shrink: 0; } @@ -382,8 +390,8 @@ body { } [data-slot="text"] { - color: var(--color-text-strong); - line-height: 1.4; + color: var(--color-text); + line-height: 1.5; } @media (max-width: 40rem) { @@ -394,83 +402,45 @@ body { } [data-slot="hero-copy"] { - img { - margin-bottom: 24px; + display: flex; + flex-direction: column; + gap: 40px; + margin-bottom: 80px; + + [data-slot="headline"] { + display: flex; + flex-direction: column; + gap: 24px; } h1 { - font-size: 28px; + font-size: 48px; + font-weight: 500; + line-height: 1.25; color: var(--color-text-strong); - font-weight: 700; - margin-bottom: 16px; - display: block; @media (max-width: 60rem) { - font-size: 22px; + font-size: 32px; } } p { + max-width: 720px; + font-size: 16px; + line-height: 1.75; color: var(--color-text); - margin-bottom: 24px; - max-width: 82%; - - @media (max-width: 50rem) { - max-width: 100%; - } - } - - a { - background: var(--color-background-strong); - padding: 8px 12px 8px 20px; - color: var(--color-text-inverted); - border: none; - border-radius: 4px; - font-weight: 500; - cursor: pointer; - margin-bottom: 40px; - display: flex; - width: fit-content; - gap: 12px; - text-decoration: none; - - [data-slot="cta-price"] { - display: inline-flex; - align-items: center; - gap: 8px; - } - - [data-slot="cta-price-old"] { - opacity: 0.45; - text-decoration: line-through; - } - - [data-slot="cta-price-new"] { - opacity: 1; - } - - svg { - opacity: 0.6; - } - } - - a:hover { - background: var(--color-background-strong-hover); } } + [data-slot="model-logos"] { display: flex; - gap: 24px; - margin-bottom: 56px; + flex-wrap: wrap; + gap: 8px; svg { - color: var(--color-background-strong); - } - - @media (prefers-color-scheme: dark) { - svg { - color: var(--color-background-strong); - } + width: 32px; + height: 32px; + color: var(--color-text-strong); } } @@ -1099,86 +1069,100 @@ body { [data-slot="plans"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 0.75rem; - margin-top: 2rem; - font-family: "Inter", sans-serif; - font-size: 0.8125rem; - font-weight: 440; - line-height: 1.25rem; - letter-spacing: -0.04px; - text-rendering: geometricPrecision; - -webkit-font-smoothing: antialiased; + gap: 24px; + font-size: 16px; + line-height: 1.5; [data-slot="plan"] { display: flex; flex-direction: column; justify-content: space-between; - gap: 1.75rem; - padding: 1rem; - border: 1px solid var(--go-console-border); - border-radius: 6px; - background: var(--go-console-surface); - color: var(--go-console-text); + gap: 80px; + padding: 24px; + border: 1px solid var(--color-border-weak); + background: var(--color-background-weak); } + + [data-slot="plan-body"] { + display: flex; + flex-direction: column; + gap: 16px; + } + [data-slot="name"] { - color: var(--go-console-secondary); - line-height: 1.25rem; + font-weight: 500; + color: var(--color-text); } + [data-slot="price"] { - margin-top: 1rem; - font-size: 1.625rem; - font-weight: 610; - line-height: 2rem; - letter-spacing: -0.5px; + display: flex; + align-items: center; + gap: 12px; + font-size: 64px; + font-weight: 500; + line-height: 1.25; + color: var(--color-text-strong); + span { - font-size: 0.8125rem; - font-weight: 440; - letter-spacing: -0.04px; - color: var(--go-console-secondary); + font-size: 16px; + line-height: 1.5; + color: var(--color-text); } } + ul { - display: grid; - gap: 0.5rem; - margin-top: 1.25rem; + display: flex; + flex-direction: column; + gap: 8px; padding: 0; list-style: none; - color: var(--go-console-secondary); + color: var(--color-text); } + li { display: flex; align-items: center; - gap: 0.5rem; - } - li span { - display: inline-flex; - flex: none; - color: var(--go-console-icon); + gap: 16px; + + svg { + flex: none; + color: var(--color-icon); + } } + a { display: flex; align-items: center; justify-content: center; - height: 2rem; - padding: 0 1rem; - font-size: 0.8125rem; - font-weight: 530; - border: 1px solid var(--go-console-border); - border-radius: 6px; - background: var(--go-console-bg); - color: var(--go-console-text); - text-align: center; + height: 40px; + padding: 0 14px 0 12px; + font-weight: 500; + line-height: 1.1; + background: var(--color-background-strong); + color: var(--color-text-inverted); + box-shadow: + inset 0 -1px 2px rgba(0, 0, 0, 0.06), + inset 0 1px 2px rgba(255, 255, 255, 0.14), + 0 0 0 0.5px var(--color-background-strong-hover), + 0 1px 1.5px rgba(0, 0, 0, 0.2); text-decoration: none; } + a:hover { - background: var(--go-console-track); + background: var(--color-background-strong-hover); } + a:focus-visible { - outline: 2px solid var(--go-console-text); + outline: 2px solid var(--color-text-strong); outline-offset: 2px; } + @media (max-width: 42rem) { grid-template-columns: 1fr; + + [data-slot="price"] { + font-size: 48px; + } } } diff --git a/packages/console/app/src/routes/go/index.tsx b/packages/console/app/src/routes/go/index.tsx index 49facbc8e2..ce4137f697 100644 --- a/packages/console/app/src/routes/go/index.tsx +++ b/packages/console/app/src/routes/go/index.tsx @@ -3,8 +3,6 @@ import { createAsync, query, useSearchParams } from "@solidjs/router" import { Title, Meta } from "@solidjs/meta" import { For, Show } from "solid-js" //import { HttpHeader } from "@solidjs/start" -import goLogoLight from "../../asset/go-ornate-light.svg" -import goLogoDark from "../../asset/go-ornate-dark.svg" import { EmailSignup } from "~/component/email-signup" import { Faq } from "~/component/faq" import { Legal } from "~/component/legal" @@ -13,7 +11,16 @@ import { Header } from "~/component/header" import { GoPlanChart } from "~/component/go-plan-chart" import { config } from "~/config" import { getLastSeenWorkspaceID } from "../workspace/common" -import { IconMiniMax, IconMiMo, IconZai, IconAlibaba, IconDeepSeek } from "~/component/icon" +import { + IconAlibaba, + IconAnthropic, + IconGoogle, + IconMiniMax, + IconMoonshotAI, + IconOpenAI, + IconXai, + IconZai, +} from "~/component/icon" import { useI18n } from "~/context/i18n" import { useLanguage } from "~/context/language" import { LocaleLinks } from "~/component/locale-links" @@ -103,94 +110,21 @@ export default function Home() {
- - -

{i18n.t("go.hero.title")}

-

{i18n.t("go.hero.body")}

-
- {/* -
- - - - - - - - -
-
- - - - -
-
- -
-
- - - - -
- */} -
- -
-
- - - -
-
- -
-
- -
-
- -
-
- -
- {/* -
- - - -
- */} +
+

{i18n.t("go.hero.title")}

+

{i18n.t("go.hero.body")}

+
+ + + + + + + + +
+

{i18n.t("go.hero.tagline")}

{(plan) => (
-
+

{plan.name}

{plan.price} {i18n.t("go.plans.month")} @@ -224,18 +158,13 @@ export default function Home() { {(feature) => (

  • - + {i18n.t(feature)}
    • )}