From 92f56a42adb29f1f2587fac36d9bacf228237763 Mon Sep 17 00:00:00 2001
From: sanjidarimi <sanjidarimi312@gmail.com>
Date: Sun, 17 May 2026 21:03:25 +0600
Subject: [PATCH] fixed border isssues

---
 src/components/home/ServicesSection.tsx       | 20 +++++++++++++------
 .../admins/components/dashboards/Sidebar.tsx  |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/home/ServicesSection.tsx b/src/components/home/ServicesSection.tsx
index 1898c30..8e760db 100644
--- a/src/components/home/ServicesSection.tsx
+++ b/src/components/home/ServicesSection.tsx
@@ -1,7 +1,9 @@
 import { motion, useInView } from "framer-motion";
-import { Brain, Cloud, Globe, Smartphone } from "lucide-react";
+import { ArrowRight, Brain, Cloud, Globe, Smartphone } from "lucide-react";
 import { useRef } from "react";
+import { Link } from "react-router-dom";
 import PremiumBadge from "../shared/PremiumBadge";
+import { Button } from "../ui/button";
 
 const services = [
   {
@@ -51,7 +53,7 @@ export default function ServicesSection() {
             <PremiumBadge text="Our Expertise" />
             <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold mb-4 mt-2">
               <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary to-accent-foreground">
-                Services {" "}
+                Services{" "}
               </span>
               We Provide
             </h2>
@@ -59,6 +61,12 @@ export default function ServicesSection() {
               We design and develop digital products that solve real business
               problems and create better user experiences.
             </p>
+            <Button className="mt-4 rounded-full neon-glow flex gap-2">
+              <Link to="technologies"> Know More </Link>{" "}
+              <span>
+                <ArrowRight />
+              </span>
+            </Button>
           </motion.div>
 
           <div className="w-full lg:w-2/3 grid sm:grid-cols-2 gap-8 lg:pt-6">
@@ -71,11 +79,11 @@ export default function ServicesSection() {
                   transition={{ duration: 0.6, delay: index * 0.1 }}
                   className={`group relative  p-[1.5px] overflow-hidden transition-all duration-500 `}
                 >
-                  <div className="absolute top-0 left-0 w-0 h-[2px] bg-gradient-to-r from-primary to-transparent group-hover:w-full transition-all duration-500 ease-out z-10" />
-                  <div className="absolute top-0 left-0 w-[2px] h-0 bg-gradient-to-b from-primary to-transparent group-hover:h-full transition-all duration-500 ease-out z-10" />
+                  <div className="absolute top-0 left-0 h-0.5 bg-gradient-to-r from-primary to-transparent w-full transition-all duration-500 ease-out z-10" />
+                  <div className="absolute top-0 left-0 w-0.5 bg-gradient-to-b from-primary to-transparent h-full transition-all duration-500 ease-out z-10" />
 
-                  <div className="absolute bottom-0 right-0 w-0 h-[2px] bg-gradient-to-l from-primary to-transparent group-hover:w-full transition-all duration-500 ease-out z-10" />
-                  <div className="absolute bottom-0 right-0 w-[2px] h-0 bg-gradient-to-t from-primary to-transparent group-hover:h-full transition-all duration-500 ease-out z-10" />
+                  <div className="absolute bottom-0 right-0 w-0 h-0.5 bg-gradient-to-l from-primary to-transparent group-hover:w-full transition-all duration-500 ease-out z-10" />
+                  <div className="absolute bottom-0 right-0 w-0.5 h-0 bg-gradient-to-t from-primary to-transparent group-hover:h-full transition-all duration-500 ease-out z-10" />
 
                   <div className="relative h-full p-8 bg-primary/5 dark:bg-card/40 backdrop-blur-sm transition-all duration-300 overflow-hidden z-0">
                     <motion.div
diff --git a/src/pages/admins/components/dashboards/Sidebar.tsx b/src/pages/admins/components/dashboards/Sidebar.tsx
index dcfb9f4..476822e 100644
--- a/src/pages/admins/components/dashboards/Sidebar.tsx
+++ b/src/pages/admins/components/dashboards/Sidebar.tsx
@@ -36,7 +36,7 @@ export default function Sidebar({ isCollapsed }: { isCollapsed: boolean }) {
     
       <div className="h-16 flex items-center px-6">
         <Link to="/" className={cn("font-bold truncate text-4xl", isCollapsed && "hidden")}>
-          TechZaa.tech
+          TechZaa
         </Link>
         {isCollapsed && <span className="font-bold mx-auto text-xl">TZ</span>}
       </div>