From 710b0ed2a266f005500cb5c40cc2698c1d943966 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Fri, 30 Jan 2026 21:56:54 +0000
Subject: [PATCH] Bob AI: Can we show technical skills in another way I don'...

---
 src/app/page.tsx | 70 +++++++++++++++++++++++++-----------------------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2470e2d..7eecea7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,11 +5,11 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Code, Layers, Shield, Sparkles, Workflow, Zap, Star } from "lucide-react";
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 
 export default function LandingPage() {
   return (
@@ -94,39 +94,41 @@ export default function LandingPage() {
       </div>
 
       <div id="skills" data-section="skills">
-        <FeatureHoverPattern 
-          title="Technical Skills"
-          description="Core competencies and specialized expertise in motion graphics and animation production."
-          features={[
-            {
-              icon: Zap,
-              title: "3D Animation",              description: "Character rigging, keyframe animation, motion capture integration, and complex mechanical animation using industry-standard software."
-            },
-            {
-              icon: Shield,
-              title: "VFX & Compositing",              description: "Advanced compositing, particle systems, green screen keying, color grading, and seamless integration of visual effects into final footage."
-            },
-            {
-              icon: Code,
-              title: "Motion Design",              description: "Kinetic typography, logo animations, transition design, and creative motion solutions for broadcast and digital platforms."
-            },
-            {
-              icon: Layers,
-              title: "3D Modeling",              description: "Photorealistic modeling, UV unwrapping, texturing, and lighting setup for product visualization and architectural animation."
-            },
-            {
-              icon: Sparkles,
-              title: "Creative Direction",              description: "Conceptual development, storyboarding, creative problem-solving, and visual narrative construction for complex projects."
-            },
-            {
-              icon: Workflow,
-              title: "Pipeline Optimization",              description: "Streamlined production workflows, asset management, version control, and efficient rendering pipelines for large-scale projects."
-            }
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground="noInvert"
-        />
+      <FeatureCardSeven
+      features={[
+      {
+      icon: Zap,
+      title: "3D Animation",              description: "Character rigging, keyframe animation, motion capture integration, and complex mechanical animation using industry-standard software."
+      },
+      {
+      icon: Shield,
+      title: "VFX & Compositing",              description: "Advanced compositing, particle systems, green screen keying, color grading, and seamless integration of visual effects into final footage."
+      },
+      {
+      icon: Code,
+      title: "Motion Design",              description: "Kinetic typography, logo animations, transition design, and creative motion solutions for broadcast and digital platforms."
+      },
+      {
+      icon: Layers,
+      title: "3D Modeling",              description: "Photorealistic modeling, UV unwrapping, texturing, and lighting setup for product visualization and architectural animation."
+      },
+      {
+      icon: Sparkles,
+      title: "Creative Direction",              description: "Conceptual development, storyboarding, creative problem-solving, and visual narrative construction for complex projects."
+      },
+      {
+      icon: Workflow,
+      title: "Pipeline Optimization",              description: "Streamlined production workflows, asset management, version control, and efficient rendering pipelines for large-scale projects."
+      }
+      ]}
+      animationType="slide-up"
+      title="Technical Skills"
+      description="Core competencies and specialized expertise in motion graphics and animation production."
+      tag="Label"
+      buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+      textboxLayout="default"
+      useInvertedBackground="noInvert"
+      />
       </div>
 
       <div id="testimonials" data-section="testimonials">