diff --git a/src/components/HeroSlider.tsx b/src/components/HeroSlider.tsx
index 1318826..a87b369 100644
--- a/src/components/HeroSlider.tsx
+++ b/src/components/HeroSlider.tsx
@@ -55,14 +55,23 @@ export default function HeroSlider({ onClickBook }: HeroSliderProps) {
             <section className="section section-lg text-colorText2! bg-colorExt5/50 w-full h-full z-20">
               <div className="container">
                 <div className="row">
-                  <div className="col-12 col-lg-8 text-wrap space-y-4 md:space-y-8 lg:space-y-12">
-                    <div className="text-4xl lg:text-8xl! font-playfairdisplay">{slide.title}</div>
-                    <div className="text-lg lg:text-5xl! font-montserrat">{slide.description}</div>
-                    <div className="context-dark lg:hidden">
+                  <div className="col-12 col-lg-8 text-wrap space-y-5 md:space-y-8 lg:space-y-12">
+                    <div className="text-4xl lg:text-8xl! font-playfairdisplay text-center! lg:text-left!">
+                      {slide.title}
+                    </div>
+                    <div className="text-lg lg:text-5xl! font-montserrat text-center! lg:text-left!">
+                      {slide.description}
+                    </div>
+                    <div className="context-dark flex flex-row justify-center lg:hidden">
                       <button onClick={onClickBook} className="button button-xs button-primary-outline">
                         BOOK APPOINTMENT
                       </button>
                     </div>
+                    <div className="context-dark flex flex-row justify-center lg:hidden">
+                      <a href="tel:(478) 225 9061" className="button button-xs button-primary-outline">
+                        Call Us
+                      </a>
+                    </div>
                   </div>
                 </div>
               </div>