From f619f28ed56cf93510d4c5496b1c2975eff05214 Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Sun, 20 Oct 2024 19:15:49 +0330
Subject: [PATCH] website homePage design updated

---
 src/app/(routes)/(website)/components/projects/projects.tsx | 2 +-
 src/app/(routes)/(website)/components/services/services.tsx | 6 +++---
 src/app/(routes)/(website)/layout.tsx                       | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/(routes)/(website)/components/projects/projects.tsx b/src/app/(routes)/(website)/components/projects/projects.tsx
index 8ecf4c0..d105dbb 100644
--- a/src/app/(routes)/(website)/components/projects/projects.tsx
+++ b/src/app/(routes)/(website)/components/projects/projects.tsx
@@ -108,7 +108,7 @@ export default function Projects({ dict }: MyProjectsProps) {
           renderSkeletons(4) // Adjust the count as needed
         )}
       </ul>
-      <div className="flex w-full flex-wrap items-start justify-center gap-20">
+      <div className="flex w-full flex-wrap items-start justify-center gap-8 lg:gap-20">
         {filteredProjects.length > 0 ? (
           filteredProjects.map((project, index) => (
             <div key={index} className="project flex w-[45%] flex-wrap">
diff --git a/src/app/(routes)/(website)/components/services/services.tsx b/src/app/(routes)/(website)/components/services/services.tsx
index b44567d..0616068 100644
--- a/src/app/(routes)/(website)/components/services/services.tsx
+++ b/src/app/(routes)/(website)/components/services/services.tsx
@@ -49,7 +49,7 @@ export default function Services({ dict }: ServicesProps) {
   const renderServiceCard = (service?: Service, index?: number) => (
     <div
       key={service?.id || index}
-      className="flex mb-20 w-[45%] flex-wrap items-center rounded-lg bg-[#F8F8F8] p-[22px] lg:w-[22%]"
+      className="flex w-[45%] flex-wrap items-center rounded-lg bg-[#F8F8F8] p-[22px] lg:w-[22%]"
     >
       <div className="my-5 flex w-full justify-start">
         {loading ? (
@@ -58,7 +58,7 @@ export default function Services({ dict }: ServicesProps) {
           <img src={service!.imageSrc} alt={service!.altText} />
         )}
       </div>
-      <h3 className="w-full text-[18px] mb-5 font-[700] text-black xl:text-[23px]">
+      <h3 className="mb-5 w-full text-[18px] font-[700] text-black xl:text-[23px]">
         {loading ? (
           <Skeleton containerClassName="w-full" height={32} />
         ) : (
@@ -79,7 +79,7 @@ export default function Services({ dict }: ServicesProps) {
 
   return (
     <div
-      className="flex w-full max-w-[90%] flex-col flex-wrap items-center pt-[100px]"
+      className="mb-20 flex w-full max-w-[90%] flex-col flex-wrap items-center pt-[100px]"
       id="services"
     >
       <h2 className="mb-10 text-[55px] font-[800] capitalize text-black">
diff --git a/src/app/(routes)/(website)/layout.tsx b/src/app/(routes)/(website)/layout.tsx
index 4beec59..8f82f07 100644
--- a/src/app/(routes)/(website)/layout.tsx
+++ b/src/app/(routes)/(website)/layout.tsx
@@ -35,10 +35,10 @@ export default function RootLayout({
       <div className="absolute start-0 top-0 opacity-0" id="here-is-top"></div>
       <a
         href="/#here-is-top"
-        className="rotate-90 scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center justify-center rounded-full border-2 p-5 pt-10 text-center text-[25px] font-bold text-gray hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10"
+        className="rotate-90 scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center bg-[rgba(0,0,0,0.05)] justify-center rounded-full border-2 p-5 hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10"
         id="back-to-top"
       >
-        {"<"}
+        <p className="w-full -mb-1 -ms-2 text-[35px] font-bold text-[rgb(128,128,128)]">{"<"}</p>
       </a>
 
       <Header />