Added favicon, adj. fixed header (WIP)

src/pages/contact.js

@@ -59,7 +59,7 @@ function ContactPage() {
         title="Contact"
       />
 
-      <section className="flex flex-col mx-4 mt-24 md:mt-32">
+      <section className="flex flex-col h-full mx-4 mt-24 md:mt-32">
         <div className="flex flex-col items-center justify-around md:flex-row">
           <div className="flex flex-col md:w-1/4">
             <ContactBox />

src/pages/index.js

@@ -106,14 +106,14 @@ export default function Home() {
           `dental implants`,
           `dentures`,
           `general dentistry`,
-          `teeth whitening`
+          `teeth whitening`,
         ]}
         title="Home"
       />
 
-      <section className="flex flex-col items-center w-full h-full bg-cover">
+      <section className="flex flex-col items-center h-full">
         <Hero />
-        <div className="flex flex-col text-lg text-center text-white md:text-justify md:flex-row md:flex-wrap md:justify-center">
+        <div className="z-10 flex flex-col text-lg text-center text-white md:text-justify md:flex-row md:flex-wrap md:justify-center">
           {infoMap()}
         </div>
       </section>

src/pages/services.js

@@ -65,7 +65,7 @@ function ServicesPage() {
     {
       name: `CEREC Dentistry`,
       icon: iconQuery.cerec.childImageSharp.fluid,
-      intro: `Some people avoid cosmetic dental work because they don't have the time for repeat appointments. But thanks to our CEREC services, a new and improved smile can soon be yours. All it takes is a single visit to our convenient Falls Church, VA office.`,
+      intro: `Some people avoid cosmetic dental work because they don't have the time for repeat appointments but thanks to our CEREC services, a new and improved smile can soon be yours. All it takes is a single visit to our convenient Falls Church, VA office.`,
       sections: [
         {
           title: `Instant Results`,

src/shared/header.js

@@ -34,7 +34,7 @@ export default function Header() {
   const routesMap = () => {
     return routes.map((link) => {
       let style =
-        "block mx-6 mt-4 p-1 rounded md:inline-block md:mt-0 md:ml-6 hover:bg-blue-300 transition-colors ease-in-out duration-300";
+        "block mx-6 mt-4 p-2 rounded md:inline-block md:mt-0 md:ml-6 hover:bg-blue-300 transition-colors ease-in-out duration-300";
 
       return link.route.charAt(0) === "/" ? (
         <AniLink
@@ -98,7 +98,7 @@ export default function Header() {
         <nav
           className={`${
             expanded ? `block` : `hidden`
-          } md:flex w-full md:w-auto md:items-center mt-4 border-t-2 border-white md:border-none`}
+          } md:flex w-full md:w-auto md:items-center mt-4 md:mt-0 border-t-2 border-white md:border-none`}
         >
           {routesMap()}
         </nav>

src/shared/layout.js

@@ -7,7 +7,7 @@ export default function Layout({ children }) {
     <div className="flex flex-col min-h-screen">
       <Header />
 
-      <main className="flex-1 flex-grow w-full h-full overflow-y-auto">
+      <main className="flex-1 flex-grow h-full overflow-y-auto">
         {children}
       </main>