bender/08aae634-0f0a-4aa2-9cc8-67ed18665a86
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update card color and border radius for liquid glass UI.

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-15 12:41:40 +00:00
parent cdcc5c512c
commit ee408086d0
2 changed files with 8 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.css
View File

@@ -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);

22
src/pages/HomePage/sections/Services.tsx
View File

@@ -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>
);
}