diff --git a/landing/components/hero/CyberProviderIcon.vue b/landing/components/hero/CyberProviderIcon.vue
new file mode 100644
index 00000000..9e9df069
--- /dev/null
+++ b/landing/components/hero/CyberProviderIcon.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
diff --git a/landing/components/layout/AppFooter.vue b/landing/components/layout/AppFooter.vue
index da28e209..52be6429 100644
--- a/landing/components/layout/AppFooter.vue
+++ b/landing/components/layout/AppFooter.vue
@@ -5,6 +5,7 @@ const { t, locale } = useI18n();
const { repoUrl } = useGithubRepo();
const { baseURL } = useRuntimeConfig().app;
const year = new Date().getFullYear();
+const authorLabel = computed(() => locale.value === 'ru' ? 'Автор' : 'Author');
const docsHref = computed(() => {
const base = baseURL.replace(/\/?$/, '/');
return `${base}${locale.value === 'ru' ? 'docs/ru/' : 'docs/'}`;
@@ -31,7 +32,7 @@ const docsHref = computed(() => {
>{{ t('footer.copyright', { year }) }} · {{ t('footer.tagline') }}
@@ -186,7 +186,7 @@ const navItems = computed(() => [
--header-height: 126px;
--header-panel-height: 86px;
--header-action-size: clamp(54px, 3.25vw, 66px);
- --header-github-width: clamp(150px, 9.7vw, 204px);
+ --header-github-width: clamp(190px, 12vw, 236px);
--header-brand-icon: clamp(52px, 3.7vw, 68px);
--header-brand-text: clamp(23px, 1.42vw, 32px);
@@ -503,8 +503,8 @@ const navItems = computed(() => [
color: var(--header-cyan) !important;
font-family: var(--at-font-mono);
font-weight: 800 !important;
- font-size: clamp(14px, 1vw, 19px) !important;
- letter-spacing: 0.08em !important;
+ font-size: clamp(13px, 0.86vw, 16px) !important;
+ letter-spacing: 0.06em !important;
text-transform: uppercase !important;
background: rgba(0, 234, 255, 0.035) !important;
box-shadow:
@@ -519,6 +519,8 @@ const navItems = computed(() => [
justify-content: center;
width: 100%;
height: 100%;
+ min-width: 0;
+ overflow: hidden;
}
.app-header__github-icon {
@@ -527,7 +529,10 @@ const navItems = computed(() => [
}
.app-header__github-text {
+ min-width: 0;
+ overflow: hidden;
line-height: 1;
+ white-space: nowrap;
}
.app-header__github-btn:hover {
@@ -551,7 +556,7 @@ const navItems = computed(() => [
--header-height: 112px;
--header-panel-height: 72px;
--header-action-size: 54px;
- --header-github-width: 124px;
+ --header-github-width: 158px;
--header-brand-icon: 44px;
--header-brand-text: 15px;
}
@@ -591,7 +596,13 @@ const navItems = computed(() => [
}
.app-header__github-btn {
- font-size: 13px !important;
+ padding-inline: 8px !important;
+ font-size: 12px !important;
+ letter-spacing: 0.04em !important;
+ }
+
+ .app-header__github-btn :deep(.v-btn__content) {
+ gap: 6px;
}
}
diff --git a/landing/components/sections/ComparisonSection.vue b/landing/components/sections/ComparisonSection.vue
index b87d24cd..7c1fe0fe 100644
--- a/landing/components/sections/ComparisonSection.vue
+++ b/landing/components/sections/ComparisonSection.vue
@@ -1,11 +1,162 @@
@@ -319,7 +320,7 @@ const releaseDate = computed(() => {
class="download-section__card-robot-bubble"
tail="right"
>
- Готов начать!
+ {{ linuxRobotBubble }}
![]()
{
day: "numeric",
});
});
-const activeHeroMessage = computed(() => heroMessages[activeHeroMessageIndex.value] ?? null);
+const localizedHeroMessages = computed(() => getLocalizedHeroMessages(locale.value));
+const activeHeroMessage = computed(() => localizedHeroMessages.value[activeHeroMessageIndex.value] ?? null);
+const supportedProviders = [
+ {
+ id: "codex",
+ name: "Codex",
+ accent: "cyan",
+ },
+ {
+ id: "anthropic",
+ name: "Anthropic",
+ accent: "amber",
+ },
+ {
+ id: "opencode",
+ name: "OpenCode",
+ accent: "magenta",
+ },
+] as const;
+const supportedProvidersLabel = computed(() => (
+ locale.value === "ru"
+ ? "Поддерживаем AI-провайдеры"
+ : "Supported AI providers"
+));
+const heroSlogan = computed(() => (
+ locale.value === "ru"
+ ? "Делайте много, почти ничего не делая"
+ : "Get a lot done by doing very little"
+));
const heroDownloadUrl = computed(() => {
const asset = downloadStore.selectedAsset;
@@ -57,7 +85,7 @@ function setHeroMessageTimer(callback: () => void, delay: number) {
function runHeroMessageCycle() {
clearHeroMessageTimers();
- if (!isHeroVisible.value || heroReducedMotion.value || heroMessages.length === 0) {
+ if (!isHeroVisible.value || heroReducedMotion.value || localizedHeroMessages.value.length === 0) {
heroMessagePhase.value = "cooldown";
return;
}
@@ -73,7 +101,7 @@ function runHeroMessageCycle() {
heroMessagePhase.value = "cooldown";
}, 3900);
setHeroMessageTimer(() => {
- activeHeroMessageIndex.value = (activeHeroMessageIndex.value + 1) % heroMessages.length;
+ activeHeroMessageIndex.value = (activeHeroMessageIndex.value + 1) % localizedHeroMessages.value.length;
runHeroMessageCycle();
}, 4700);
}
@@ -138,13 +166,34 @@ onUnmounted(() => {
- Get a lot done by doing very little
+ {{ heroSlogan }}
{{ content.hero.subtitle }}
+
+
+
+
+
+
+
+ {{ provider.name }}
+
+
+
+
+
({
+const screenshots = computed(() => screenshotData.map((s) => ({
src: publicPath(s.path),
- alt: s.alt,
+ alt: locale.value === 'ru' ? (s.ruAlt ?? s.alt) : s.alt,
width: s.width,
height: s.height,
-}));
+})));
+const prevLabel = computed(() => locale.value === 'ru' ? 'Предыдущий' : 'Previous');
+const nextLabel = computed(() => locale.value === 'ru' ? 'Следующий' : 'Next');
const swiperRef = ref(null);
const swiperReady = ref(false);
@@ -45,11 +47,11 @@ function closeLightbox() {
}
function lightboxPrev() {
- lightboxIndex.value = (lightboxIndex.value - 1 + screenshots.length) % screenshots.length;
+ lightboxIndex.value = (lightboxIndex.value - 1 + screenshots.value.length) % screenshots.value.length;
}
function lightboxNext() {
- lightboxIndex.value = (lightboxIndex.value + 1) % screenshots.length;
+ lightboxIndex.value = (lightboxIndex.value + 1) % screenshots.value.length;
}
function onKeydown(e: KeyboardEvent) {
@@ -182,14 +184,14 @@ function slideNext() {