From 45aded2396a272a7d078828b8f632ea0abe1ddb4 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 20 Apr 2026 13:26:40 +0000 Subject: [PATCH 1/3] Bob AI: Adjust the border-radius property to make elements less roun --- src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index b673d27..72fc60f 100644 --- a/src/index.css +++ b/src/index.css @@ -16,7 +16,7 @@ --background-accent: #222222; /* @layout/border-radius/rounded */ - --radius: 0.5rem; + --radius: 0.3rem; /* @layout/content-width/medium */ --width-content-width: clamp(40rem, 80vw, 100rem); -- 2.49.1 From d7bdcfe68e4f7b581522997e2e316c96a2597696 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 20 Apr 2026 13:27:43 +0000 Subject: [PATCH 2/3] Bob AI: Implement CSS hover animations for buttons, adding visual fe --- src/index.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/index.css b/src/index.css index 72fc60f..f15f0a8 100644 --- a/src/index.css +++ b/src/index.css @@ -183,9 +183,16 @@ h6 { } .primary-button:hover { - animation: button-lift-glow-primary 0.4s ease-out forwards; + transform: translateY(-3px); + box-shadow: + color-mix(in srgb, var(--color-background) 15%, transparent) 0px 4px 10px 0px inset, + color-mix(in srgb, var(--color-background) 15%, transparent) 0px -4px 8px 0px inset, + 0 8px 15px -3px color-mix(in srgb, var(--primary-cta) 30%, transparent); } .secondary-button:hover { - animation: button-lift-glow-secondary 0.4s ease-out forwards; + transform: translateY(-3px); + box-shadow: + 0 1px 2px 0 rgb(0 0 0 / 0.05), + 0 8px 15px -3px color-mix(in srgb, var(--secondary-cta-text) 30%, transparent); } -- 2.49.1 From 36c3fe9e14045fba281e776e20a077ad23c180ba Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 20 Apr 2026 13:29:05 +0000 Subject: [PATCH 3/3] Bob AI: Add a new text element within the hero section containing th --- src/App.tsx | 1 + src/index.css | 10 ++++++++++ 2 files changed, 11 insertions(+) diff --git a/src/App.tsx b/src/App.tsx index abf5eec..61fcb49 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -55,6 +55,7 @@ export default function App() { }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AM9hp4M6eDzEwMxDU5gYArbELf/a-sleek-modern-high-tech-marketing-offic-1776690837523-6e0bf547.png" /> +

Trusted by over 2000 agencies

diff --git a/src/index.css b/src/index.css index f15f0a8..625c981 100644 --- a/src/index.css +++ b/src/index.css @@ -196,3 +196,13 @@ h6 { 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 8px 15px -3px color-mix(in srgb, var(--secondary-cta-text) 30%, transparent); } + +.hero-trust-badge { + color: var(--foreground); + font-size: var(--text-sm); + margin-top: -4rem; + text-align: center; + position: relative; + z-index: 10; + opacity: 0.8; +} -- 2.49.1