From bf45a1f029afab4d8134be5f5ffa4083d7fa423c Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqi@rankrunners.dev>
Date: Sat, 19 Apr 2025 09:11:48 +0700
Subject: [PATCH] fix: hero slider add call us

---
 src/components/HeroSlider.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

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>