fixes

src/App.css

@@ -92,6 +92,10 @@ body {
   min-height: 100vh;
 }
 
+main {
+  min-height: calc(100svh - 56px);
+}
+
 .link {
   display: flex;
   background: var(--highlight-color);
@@ -179,6 +183,7 @@ header {
 
 section.hero-section {
   position: relative;
+  min-height: 100vh;
 }
 
 .hero-grid-container {
@@ -187,34 +192,36 @@ section.hero-section {
   opacity: 40%;
 }
 
-.hero-grid-container > div {
-  min-height: 800px;
+/* .hero-grid-container > div {
+  height: 100%;
   width: 100%;
 }
 
 .hero-grid-one {
-  background-image: url("/public/images/gallery/cypher-features-min.png");
+  background-image: url("/public/images/reliable.png");
   background-repeat: no-repeat;
   background-position: right;
   background-size: cover;
   z-index: 1;
   opacity: 0.5;
+  filter: blur(0px);
 }
 
 .hero-grid-two {
   display: flex;
   justify-content: flex-end;
   background: #242424;
   opacity: 0.5;
+  filter: blur(0px);
 }
 
 .hero-grid-two > div {
-  background-image: url("https://res.cloudinary.com/dzqnbbola/image/upload/v1695764814/hero-image_sio3ns.webp");
+  background-image: url("/public/images/fit.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 100%;
-}
+} */
 
 .hero-text-container {
   position: absolute;
@@ -416,7 +423,6 @@ section.hero-section {
 
 footer {
   text-align: center;
-  margin-top: auto;
   padding: 20px;
   opacity: 60%;
   border-top: var(--border);

src/components/Footer.js

@@ -1,7 +1,7 @@
 function Footer() {
   return (
     <footer>
-      <p>&copy;2023 SAM XANDER</p>
+      <p>&copy;2024 SAM XANDER</p>
     </footer>
   );
 }

src/components/Services.js

@@ -42,16 +42,16 @@ function Services() {
           </div>
         </a>
         <a
-          href="mailto:sam@samxander.com"
+          href="https://github.com/sam-xander"
           rel="noreferrer"
           target="_blank"
           className="card"
         >
           <div className="card-border"></div>
           <div className="card-content">
             <i className="fas fa-laptop fa-2x"></i>
-            <h3 className="services-h3">Contact Me</h3>
-            <p>Send me an email to start the conversation.</p>
+            <h3 className="services-h3">View GitHub</h3>
+            <p>Check out my front-end work.</p>
           </div>
         </a>
       </div>

src/pages/Hero.js

@@ -17,12 +17,12 @@ function Hero() {
         <div className="hero-text-container">
           <div className="hero-text">
             <h2>
-              <span>DESIGNER+</span>
+              <span>UI/UX DESIGNER +</span>
               <br />
               DEVELOPER
             </h2>
             <a
-              href="https://portfolio.samxander.com/"
+              href="https://dribbble.com/samxander"
               target="_blank"
               rel="noreferrer"
               className="link"