From 453ce68a66472e399743faceb88fa3fecf0b0187 Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Sun, 23 Nov 2025 13:46:33 +0000
Subject: [PATCH] Update contact information across multiple components,
 including phone numbers and location details, to reflect new business
 contact. Rename section in ClientFocus component for clarity.

---
 app/(pages)/book-now/page.tsx |   4 +-
 components/ClientFocus.tsx    |   3 +-
 components/Footer.tsx         |   4 +-
 components/Location.tsx       | 117 ++--------------------------------
 4 files changed, 10 insertions(+), 118 deletions(-)

diff --git a/app/(pages)/book-now/page.tsx b/app/(pages)/book-now/page.tsx
index 7784c7d..07e50e0 100644
--- a/app/(pages)/book-now/page.tsx
+++ b/app/(pages)/book-now/page.tsx
@@ -653,10 +653,10 @@ export default function BookNowPage() {
                       <p className={isDark ? 'text-gray-300' : 'text-gray-600'}>
                         Prefer to book by phone?{" "}
                         <a
-                          href="tel:+19548073027"
+                          href="tel:+17548162311"
                           className={`font-medium underline ${isDark ? 'text-rose-400 hover:text-rose-300' : 'text-rose-600 hover:text-rose-700'}`}
                         >
-                          Call us at (954) 807-3027
+                          Call us at (754) 816-2311
                         </a>
                       </p>
                     </div>
diff --git a/components/ClientFocus.tsx b/components/ClientFocus.tsx
index 16e56ac..fc674d7 100644
--- a/components/ClientFocus.tsx
+++ b/components/ClientFocus.tsx
@@ -14,6 +14,7 @@ export function ClientFocus() {
   const isDark = theme === "dark";
 
   const ages = [
+    "Children (0 to 10)",
     "Children (6 to 10)",
     "Teen",
     "Adults",
@@ -95,7 +96,7 @@ export function ClientFocus() {
             animate={isInView ? { opacity: 1, y: 0 } : {}}
             transition={{ duration: 0.8, delay: 0.2 }}
           >
-            Who We Serve
+            Who I work with
           </motion.h2>
         </motion.div>
 
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 81812bd..8426259 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -98,10 +98,10 @@ export function Footer() {
               <li className="flex items-start gap-3">
                 <Phone className="h-4 w-4 mt-1 text-rose-600 dark:text-rose-400 flex-shrink-0" />
                 <a 
-                  href="tel:+19548073027" 
+                  href="tel:+17548162311" 
                   className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors"
                 >
-                  (954) 807-3027
+                  (754) 816-2311
                 </a>
               </li>
               <li className="flex items-start gap-3">
diff --git a/components/Location.tsx b/components/Location.tsx
index 3452400..a089aa1 100644
--- a/components/Location.tsx
+++ b/components/Location.tsx
@@ -12,32 +12,6 @@ export function Location() {
   const { theme } = useAppTheme();
   const isDark = theme === "dark";
 
-  const cities = [
-    "Hollywood, FL",
-    "Jacksonville, FL",
-    "Miami, FL",
-    "Pensacola, FL"
-  ];
-
-  const counties = [
-    "Broward",
-    "Duval",
-    "Escambia",
-    "Miami-dade"
-  ];
-
-  const zips = [
-    "32256",
-    "32503",
-    "33021",
-    "33145"
-  ];
-
-  const neighborhoods = [
-    "Coral Gate",
-    "Coral Way",
-    "Royal Lakes"
-  ];
 
   return (
     <section 
@@ -132,10 +106,10 @@ export function Location() {
               </div>
               <h3 className="text-xl font-semibold text-foreground">Primary Location</h3>
             </div>
-            <p className="text-muted-foreground mb-2">Miami, FL 33145</p>
+            <p className="text-muted-foreground mb-2">Hollywood, FL</p>
             <div className="flex items-center gap-2 text-muted-foreground">
               <Phone className="h-4 w-4" />
-              <span>(954) 807-3027</span>
+              <span>(754) 816-2311</span>
             </div>
           </motion.div>
 
@@ -152,97 +126,14 @@ export function Location() {
               </div>
               <h3 className="text-xl font-semibold text-foreground">Additional Location</h3>
             </div>
-            <p className="text-muted-foreground mb-2">Hollywood, FL 33021</p>
+            <p className="text-muted-foreground mb-2">South Miami, FL</p>
             <div className="flex items-center gap-2 text-muted-foreground">
               <Phone className="h-4 w-4" />
-              <span>(954) 807-3027</span>
+              <span>(754) 816-2311</span>
             </div>
           </motion.div>
         </div>
 
-        {/* Nearby Areas */}
-        <motion.div
-          initial={{ opacity: 0, y: 30 }}
-          animate={isInView ? { opacity: 1, y: 0 } : {}}
-          transition={{ duration: 0.8, delay: 0.4 }}
-          className="bg-card/50 backdrop-blur-sm rounded-2xl p-8 border border-border/50"
-        >
-          <h3 className="text-2xl font-semibold text-foreground mb-6">Nearby Areas</h3>
-          
-          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
-            {/* Cities */}
-            <div>
-              <h4 className="font-semibold text-foreground mb-3">Cities</h4>
-              <ul className="space-y-2">
-                {cities.map((city, index) => (
-                  <motion.li
-                    key={city}
-                    initial={{ opacity: 0, x: -10 }}
-                    animate={isInView ? { opacity: 1, x: 0 } : {}}
-                    transition={{ duration: 0.3, delay: 0.5 + index * 0.05 }}
-                    className="text-sm text-muted-foreground"
-                  >
-                    {city}
-                  </motion.li>
-                ))}
-              </ul>
-            </div>
-
-            {/* Counties */}
-            <div>
-              <h4 className="font-semibold text-foreground mb-3">Counties</h4>
-              <ul className="space-y-2">
-                {counties.map((county, index) => (
-                  <motion.li
-                    key={county}
-                    initial={{ opacity: 0, x: -10 }}
-                    animate={isInView ? { opacity: 1, x: 0 } : {}}
-                    transition={{ duration: 0.3, delay: 0.6 + index * 0.05 }}
-                    className="text-sm text-muted-foreground"
-                  >
-                    {county}
-                  </motion.li>
-                ))}
-              </ul>
-            </div>
-
-            {/* Zips */}
-            <div>
-              <h4 className="font-semibold text-foreground mb-3">Zips</h4>
-              <ul className="space-y-2">
-                {zips.map((zip, index) => (
-                  <motion.li
-                    key={zip}
-                    initial={{ opacity: 0, x: -10 }}
-                    animate={isInView ? { opacity: 1, x: 0 } : {}}
-                    transition={{ duration: 0.3, delay: 0.7 + index * 0.05 }}
-                    className="text-sm text-muted-foreground"
-                  >
-                    {zip}
-                  </motion.li>
-                ))}
-              </ul>
-            </div>
-
-            {/* Neighborhoods */}
-            <div>
-              <h4 className="font-semibold text-foreground mb-3">Neighborhoods</h4>
-              <ul className="space-y-2">
-                {neighborhoods.map((neighborhood, index) => (
-                  <motion.li
-                    key={neighborhood}
-                    initial={{ opacity: 0, x: -10 }}
-                    animate={isInView ? { opacity: 1, x: 0 } : {}}
-                    transition={{ duration: 0.3, delay: 0.8 + index * 0.05 }}
-                    className="text-sm text-muted-foreground"
-                  >
-                    {neighborhood}
-                  </motion.li>
-                ))}
-              </ul>
-            </div>
-          </div>
-        </motion.div>
       </div>
     </section>
   );