From 8cd03db1822a41e78d431dfdcde46a027f529810 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 10:51:16 +0000
Subject: [PATCH] Switch to version 2: modified
 src/components/sections/about/AboutFeaturesSplit.tsx

---
 src/components/sections/about/AboutFeaturesSplit.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/sections/about/AboutFeaturesSplit.tsx b/src/components/sections/about/AboutFeaturesSplit.tsx
index 30d0e36..0593f68 100644
--- a/src/components/sections/about/AboutFeaturesSplit.tsx
+++ b/src/components/sections/about/AboutFeaturesSplit.tsx
@@ -1,4 +1,3 @@
-import AnimatedBackground from "@/components/custom/AnimatedBackground";
 import type { LucideIcon } from "lucide-react";
 import Button from "@/components/ui/Button";
 import TextAnimation from "@/components/ui/TextAnimation";
@@ -25,8 +24,7 @@ const AboutFeaturesSplit = ({
   videoSrc,
 }: AboutFeaturesSplitProps) => {
   return (
-    <section aria-label="About section" className="py-20 relative">
-      <AnimatedBackground />
+    <section aria-label="About section" className="py-20">
       <div className="flex flex-col gap-8 mx-auto w-content-width">
         <div className="flex flex-col items-center gap-2">
           <span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
@@ -56,7 +54,7 @@ const AboutFeaturesSplit = ({
         </div>
 
         <div className="flex flex-col md:flex-row md:items-stretch gap-5">
-          <div className="flex flex-col justify-center gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 w-full md:w-4/10 2xl:w-3/10 card rounded bg-transparent backdrop-blur-lg border border-white/20">
+          <div className="flex flex-col justify-center gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 w-full md:w-4/10 2xl:w-3/10 card rounded">
             {items.map((item, index) => {
               const ItemIcon = resolveIcon(item.icon);
               return (
@@ -76,7 +74,7 @@ const AboutFeaturesSplit = ({
             })}
           </div>
 
-          <div className="p-3 xl:p-4 2xl:p-5 w-full md:w-6/10 2xl:w-7/10 h-80 md:h-auto card rounded overflow-hidden bg-transparent">
+          <div className="p-3 xl:p-4 2xl:p-5 w-full md:w-6/10 2xl:w-7/10 h-80 md:h-auto card rounded overflow-hidden">
             <div className="relative size-full">
               <ImageOrVideo imageSrc={imageSrc} videoSrc={videoSrc} className="absolute inset-0 object-cover rounded" />
             </div>