Landing & contact page done, services & prices missing

src/app/components/Navbar.module.css

@@ -17,9 +17,8 @@
 
 /* Position nav items correctly */
 .navbar .container li {
-  display: inline;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
 }
 
 /* Reset default styling on links */
@@ -38,6 +37,23 @@
   font-weight: bold;
 }
 
+.navbar .container li a svg {
+  width: 1em;
+  height: 1em;
+}
+
+.navbar .container li a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25em;
+}
+
+.navbar .container li:last-child {
+  color: white;
+  background-color: var(--accent);
+}
+
 .menuIcon {
   font-size: 1.5rem;
   cursor: pointer;
@@ -61,10 +77,11 @@
 
     font-size: 1rem;
     background-color: white;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
 
     transition-property: top border-radius;
     transition-duration: 0.3s;
-
   }
 
   .links {
@@ -76,6 +93,7 @@
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     margin-bottom: 0.5rem;
+    border-radius: 0.5em;
   }
 
   .active {
@@ -122,3 +140,16 @@
   flex-direction: row;
   justify-content: space-between;
 }
+
+.logo {
+  display: flex;
+  gap: 1em;
+  flex-flow: row nowrap;
+  align-items: center;
+}
+
+.logo p {
+  color: black;
+  margin-bottom: 0;
+  font-family: var(--font-geist-mono);
+}