From ee408086d086ef94c4dacba4e07e12842017ae4e Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 12:41:40 +0000
Subject: [PATCH] Bob AI: Update card color and border radius for liquid glass
 UI.

---
 src/index.css                            |  4 ++--
 src/pages/HomePage/sections/Services.tsx | 22 ++++++----------------
 2 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/index.css b/src/index.css
index b1f2bc8..cee984f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,7 +6,7 @@
 :root {
   /* @colorThemes/lightTheme/neutral */
   --background: #000000;
-  --card: #0a0a0a;
+  --card: #000000;
   --foreground: #ffffff;
   --primary-cta: #005eff;
   --primary-cta-text: #ffffff;
@@ -16,7 +16,7 @@
   --background-accent: #000000;
 
   /* @layout/border-radius/rounded */
-  --radius: 1rem;
+  --radius: 2rem;
 
   /* @layout/content-width/spacious */
   --width-content-width: clamp(40rem, 67.5vw, 61rem);
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
index 9523117..398843f 100644
--- a/src/pages/HomePage/sections/Services.tsx
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -8,22 +8,12 @@ export default function ServicesSection(): React.JSX.Element {
   return (
     <div id="services" data-section="services">
               <FeaturesBentoGridCta
-                tag="Services"
-                title="What I Bring to the Table"
-                description="End-to-end creative services designed to make your brand impossible to ignore — from the first frame to the final pixel."
-                features={[
-                  { title: "Photography", description: "Art-directed shoots that capture your brand's personality. Every image is color-graded and built to stop the scroll.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp" },
-                  { title: "Product Design", description: "User-centered interfaces for apps and SaaS products. From wireframe to pixel-perfect UI — intuitive experiences that keep users coming back.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp" },
-                  { title: "Website", description: "Conversion-focused websites that look sharp and perform. Clean layouts, strategic CTAs, and responsive design that turns traffic into revenue.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp" },
-                  { title: "Videos", description: "Brand films and product videos engineered for engagement. Story-driven visuals that convert viewers into customers.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp" },
-                ]}
-                ctaButton={{
-                  text: "Book a call with me",
-                  href: "#contact",
-                  avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
-                  avatarLabel: "You",
-                }}
-              />
+        tag="Services"
+        title="What We Bring to the Table"
+        description="End-to-end motion design services designed to make your brand impossible to ignore — from the first frame to the final pixel."
+        features={[{"imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp","description":"High-end brand films that capture your company's vision and story. Every frame is engineered to engage and inspire.","title":"Brand Films"},{"imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp","title":"Product Explainers","description":"Clear, concise, and visually stunning product explainers that break down complex SaaS and Tech products."},{"imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp","title":"Marketing Videos","description":"High-impact marketing videos designed to drive conversions and capture attention across all platforms."},{"imageSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp","title":"Launch Campaigns","description":"Dynamic launch campaigns that build hype and deliver results for your new product or feature release."}]}
+        ctaButton={{"text":"Book a call with us","href":"#contact","avatarLabel":"You","avatarSrc":"https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp"}}
+      />
             </div>
   );
 }