fix/landing-page-issues #18
@ -21,21 +21,27 @@ export default function Login() {
|
||||
{/* Background Image */}
|
||||
<div className="absolute inset-0 z-0">
|
||||
<Image
|
||||
src="/doctors.png"
|
||||
alt="Medical professionals"
|
||||
src="/section-image.png"
|
||||
alt="Therapy and counseling session with African American clients"
|
||||
fill
|
||||
className="object-cover object-center"
|
||||
priority
|
||||
sizes="100vw"
|
||||
/>
|
||||
{/* Overlay for better readability */}
|
||||
<div className="absolute inset-0 bg-black/20"></div>
|
||||
<div className="absolute inset-0 bg-black/50"></div>
|
||||
</div>
|
||||
|
||||
{/* Branding - Top Left */}
|
||||
<div className="absolute top-8 left-8 flex items-center gap-3 z-30">
|
||||
<Heart className="w-6 h-6 text-white" fill="white" />
|
||||
<span className="text-white text-xl font-semibold">Attune Heart Therapy</span>
|
||||
<div className="absolute top-8 left-8 flex items-center gap-2 z-30">
|
||||
<Link href="/" className="flex items-center gap-2">
|
||||
<div className="bg-gradient-to-r from-rose-500 to-pink-600 p-2 rounded-xl">
|
||||
<Heart className="h-5 w-5 text-white fill-white" />
|
||||
</div>
|
||||
<span className={`font-bold text-lg drop-shadow-lg ${isDark ? 'text-rose-400' : 'text-rose-500'}`}>
|
||||
Attune Heart Therapy
|
||||
</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@ -219,8 +219,8 @@ export default function BookNowPage() {
|
||||
<div className={`hidden lg:block fixed top-0 left-0 h-screen w-1/2 overflow-hidden z-10 bg-gradient-to-br ${isDark ? 'from-gray-900 via-gray-800 to-gray-900' : 'from-rose-100 via-pink-50 to-orange-50'}`}>
|
||||
<div className="absolute inset-0">
|
||||
<Image
|
||||
src="/doctors.png"
|
||||
alt="Therapy session"
|
||||
src="/section-image.png"
|
||||
alt="Therapy session with diverse clients"
|
||||
fill
|
||||
className="object-cover"
|
||||
priority
|
||||
|
||||
@ -143,7 +143,7 @@ export function ClientFocus() {
|
||||
<p className="text-muted-foreground">Individuals</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Ethnicity */}
|
||||
{/* Communities */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
@ -154,7 +154,7 @@ export function ClientFocus() {
|
||||
<div className="bg-gradient-to-br from-rose-500/20 via-pink-500/20 to-orange-500/20 dark:from-rose-500/30 dark:via-pink-500/30 dark:to-orange-500/30 p-3 rounded-xl">
|
||||
<Globe className="h-6 w-6 text-rose-600 dark:text-rose-400" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-foreground">Ethnicity</h3>
|
||||
<h3 className="text-xl font-semibold text-foreground">Communities</h3>
|
||||
</div>
|
||||
<p className="text-muted-foreground">Black and African American</p>
|
||||
</motion.div>
|
||||
|
||||
@ -220,8 +220,8 @@ export function Services() {
|
||||
animate={isInView ? { opacity: 1 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.9 }}
|
||||
>
|
||||
Therapy is tailored for children (age 6–10), teens, adults, and older adults, with services offered to individuals and a
|
||||
special focus on supporting Black and African American families in Miami and Hollywood, Florida.
|
||||
Therapy is tailored for children (age 6–10), teens, adults, and older adults, with services offered to individuals.
|
||||
I welcome clients from diverse backgrounds and communities throughout Miami and Hollywood, Florida.
|
||||
</motion.p>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
BIN
public/section-image.png
Normal file
BIN
public/section-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Loading…
Reference in New Issue
Block a user