diff --git a/src/index.twig b/src/index.twig
index f125d00..5becd4c 100644
--- a/src/index.twig
+++ b/src/index.twig
@@ -36,15 +36,15 @@
             Delivering digital experiences that perform and impress.
           </p>
           <p>
-            <a href="#services" class="link js-scroll">
-              <span>Discover Services</span>
+            <a href="#works" class="link js-scroll">
+              <span>Discover Works</span>
             </a>
           </p>
         </div>
       </div>
 
       <div class="scroll-hint js-scroll-hint">
-        <a href="#services" class="scroll-hint__link" aria-label="Scroll">
+        <a href="#works" class="scroll-hint__link" aria-label="Scroll">
           <svg viewBox="0 0 100 100"
             class="scroll-hint__icon"
             aria-hidden="true">
@@ -66,36 +66,6 @@
       </div>
     </section>
 
-    <section id="services"
-      class="section section--vh section--centered section--services"
-      data-color="light">
-      <div class="container">
-        <h2 class="js-scroll-reveal">
-          Services
-        </h2>
-
-        <p class="lead lead--narrow js-scroll-reveal">
-          Modern and polished web solutions built using reliable technology. Paired with seamless motion design to enhance the user experience.
-        </p>
-
-        <div class="services">
-          <ul class="services__list js-scroll-reveal">
-            <li class="services__item"><span>Websites</span></li>
-            <li class="services__item"><span>Microsites</span></li>
-            <li class="services__item"><span>E-Commerce</span></li>
-            <li class="services__item"><span>User Interfaces</span></li>
-          </ul>
-
-          <ul class="services__list js-scroll-reveal">
-            <li class="services__item"><span>Design Systems</span></li>
-            <li class="services__item"><span>Interaction Design</span></li>
-            <li class="services__item"><span>Web Animations</span></li>
-            <li class="services__item"><span>Scroll Experiences</span></li>
-          </ul>
-        </div>
-      </div>
-    </section>
-
     <section id="works"
       class="section section--centered section--work"
       data-color="dark">
@@ -221,6 +191,36 @@
       </div>
     </section>
 
+    <section id="services"
+      class="section section--vh section--centered section--services"
+      data-color="light">
+      <div class="container">
+        <h2 class="js-scroll-reveal">
+          Services
+        </h2>
+
+        <p class="lead lead--narrow js-scroll-reveal">
+          Modern and polished web solutions built using reliable technology. Paired with seamless motion design to enhance the user experience.
+        </p>
+
+        <div class="services">
+          <ul class="services__list js-scroll-reveal">
+            <li class="services__item"><span>Websites</span></li>
+            <li class="services__item"><span>Microsites</span></li>
+            <li class="services__item"><span>E-Commerce</span></li>
+            <li class="services__item"><span>User Interfaces</span></li>
+          </ul>
+
+          <ul class="services__list js-scroll-reveal">
+            <li class="services__item"><span>Design Systems</span></li>
+            <li class="services__item"><span>Interaction Design</span></li>
+            <li class="services__item"><span>Web Animations</span></li>
+            <li class="services__item"><span>Scroll Experiences</span></li>
+          </ul>
+        </div>
+      </div>
+    </section>
+
     {# <section id="awards" class="section section--centered section--work">
       <div class="container">
         <h2 class="js-scroll-reveal">