SEO keywords & style changes

jccdev45 · Sep 2, 2020 · ca701f2 · ca701f2
1 parent 6f58775
commit ca701f2
Show file tree

Hide file tree

Showing 5 changed files with 66 additions and 15 deletions.
diff --git a/src/components/kahntact.js b/src/components/kahntact.js
@@ -29,7 +29,7 @@ export default function ContactBox() {
         <li>(703) 534-3177</li>
       </ul>
       <ul className="px-4 py-2 mx-4 my-6 text-xl text-center text-white bg-blue-400 border border-white rounded shadow-lg md:py-8">
-        <h2 className="border-b-2 border-white">Business Hours</h2>
+        <h2 className="text-2xl font-bold border-b-2 border-white">Business Hours</h2>
         {scheduleMap()}
       </ul>
     </div>

diff --git a/src/pages/contact.js b/src/pages/contact.js
@@ -2,6 +2,7 @@ import React, { useState, useRef } from "react";
 import { navigate } from "gatsby";
 import Layout from "../shared/layout";
 import ContactBox from "../components/kahntact";
+import SEO from "../shared/seo";
 
 function ContactPage() {
   const [state, setContactState] = useState({});
@@ -39,13 +40,34 @@ function ContactPage() {
 
   return (
     <Layout>
+      <SEO
+        keywords={[
+          `fcdental`,
+          `falls church dental`,
+          `falls church dentist`,
+          `falls church va`,
+          `dr albert m boyce`,
+          `albert m boyce dds`,
+          `cerec dentistry`,
+          `dental bridges`,
+          `dental crowns`,
+          `dental implants`,
+          `dentures`,
+          `general dentistry`,
+          `teeth whitening`,
+        ]}
+        title="Contact"
+      />
+
       <section className="flex flex-col 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 />
           </div>
           <div className="flex flex-col w-full p-2 mb-2 rounded-lg shadow-lg md:w-1/2">
-            <h1 className="mx-auto text-3xl">Contact Us</h1>
+            <h1 className="mx-auto text-3xl border-b border-blue-300">
+              Contact Us
+            </h1>
             <form
               className="my-10"
               method="post"
@@ -62,12 +84,12 @@ function ContactPage() {
                 className="block mb-2 text-xs font-bold uppercase"
                 htmlFor="name"
               >
-                Name
+                <span className="border-b border-blue-300">Name</span>
                 <input
                   onChange={handleChange}
                   value={state.name}
                   name="name"
-                  className="w-full mb-6 form-input"
+                  className="w-full mt-2 mb-6 bg-blue-100 form-input"
                   id="name"
                   type="text"
                 />
@@ -77,12 +99,12 @@ function ContactPage() {
                 className="block mb-2 text-xs font-bold uppercase"
                 htmlFor="email"
               >
-                Email
+                <span className="border-b border-blue-300">Email</span>
                 <input
                   onChange={handleChange}
                   value={state.email}
                   name="email"
-                  className="w-full mb-6 form-input"
+                  className="w-full mt-2 mb-6 bg-blue-100 form-input"
                   id="email"
                   type="email"
                 />
@@ -92,12 +114,12 @@ function ContactPage() {
                 className="block mb-2 text-xs font-bold uppercase"
                 htmlFor="message"
               >
-                Message
+                <span className="border-b border-blue-300">Message</span>
                 <textarea
                   onChange={handleChange}
                   value={state.message}
                   name="message"
-                  className="w-full mb-6 form-textarea"
+                  className="w-full mt-2 mb-6 bg-blue-100 form-textarea"
                   id="message"
                   rows="8"
                 />

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -58,7 +58,7 @@ export default function Home() {
     {
       icon: iconQuery.services.childImageSharp.fluid,
       leading: `Depend on the qualified services...`,
-      body: `of a Falls Church, VA, dentist from Dr. Albert M. Boyce, DDS today. We are members of the American Dental Association, and we also work with a team of periodontists in the same office. For more information on how we can help you strengthen your smile, contact our Falls Church, VA, office and speak with one of our knowledgeable staff members.`,
+      body: `from Dr. Albert M. Boyce, DDS today. We are members of the American Dental Association, and we also work with a team of periodontists in the same office. For more information on how we can help you strengthen your smile, contact our Falls Church, VA, office and speak with one of our knowledgeable staff members.`,
     },
   ];
 
@@ -94,10 +94,19 @@ export default function Home() {
     <Layout>
       <SEO
         keywords={[
-          `falls church dental`,
           `fcdental`,
+          `falls church dental`,
           `falls church dentist`,
-          `dr albert boyce`,
+          `falls church va`,
+          `dr albert m boyce`,
+          `albert m boyce dds`,
+          `cerec dentistry`,
+          `dental bridges`,
+          `dental crowns`,
+          `dental implants`,
+          `dentures`,
+          `general dentistry`,
+          `teeth whitening`
         ]}
         title="Home"
       />

diff --git a/src/pages/services.js b/src/pages/services.js
@@ -4,6 +4,7 @@ import Img from "gatsby-image";
 
 import Layout from "../shared/layout";
 import ContactBox from "../components/kahntact";
+import SEO from "../shared/seo";
 
 function ServicesPage() {
   const iconQuery = useStaticQuery(graphql`
@@ -174,6 +175,25 @@ function ServicesPage() {
 
   return (
     <Layout>
+      <SEO
+        keywords={[
+          `fcdental`,
+          `falls church dental`,
+          `falls church dentist`,
+          `falls church va`,
+          `dr albert m boyce`,
+          `albert m boyce dds`,
+          `cerec dentistry`,
+          `dental bridges`,
+          `dental crowns`,
+          `dental implants`,
+          `dentures`,
+          `general dentistry`,
+          `teeth whitening`,
+        ]}
+        title="Services"
+      />
+
       <section className="h-full mx-8 mt-24 md:my-32 md:mx-20">
         <div className="flex flex-no-wrap justify-between py-4 overflow-auto text-center text-white whitespace-no-wrap bg-blue-600 rounded-lg">
           {nameMap()}

diff --git a/src/shared/footer.js b/src/shared/footer.js
@@ -4,12 +4,12 @@ export default function Footer() {
   return (
     <footer className="flex items-center justify-between w-full p-4 text-white bg-blue-500">
       <span className="flex flex-col md:flex-row">
-        <span>Dr. Albert M. Boyce, DDS.</span>
-        <span>© {new Date().getFullYear()}</span>
-        <span>All rights reserved.</span>
+        <span className="mx-1">Dr. Albert M. Boyce, DDS</span>
+        <span className="mx-1">© {new Date().getFullYear()}</span>
+        <span className="mx-1">All rights reserved.</span>
       </span>
       <span className="flex flex-col md:flex-row">
-        <span>Design by: </span>
+        <span className="mx-1">Design by: </span>
         <a
           href="https://www.jcc-dev.netlify.app"
           target="_blank"