From 145fe0d024a3e1b2b27ad5773ff00ab24af566ac Mon Sep 17 00:00:00 2001
From: Artem <la.artem.ser@gmail.com>
Date: Sun, 19 Oct 2025 18:21:39 +0300
Subject: [PATCH 1/3] feat: remove card borders and update background colors

---
 .../FrameworkDetailsSection/FrameworkDetailsSection.tsx       | 4 ++--
 src/components/ui/card.tsx                                    | 2 +-
 src/index.css                                                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx b/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
index 56ec61e..763b81e 100644
--- a/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
+++ b/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
@@ -67,10 +67,10 @@ const FrameworkDetailsSection: React.FC<FrameworkDetailsSectionProps> = () => {
     <section className="py-20 px-4 sm:px-6 lg:px-8 bg-background">
       <div className="container mx-auto">
         <div className="text-center mb-16">
-          <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-6">
+          <h2 className="text-3xl font-bold text-foreground mb-6">
             Framework & Technology Details
           </h2>
-          <p className="text-lg text-muted-foreground max-w-3xl mx-auto">
+          <p className="text-lg font-semibold text-muted-foreground max-w-3xl mx-auto">
             Deep dive into the technology that powers our rapid development
           </p>
         </div>
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index 113d66c..3adac87 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
     <div
       data-slot="card"
       className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        "bg-card text-card-foreground flex flex-col gap-6 py-6 shadow-sm",
         className,
       )}
       {...props}
diff --git a/src/index.css b/src/index.css
index 3b2334e..225bde1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -85,7 +85,7 @@
 .dark {
   --background: oklch(0.145 0 0);
   --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
+  --card: oklch(0.16 0 0);
   --card-foreground: oklch(0.985 0 0);
   --popover: oklch(0.205 0 0);
   --popover-foreground: oklch(0.985 0 0);

From 99415539e9970306b776d4b2dace4d6436a707c2 Mon Sep 17 00:00:00 2001
From: Artem <la.artem.ser@gmail.com>
Date: Sun, 19 Oct 2025 18:24:10 +0300
Subject: [PATCH 2/3] feat: replace check icon with CircleCheckBig in featured
 projects

---
 .../FrameworkDetailsSection/FrameworkDetailsSection.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx b/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
index 763b81e..f7eaacc 100644
--- a/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
+++ b/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
-import { Check } from "lucide-react";
+import { CircleCheckBig } from "lucide-react";
 import {
   FrameworkDetailsSectionProps,
   CapabilityListProps,
@@ -20,7 +20,7 @@ const CapabilityList: React.FC<CapabilityListProps> = ({
       <CardContent className="space-y-3">
         {capabilities.map((capability, index) => (
           <div key={index} className="flex items-center gap-3">
-            <Check className="h-4 w-4 text-green-500 flex-shrink-0" />
+            <CircleCheckBig className="h-6 w-6 text-green-500 stroke-3" />
             <span className="text-muted-foreground text-sm">{capability}</span>
           </div>
         ))}

From a9fcb8569491fac2f97e97504d51f3c991e68f37 Mon Sep 17 00:00:00 2001
From: Artem <la.artem.ser@gmail.com>
Date: Sun, 19 Oct 2025 18:31:36 +0300
Subject: [PATCH 3/3] feat: improve better styling and colors

---
 .../FrameworkDetailsSection.tsx                        | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx b/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
index f7eaacc..14594a9 100644
--- a/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
+++ b/src/components/FrameworkDetailsSection/FrameworkDetailsSection.tsx
@@ -11,17 +11,15 @@ const CapabilityList: React.FC<CapabilityListProps> = ({
   capabilities,
 }) => {
   return (
-    <Card className="bg-card border-border">
+    <Card>
       <CardHeader>
-        <CardTitle className="text-xl font-semibold text-foreground">
-          {title}
-        </CardTitle>
+        <CardTitle className="text-2xl text-primary">{title}</CardTitle>
       </CardHeader>
       <CardContent className="space-y-3">
         {capabilities.map((capability, index) => (
-          <div key={index} className="flex items-center gap-3">
+          <div key={index} className="flex items-center gap-5">
             <CircleCheckBig className="h-6 w-6 text-green-500 stroke-3" />
-            <span className="text-muted-foreground text-sm">{capability}</span>
+            <span className="text-muted-foreground text-md">{capability}</span>
           </div>
         ))}
       </CardContent>