diff --git a/src/features/stream-demo/AvailableDemos.tsx b/src/features/stream-demo/AvailableDemos.tsx index 76e76a5..db000c6 100644 --- a/src/features/stream-demo/AvailableDemos.tsx +++ b/src/features/stream-demo/AvailableDemos.tsx @@ -63,7 +63,7 @@ export default function AvailableDemos() {
{projects.map((project, index, { length }) => ( @@ -81,23 +81,21 @@ export default function AvailableDemos() { className={`bg-gradient-to-r from-[#232425] to-[#1A1A1C] [background:linear-gradient(to_right,#232425,#1A1A1C)] p-0.5 rounded-2xl flex flex-1 justify-center !duration-500 items-center group max-md:absolute max-md:inset-x-5 max-md:w-auto self-stretch max-md:h-full transition-[scale,transform] will-change-[transform,scale] select-none ${ slideCount - 1 === current ? "max-md:[transform:translateZ(40px)]" - : "max-md:[scale:85%]" - } ${ - slideCount - 1 === (current + 1) % slideCount - ? "max-md:translate-x-[calc(7.5%+20px)]" + : slideCount - 1 === (current + 1) % slideCount + ? "max-md:[transform:translateX(calc(7.5%+20px))_scale(0.85)]" : slideCount - 1 === (current - 1 + slideCount) % slideCount - ? "max-md:translate-x-[calc(-7.5%-20px)]" - : "" + ? "max-md:[transform:translateX(calc(-7.5%-20px))_scale(0.85)]" + : "max-md:[transform:scale(0.85)]" }`} > -
+

{t("demos.ctaTitle")}

{t("demos.ctaButton")} diff --git a/src/features/stream-demo/StreamDemo.tsx b/src/features/stream-demo/StreamDemo.tsx index 0bb39bd..aabd678 100644 --- a/src/features/stream-demo/StreamDemo.tsx +++ b/src/features/stream-demo/StreamDemo.tsx @@ -1,13 +1,11 @@ import { Feedback } from "@/components/Layout/Feedback"; import AvailableDemos from "./AvailableDemos"; -import RequestForDemo from "./RequestForDemo"; import StreamPlayer from "./StreamPlayer"; export default function StreamDemo() { return ( -
+
-
diff --git a/src/features/stream-demo/StreamPlayer.tsx b/src/features/stream-demo/StreamPlayer.tsx index 526f09c..da93d24 100644 --- a/src/features/stream-demo/StreamPlayer.tsx +++ b/src/features/stream-demo/StreamPlayer.tsx @@ -20,7 +20,7 @@ export default function StreamPlayer({ className }: { className?: string }) { muted className="lg:aspect-[1400/640] max-h-dvh md:max-lg:aspect-[736/480] aspect-[340/600]" > -

+

{t("streamPlayer.caption")}

diff --git a/src/features/stream-demo/StreamingProject.tsx b/src/features/stream-demo/StreamingProject.tsx index 47e0d37..9db98eb 100644 --- a/src/features/stream-demo/StreamingProject.tsx +++ b/src/features/stream-demo/StreamingProject.tsx @@ -28,17 +28,16 @@ export function StreamingProject({ const streamHref = build ? streamDemoUrlFromBuild(build) : href; return ( - -
+ ); } diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json index 3ac6c0a..1e3e85f 100644 --- a/src/i18n/locales/en.json +++ b/src/i18n/locales/en.json @@ -48,7 +48,7 @@ "cta": "Request a call" }, "streamPlayer": { - "caption": "GRAFF.estate remote demo module works on\u00a0any device; all you need is an internet connection" + "caption": "GRAFF.estate Stream is available on\u00a0any device — all you need for a demo is an internet connection." }, "feedback": { "titleLead": "Want to improve conversion?", diff --git a/src/i18n/locales/ru.json b/src/i18n/locales/ru.json index f53b441..7aa62b3 100644 --- a/src/i18n/locales/ru.json +++ b/src/i18n/locales/ru.json @@ -48,7 +48,7 @@ "cta": "Оставить заявку" }, "streamPlayer": { - "caption": "GRAFF.estate — модуль удаленной демонстрации — доступен на\u00a0любых устройствах, для\u00a0демонстрации нужен только интернет" + "caption": "Модуль удаленных продаж GRAFF.estate доступен на\u00a0любых устройствах, для\u00a0демонстрации нужен только\u00a0интернет." }, "feedback": { "titleLead": "Хотите увеличить конверсию?", diff --git a/src/ui/Button.tsx b/src/ui/Button.tsx index c40f0a6..f751625 100644 --- a/src/ui/Button.tsx +++ b/src/ui/Button.tsx @@ -35,9 +35,13 @@ export function Button({ className={`group cursor-pointer relative px-6 py-2${ rounded ? " rounded-" + rounded : "" } min-w-fit ${ - (color === "primary" ? "bg-gradient" : "") || + (color === "primary" ? "bg-gradient-saturated" : "") || (color === "secondary" ? " outline-1 outline-[#3D425C]" : "") - } ${icon ? "pr-4" : ""} flex gap-1 items-center overflow-hidden ${widthClass} ${className ?? ""} justify-between`} + } ${ + icon ? "pr-4" : "" + } flex gap-1 items-center overflow-hidden ${widthClass} ${ + className ?? "" + } justify-between`} >