Update contact information across multiple components, including phone numbers and location details, to reflect new business contact. Rename section in ClientFocus component for clarity.

This commit is contained in:
iamkiddy 2025-11-23 13:46:33 +00:00
parent a819dc3a04
commit 453ce68a66
4 changed files with 10 additions and 118 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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>
);