diff --git a/src/Components/Sections/About/About.jsx b/src/Components/Sections/About/About.jsx
index 0695904..22bd2cc 100644
--- a/src/Components/Sections/About/About.jsx
+++ b/src/Components/Sections/About/About.jsx
@@ -1142,6 +1142,7 @@ const About = ({ theme = 'light' }) => {
   `;
 
   return (
+    <section id="about" >
     <StyledWrapper $theme={theme}>
       <HeaderSection>
         <Title>
@@ -1335,6 +1336,7 @@ const About = ({ theme = 'light' }) => {
         </DetailModal>
       )}
     </StyledWrapper>
+    </section>
   );
 };
 
diff --git a/src/Components/Sections/Services/Services.jsx b/src/Components/Sections/Services/Services.jsx
index c3e70f3..fefeafe 100644
--- a/src/Components/Sections/Services/Services.jsx
+++ b/src/Components/Sections/Services/Services.jsx
@@ -33,7 +33,7 @@ const Services = () => {
   ];
 
   return (
-    
+    <section id="services" >
     <div className="min-h-screen bg-transparent font-sans overflow-hidden relative" dir="rtl">
     <div className="min-h-screen bg-transparent font-sans overflow-hidden relative">
       <div className="absolute inset-0 z-0 overflow-hidden">
@@ -133,7 +133,7 @@ const Services = () => {
       </div>
     </div>
     </div>
-
+</section>
   );
 };