diff --git a/.env.example b/.env.example
index 4ca6df9..794be1f 100644
--- a/.env.example
+++ b/.env.example
@@ -5,5 +5,5 @@ GoogleClientId=
 AuthProductionBaseURL=https:/web-jam-back-dev.herokuapp.com
 userRoles={"roles" : ["Rolename1", "Rolename2"]}
 AllowUrl={"urls": ["http://something.com", "https://something.com", "http://localhost:7000", "http://localhost:9000"]}
-BUILD_BRANCH=master
+BUILD_BRANCH=main
 HashString=
diff --git a/package-lock.json b/package-lock.json
index f93cef6..e8c9f03 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "appersonautomotive.com",
-  "version": "3.0.0",
+  "version": "3.0.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "appersonautomotive.com",
-      "version": "3.0.0",
+      "version": "3.0.3",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index 35dfa48..513983d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "appersonautomotive.com",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "appersonautomotive.com",
   "main": "dist/index.html",
   "repository": {
@@ -14,7 +14,6 @@
   "files": [
     "vite.config.ts",
     "src/",
-    "static/",
     "public/"
   ],
   "keywords": [
@@ -31,7 +30,7 @@
     "build": "vite build",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
-    "test:stylelint": "stylelint \"static/**/*.scss\"",
+    "test:stylelint": "stylelint \"src/**/*.scss\"",
     "lint:fix": "eslint . --fix",
     "test:lint-fix": "npm run test:stylelint && npm run lint:fix",
     "test:lint": "npm run test:stylelint && eslint .",
diff --git a/static/imgs/banner1.jpg b/public/imgs/banner1.jpg
similarity index 100%
rename from static/imgs/banner1.jpg
rename to public/imgs/banner1.jpg
diff --git a/static/imgs/banner2.jpg b/public/imgs/banner2.jpg
similarity index 100%
rename from static/imgs/banner2.jpg
rename to public/imgs/banner2.jpg
diff --git a/static/imgs/banner3.jpg b/public/imgs/banner3.jpg
similarity index 100%
rename from static/imgs/banner3.jpg
rename to public/imgs/banner3.jpg
diff --git a/static/imgs/banner4.jpg b/public/imgs/banner4.jpg
similarity index 100%
rename from static/imgs/banner4.jpg
rename to public/imgs/banner4.jpg
diff --git a/static/imgs/banner5.png b/public/imgs/banner5.png
similarity index 100%
rename from static/imgs/banner5.png
rename to public/imgs/banner5.png
diff --git a/static/imgs/creditCards.gif b/public/imgs/creditCards.gif
similarity index 100%
rename from static/imgs/creditCards.gif
rename to public/imgs/creditCards.gif
diff --git a/static/imgs/photo3.png b/public/imgs/photo3.png
similarity index 100%
rename from static/imgs/photo3.png
rename to public/imgs/photo3.png
diff --git a/static/imgs/photo4.png b/public/imgs/photo4.png
similarity index 100%
rename from static/imgs/photo4.png
rename to public/imgs/photo4.png
diff --git a/static/imgs/photo9.png b/public/imgs/photo9.png
similarity index 100%
rename from static/imgs/photo9.png
rename to public/imgs/photo9.png
diff --git a/src/App/Footer.tsx b/src/App/Footer.tsx
index a569590..8df98d5 100644
--- a/src/App/Footer.tsx
+++ b/src/App/Footer.tsx
@@ -3,10 +3,7 @@ import React from 'react';
 const footerLinks = () => (
   <>
     <div style={{ textAlign: 'center', padding: '6px' }} className="footerLinks">
-      <a aria-label="Facebook" href="https://www.facebook.com/pages/Apperson-Automotive/361511727202422">
-        <i style={{ color: '#45c9ff' }} className="fab fa-facebook-square fa-2x" aria-hidden="true" />
-      </a>
-      <a href="https://www.yellowpages.com/salem-va/mip/apperson-automotive-482421530" style={{ marginLeft: '40px' }}>
+      <a href="https://www.yellowpages.com/salem-va/mip/apperson-automotive-482421530">
         <img
           style={{ marginBottom: '15px', verticalAlign: 'middle' }}
           src="https://insightmg.com/wp-content/uploads/2015/12/YP_Insight-Marketing-Group_Marketing-for-Medical-Practices.png"
diff --git a/src/components/pic-slider.tsx b/src/components/pic-slider.tsx
index 0a17aeb..f5b0a7d 100644
--- a/src/components/pic-slider.tsx
+++ b/src/components/pic-slider.tsx
@@ -5,13 +5,16 @@ import Caption from './PicSlider/caption';
 
 const settings = {
   autoplay: true,
-  autoplaySpeed: 3000,
+  autoplaySpeed: 5000,
   infinite: true,
   speed: 1000,
   slidesToShow: 1,
   slidesToScroll: 1,
   arrows: false,
   fade: true,
+  // even out the first slide's interval (react-slick fade+autoplay quirk
+  // makes the first photo otherwise linger longer than the rest)
+  waitForAnimate: false,
 };
 export interface IpicData {
   _id: string, url: string, title: string, comments: string
diff --git a/src/containers/AutoMaintenance/index.tsx b/src/containers/AutoMaintenance/index.tsx
index 3dc75b0..b544572 100644
--- a/src/containers/AutoMaintenance/index.tsx
+++ b/src/containers/AutoMaintenance/index.tsx
@@ -24,7 +24,7 @@ export class AutoMaintenance extends Component<AutoMaintenanceProps> {
   coupon() { // eslint-disable-line class-methods-use-this
     return (
       <div style={{ width: '295px', margin: 'auto' }}>
-        <img id="coupon" alt="graphic coupon" src="../static/imgs/banner5.png" />
+        <img id="coupon" alt="graphic coupon" src="/imgs/banner5.png" />
       </div>
     );
   }
diff --git a/src/containers/Contact/NarrowMap.tsx b/src/containers/Contact/NarrowMap.tsx
index 25d741e..9b90f77 100644
--- a/src/containers/Contact/NarrowMap.tsx
+++ b/src/containers/Contact/NarrowMap.tsx
@@ -45,7 +45,7 @@ const NarrowMap = () => (
         <br />
         Cash and Personal Checks
         <br />
-        <img alt="Accepted Credit Cards" src="/static/imgs/creditCards.gif" />
+        <img alt="Accepted Credit Cards" src="/imgs/creditCards.gif" />
         <br />
         Fleet Maintenance Cards
         <br />
diff --git a/src/containers/Contact/WideMap.tsx b/src/containers/Contact/WideMap.tsx
index 870e6d7..7ba1d6a 100644
--- a/src/containers/Contact/WideMap.tsx
+++ b/src/containers/Contact/WideMap.tsx
@@ -65,7 +65,7 @@ const WideMap = () => (
         <br />
         Cash and Personal Checks
         <br />
-        <img alt="Accepted Credit Cards" src="/static/imgs/creditCards.gif" />
+        <img alt="Accepted Credit Cards" src="/imgs/creditCards.gif" />
         <br />
         Fleet Maintenance Cards
         <br />
diff --git a/src/containers/GeneralAutoRepair/index.tsx b/src/containers/GeneralAutoRepair/index.tsx
index d6770b3..096eec2 100644
--- a/src/containers/GeneralAutoRepair/index.tsx
+++ b/src/containers/GeneralAutoRepair/index.tsx
@@ -29,7 +29,7 @@ export class General extends Component<GeneralAutoRepairProps> {
   coupon() { // eslint-disable-line class-methods-use-this
     return (
       <div style={{ width: '295px', margin: 'auto' }}>
-        <img id="coupon" alt="graphic coupon" src="../static/imgs/banner5.png" />
+        <img id="coupon" alt="graphic coupon" src="/imgs/banner5.png" />
       </div>
     );
   }
diff --git a/src/containers/Homepage/index.tsx b/src/containers/Homepage/index.tsx
index 90f9cc2..a3417f8 100644
--- a/src/containers/Homepage/index.tsx
+++ b/src/containers/Homepage/index.tsx
@@ -52,7 +52,7 @@ export class Homepage extends Component<HomepageProps, unknown> {
   coupon() { // eslint-disable-line class-methods-use-this
     return (
       <div style={{ width: '295px', margin: 'auto' }}>
-        <img id="coupon" alt="graphic coupon" src="../static/imgs/banner5.png" />
+        <img id="coupon" alt="graphic coupon" src="/imgs/banner5.png" />
       </div>
     );
   }
diff --git a/src/containers/MajorAutoRepair/index.tsx b/src/containers/MajorAutoRepair/index.tsx
index 5760dcd..305e14b 100644
--- a/src/containers/MajorAutoRepair/index.tsx
+++ b/src/containers/MajorAutoRepair/index.tsx
@@ -19,7 +19,7 @@ export class Major extends React.Component<MajorAutoProps, unknown> {
   coupon() { // eslint-disable-line class-methods-use-this
     return (
       <div style={{ width: '295px', margin: 'auto' }}>
-        <img id="coupon" alt="graphic coupon" src="../static/imgs/banner5.png" />
+        <img id="coupon" alt="graphic coupon" src="/imgs/banner5.png" />
       </div>
     );
   }
diff --git a/src/lib/slides.tsx b/src/lib/slides.tsx
index fdb8344..6505a0e 100644
--- a/src/lib/slides.tsx
+++ b/src/lib/slides.tsx
@@ -3,9 +3,9 @@ export default [
     _id: '2',
     url: 'https://dl.dropboxusercontent.com/scl/fi/q83bcnvyyla2zavixfc5m/2-Jimmy-sized.jpg?rlkey=wecrucndun8vtj9gxcblo42l1&dl=0',
   },
-  { _id: '3', url: '../../static/imgs/photo3.png' },
-  { _id: '4', url: '../../static/imgs/photo4.png' },
-  { _id: '9', url: '../../static/imgs/photo9.png' },
+  { _id: '3', url: '/imgs/photo3.png' },
+  { _id: '4', url: '/imgs/photo4.png' },
+  { _id: '9', url: '/imgs/photo9.png' },
   {
     _id: '10',
     url: 'https://dl.dropboxusercontent.com/scl/fi/qmy8rex28nlhgdv1qblqo/5-red-truck-lifted-sized.jpg?rlkey=j10z4papyvkcwc5tt8vz3hyiv&dl=0',
diff --git a/src/main.tsx b/src/main.tsx
index d299c3b..125db9d 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,7 +1,7 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { App } from './App';
-import '../static/styles.scss';
+import './styles/styles.scss';
 
 const root = createRoot(document.getElementById('root') as HTMLElement);
 
diff --git a/static/_config.scss b/src/styles/_config.scss
similarity index 100%
rename from static/_config.scss
rename to src/styles/_config.scss
diff --git a/static/_footer.scss b/src/styles/_footer.scss
similarity index 100%
rename from static/_footer.scss
rename to src/styles/_footer.scss
diff --git a/static/_home.scss b/src/styles/_home.scss
similarity index 100%
rename from static/_home.scss
rename to src/styles/_home.scss
diff --git a/static/_materialui.scss b/src/styles/_materialui.scss
similarity index 100%
rename from static/_materialui.scss
rename to src/styles/_materialui.scss
diff --git a/static/_menu.scss b/src/styles/_menu.scss
similarity index 100%
rename from static/_menu.scss
rename to src/styles/_menu.scss
diff --git a/static/_mobile.scss b/src/styles/_mobile.scss
similarity index 100%
rename from static/_mobile.scss
rename to src/styles/_mobile.scss
diff --git a/static/_news.scss b/src/styles/_news.scss
similarity index 100%
rename from static/_news.scss
rename to src/styles/_news.scss
diff --git a/static/_slideshow.scss b/src/styles/_slideshow.scss
similarity index 100%
rename from static/_slideshow.scss
rename to src/styles/_slideshow.scss
diff --git a/static/styles.scss b/src/styles/styles.scss
similarity index 98%
rename from static/styles.scss
rename to src/styles/styles.scss
index 0f7c70f..f1cad02 100644
--- a/static/styles.scss
+++ b/src/styles/styles.scss
@@ -190,7 +190,7 @@ tbody.regformtbody td {
   color: white;
   font-size: 19pt;
   font-weight: 500;
-  font-family: 'TrajanProRegular', Times, 'Times New Roman', serif;
+  font-family: 'Habibi', sans-serif;
 }
 
 .header-text-card {
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index 883f7e2..0000000
Binary files a/static/favicon.ico and /dev/null differ
diff --git a/test/App/__snapshots__/App.spec.tsx.snap b/test/App/__snapshots__/App.spec.tsx.snap
index 4ec01d1..c1e7f81 100644
--- a/test/App/__snapshots__/App.spec.tsx.snap
+++ b/test/App/__snapshots__/App.spec.tsx.snap
@@ -256,7 +256,7 @@ exports[`App component > renders the component 1`] = `
                                    
                                   <img
                                     class="slide-images"
-                                    src="../../static/imgs/photo3.png"
+                                    src="/imgs/photo3.png"
                                   />
                                    
                                 </div>
@@ -277,7 +277,7 @@ exports[`App component > renders the component 1`] = `
                                    
                                   <img
                                     class="slide-images"
-                                    src="../../static/imgs/photo4.png"
+                                    src="/imgs/photo4.png"
                                   />
                                    
                                 </div>
@@ -298,7 +298,7 @@ exports[`App component > renders the component 1`] = `
                                    
                                   <img
                                     class="slide-images"
-                                    src="../../static/imgs/photo9.png"
+                                    src="/imgs/photo9.png"
                                   />
                                    
                                 </div>
@@ -650,7 +650,7 @@ exports[`App component > renders the component 1`] = `
                       <img
                         alt="graphic coupon"
                         id="coupon"
-                        src="../static/imgs/banner5.png"
+                        src="/imgs/banner5.png"
                       />
                     </div>
                   </div>
@@ -666,19 +666,8 @@ exports[`App component > renders the component 1`] = `
                 class="footerLinks"
                 style="text-align: center; padding: 6px;"
               >
-                <a
-                  aria-label="Facebook"
-                  href="https://www.facebook.com/pages/Apperson-Automotive/361511727202422"
-                >
-                  <i
-                    aria-hidden="true"
-                    class="fab fa-facebook-square fa-2x"
-                    style="color: rgb(69, 201, 255);"
-                  />
-                </a>
                 <a
                   href="https://www.yellowpages.com/salem-va/mip/apperson-automotive-482421530"
-                  style="margin-left: 40px;"
                 >
                   <img
                     alt="yellowpages"
diff --git a/test/App/__snapshots__/AppTemplate.spec.tsx.snap b/test/App/__snapshots__/AppTemplate.spec.tsx.snap
index efd32d6..38c46a1 100644
--- a/test/App/__snapshots__/AppTemplate.spec.tsx.snap
+++ b/test/App/__snapshots__/AppTemplate.spec.tsx.snap
@@ -203,19 +203,8 @@ exports[`AppTemplate > calls the mobile menu 1`] = `
               class="footerLinks"
               style="text-align: center; padding: 6px;"
             >
-              <a
-                aria-label="Facebook"
-                href="https://www.facebook.com/pages/Apperson-Automotive/361511727202422"
-              >
-                <i
-                  aria-hidden="true"
-                  class="fab fa-facebook-square fa-2x"
-                  style="color: rgb(69, 201, 255);"
-                />
-              </a>
               <a
                 href="https://www.yellowpages.com/salem-va/mip/apperson-automotive-482421530"
-                style="margin-left: 40px;"
               >
                 <img
                   alt="yellowpages"
@@ -469,19 +458,8 @@ exports[`AppTemplate > renders the component 1`] = `
               class="footerLinks"
               style="text-align: center; padding: 6px;"
             >
-              <a
-                aria-label="Facebook"
-                href="https://www.facebook.com/pages/Apperson-Automotive/361511727202422"
-              >
-                <i
-                  aria-hidden="true"
-                  class="fab fa-facebook-square fa-2x"
-                  style="color: rgb(69, 201, 255);"
-                />
-              </a>
               <a
                 href="https://www.yellowpages.com/salem-va/mip/apperson-automotive-482421530"
-                style="margin-left: 40px;"
               >
                 <img
                   alt="yellowpages"
diff --git a/test/App/__snapshots__/Footer.spec.tsx.snap b/test/App/__snapshots__/Footer.spec.tsx.snap
index bb5596d..1a66604 100644
--- a/test/App/__snapshots__/Footer.spec.tsx.snap
+++ b/test/App/__snapshots__/Footer.spec.tsx.snap
@@ -11,19 +11,8 @@ exports[`Footer > renders component 1`] = `
       class="footerLinks"
       style="text-align: center; padding: 6px;"
     >
-      <a
-        aria-label="Facebook"
-        href="https://www.facebook.com/pages/Apperson-Automotive/361511727202422"
-      >
-        <i
-          aria-hidden="true"
-          class="fab fa-facebook-square fa-2x"
-          style="color: rgb(69, 201, 255);"
-        />
-      </a>
       <a
         href="https://www.yellowpages.com/salem-va/mip/apperson-automotive-482421530"
-        style="margin-left: 40px;"
       >
         <img
           alt="yellowpages"
diff --git a/test/components/__snapshots__/picSlider.spec.tsx.snap b/test/components/__snapshots__/picSlider.spec.tsx.snap
index 3a4ed27..002f98d 100644
--- a/test/components/__snapshots__/picSlider.spec.tsx.snap
+++ b/test/components/__snapshots__/picSlider.spec.tsx.snap
@@ -29,7 +29,7 @@ exports[`picture slider component test > renders the component 1`] = `
                  
                 <img
                   class="slide-images"
-                  src="../static/imgs/ohaf/slideshow2.png"
+                  src="/imgs/ohaf/slideshow2.png"
                 />
                  
                 <div
@@ -57,7 +57,7 @@ exports[`picture slider component test > renders the component 1`] = `
                  
                 <img
                   class="slide-images"
-                  src="../static/imgs/ohaf/slideshow3.png"
+                  src="/imgs/ohaf/slideshow3.png"
                 />
                  
               </div>
@@ -78,7 +78,7 @@ exports[`picture slider component test > renders the component 1`] = `
                  
                 <img
                   class="slide-images"
-                  src="../static/imgs/ohaf/slideshow4.png"
+                  src="/imgs/ohaf/slideshow4.png"
                 />
                  
               </div>
@@ -99,7 +99,7 @@ exports[`picture slider component test > renders the component 1`] = `
                  
                 <img
                   class="slide-images"
-                  src="../static/imgs/ohaf/slideshow5.png"
+                  src="/imgs/ohaf/slideshow5.png"
                 />
                  
               </div>
@@ -120,7 +120,7 @@ exports[`picture slider component test > renders the component 1`] = `
                  
                 <img
                   class="slide-images"
-                  src="../static/imgs/ohaf/slideshow6.png"
+                  src="/imgs/ohaf/slideshow6.png"
                 />
                  
               </div>
diff --git a/test/components/picSlider.spec.tsx b/test/components/picSlider.spec.tsx
index a7ba6d7..722818a 100644
--- a/test/components/picSlider.spec.tsx
+++ b/test/components/picSlider.spec.tsx
@@ -4,11 +4,11 @@ import { PicSlider } from 'src/components/pic-slider';
 describe('picture slider component test', () => {
   it('renders the component', () => {
     const data:any = [
-      { _id: 1, url: '../static/imgs/ohaf/slideshow2.png', comments: 'showCaption' },
-      { _id: 2, url: '../static/imgs/ohaf/slideshow3.png' },
-      { _id: 3, url: '../static/imgs/ohaf/slideshow4.png' },
-      { _id: 4, url: '../static/imgs/ohaf/slideshow5.png' },
-      { _id: 5, url: '../static/imgs/ohaf/slideshow6.png' },
+      { _id: 1, url: '/imgs/ohaf/slideshow2.png', comments: 'showCaption' },
+      { _id: 2, url: '/imgs/ohaf/slideshow3.png' },
+      { _id: 3, url: '/imgs/ohaf/slideshow4.png' },
+      { _id: 4, url: '/imgs/ohaf/slideshow5.png' },
+      { _id: 5, url: '/imgs/ohaf/slideshow6.png' },
     ];
     const result = render(<PicSlider data={data} />).container;
     expect(result).toMatchSnapshot();