Updated about, service, and footer #8
15
app/icon.svg
Normal file
15
app/icon.svg
Normal file
@ -0,0 +1,15 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient id="iconGradient" x1="4" y1="4" x2="20" y2="20" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#f43f5e" />
|
||||
<stop offset="50%" stop-color="#ec4899" />
|
||||
<stop offset="100%" stop-color="#fb923c" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="24" height="24" rx="6" fill="url(#iconGradient)" />
|
||||
<path
|
||||
d="M19.5 12.571 12 20 4.5 12.571a5.48 5.48 0 0 1 .12-7.77 5.34 5.34 0 0 1 7.74.208l.64.714.64-.714a5.34 5.34 0 0 1 7.74-.208 5.48 5.48 0 0 1 .12 7.77Z"
|
||||
fill="#ffffff"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 637 B |
@ -9,6 +9,9 @@ const inter = Inter({ subsets: ['latin'] });
|
||||
export const metadata: Metadata = {
|
||||
title: 'Attune Heart Therapy | Nathalie Mac Guffie, LCSW | Miami, FL',
|
||||
description: 'Compassionate, evidence-based therapy in Miami, FL. Licensed Clinical Social Worker offering anxiety, depression, trauma therapy and more.',
|
||||
icons: {
|
||||
icon: '/icon.svg',
|
||||
},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
|
||||
@ -139,7 +139,7 @@ export function About() {
|
||||
animate={isInView ? { opacity: 1, x: 0 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
>
|
||||
<div className="bg-gradient-to-br from-rose-100/30 via-pink-100/30 to-orange-100/30 dark:from-rose-900/20 dark:via-pink-900/20 dark:to-orange-900/20 rounded-3xl p-8 border border-border/50 backdrop-blur-sm">
|
||||
<div className="bg-gradient-to-br from-rose-100/15 via-pink-100/15 to-orange-100/15 dark:from-rose-900/15 dark:via-pink-900/15 dark:to-orange-900/15 rounded-3xl p-8 border border-border/50 backdrop-blur-sm">
|
||||
<motion.h3
|
||||
className="text-2xl font-semibold mb-4 bg-gradient-to-r from-rose-600 via-pink-600 to-orange-600 bg-clip-text text-transparent"
|
||||
initial={{ opacity: 0 }}
|
||||
@ -148,16 +148,37 @@ export function About() {
|
||||
>
|
||||
My Approach
|
||||
</motion.h3>
|
||||
<p className="text-muted-foreground mb-4 leading-relaxed">
|
||||
I provide person-centered guidance, following your child's lead while
|
||||
drawing out their strengths and incorporating effective coping skills.
|
||||
My interventions are relationship-based, creating a warm, non-judgmental
|
||||
space for growth and healing.
|
||||
</p>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Together, we'll set realistic, measurable, and achievable goals with
|
||||
clear objectives tailored to your family's unique needs.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row items-center sm:items-start gap-6">
|
||||
<div className="relative flex-shrink-0">
|
||||
<img
|
||||
src="/hshot.jpeg"
|
||||
alt="Nathalie Mac-Guffie supporting clients"
|
||||
className="w-32 h-32 sm:w-40 sm:h-40 md:w-48 md:h-48 select-none rounded-full object-cover shadow-lg"
|
||||
loading="lazy"
|
||||
/>
|
||||
<motion.div
|
||||
className="pointer-events-none absolute inset-0 rounded-full"
|
||||
animate={{ opacity: [0.3, 0.6, 0.3] }}
|
||||
transition={{ duration: 3, repeat: Infinity }}
|
||||
style={{
|
||||
background:
|
||||
"radial-gradient(circle, rgba(153,246,228,0.18), transparent 70%), radial-gradient(circle, rgba(20,184,166,0.12), transparent 70%)",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="text-center sm:text-left">
|
||||
<p className="text-muted-foreground mb-4 leading-relaxed">
|
||||
I provide person-centered guidance, following your child's lead while
|
||||
drawing out their strengths and incorporating effective coping skills.
|
||||
My interventions are relationship-based, creating a warm, non-judgmental
|
||||
space for growth and healing.
|
||||
</p>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Together, we'll set realistic, measurable, and achievable goals with
|
||||
clear objectives tailored to your family's unique needs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
@ -209,6 +230,71 @@ export function About() {
|
||||
})}
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.5 }}
|
||||
className="bg-card/60 dark:bg-background/80 backdrop-blur-sm border border-border/50 rounded-3xl p-8 mt-16"
|
||||
>
|
||||
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-8">
|
||||
<div className="max-w-2xl">
|
||||
<motion.h3
|
||||
className="text-2xl font-semibold mb-4 bg-gradient-to-r from-rose-600 via-pink-600 to-orange-600 bg-clip-text text-transparent"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={isInView ? { opacity: 1 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.6 }}
|
||||
>
|
||||
Professional Qualifications
|
||||
</motion.h3>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Nathalie Mac-Guffie brings more than three decades of licensed experience serving children, caregivers, and families
|
||||
across South Florida. Her practice is grounded in ongoing professional development and nationally recognized credentials.
|
||||
</p>
|
||||
</div>
|
||||
<motion.a
|
||||
href="https://www.psychologytoday.com/us/therapists/nathalie-mac-guffie-miami-fl/1203864"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center justify-center self-start rounded-xl border border-border px-4 py-2 text-sm font-medium text-rose-600 dark:text-rose-400 hover:underline transition"
|
||||
initial={{ opacity: 0, y: 10 }}
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
transition={{ duration: 0.6, delay: 0.7 }}
|
||||
>
|
||||
View Psychology Today Verification
|
||||
</motion.a>
|
||||
</div>
|
||||
<div className="mt-8 grid gap-6 md:grid-cols-2">
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<p className="text-sm font-semibold text-foreground uppercase tracking-wide">Verification</p>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Verified by Psychology Today • Licensed by the State of Florida (LMHC #MH5585)
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm font-semibold text-foreground uppercase tracking-wide">Education</p>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Barry University — Master of Science in Mental Health Counseling (1994)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<p className="text-sm font-semibold text-foreground uppercase tracking-wide">Additional Credentials</p>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Licensed Mental Health Counselor • Registered Play Therapist-Supervisor (Association of Play Therapy)
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm font-semibold text-foreground uppercase tracking-wide">Specialized Expertise</p>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Trauma-Focused CBT • Infant Mental Health • Dyadic and Relationship-Based Therapy
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
|
||||
@ -104,7 +104,7 @@ export function ContactSection() {
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
className="relative flex"
|
||||
>
|
||||
<Card className="bg-gradient-to-br from-rose-100/30 via-pink-100/30 to-orange-100/30 dark:from-rose-900/20 dark:via-pink-900/20 dark:to-orange-900/20 backdrop-blur-sm border border-border/50 overflow-hidden relative h-full flex flex-col rounded-3xl">
|
||||
<Card className="bg-gradient-to-br from-rose-100/15 via-pink-100/15 to-orange-100/15 dark:from-rose-900/15 dark:via-pink-900/15 dark:to-orange-900/15 backdrop-blur-sm border border-border/50 overflow-hidden relative h-full flex flex-col rounded-3xl">
|
||||
<CardContent className="p-0 flex-1 flex flex-col">
|
||||
{/* Background image for the card */}
|
||||
<div
|
||||
|
||||
@ -165,7 +165,7 @@ export function Footer() {
|
||||
>
|
||||
<div className="grid grid-cols-1 items-center gap-3 text-center md:grid-cols-3 md:text-left">
|
||||
<p className="text-sm text-muted-foreground md:justify-self-start">
|
||||
© {new Date().getFullYear()} Attune Heart Therapy. All rights reserved.
|
||||
© {new Date().getFullYear()} Attune Heart Therapy, LLC. All rights reserved.
|
||||
</p>
|
||||
<p className="text-xs text-muted-foreground md:justify-self-center">
|
||||
This site is for informational purposes only and does not constitute medical advice.
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
import { motion } from "framer-motion";
|
||||
import { useInView } from "framer-motion";
|
||||
import { useRef, useEffect, useState } from "react";
|
||||
import { Baby, Brain, HeartHandshake, Sparkles, Users2, Shield } from "lucide-react";
|
||||
import { Users, Sparkles, Heart, Users2, Feather, Shield } from "lucide-react";
|
||||
|
||||
export function Services() {
|
||||
const ref = useRef(null);
|
||||
@ -27,40 +27,46 @@ export function Services() {
|
||||
|
||||
const services = [
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Trauma-Focused Therapy",
|
||||
description: "Evidence-based TF-CBT to help children process and heal from traumatic experiences in a safe, supportive environment.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
icon: Users,
|
||||
title: "Child & Adolescent Support",
|
||||
description:
|
||||
"Developmentally attuned support for children, teens, adults, and elders—navigating adoption stories, peer relationships, and social-emotional growth alongside caregivers.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=1000&q=80",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Play Therapy",
|
||||
description: "Child-centered play therapy allowing children to express themselves naturally and build emotional regulation skills.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
title: "Coping Skills Coaching",
|
||||
description:
|
||||
"Solution-focused strategies that build resilience, emotional literacy, and daily coping tools for individuals across the lifespan.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1531512073830-ba890ca4eba2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
},
|
||||
{
|
||||
icon: Baby,
|
||||
title: "Infant Mental Health",
|
||||
description: "Specialized support for infants and toddlers, focusing on early attachment, developmental milestones, and caregiver relationships.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1515488042361-ee00e0ddd4e4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
icon: Heart,
|
||||
title: "Self-Esteem Building",
|
||||
description:
|
||||
"Strength-based interventions that nurture confidence, self-worth, and advocacy skills for children, teens, adults, and elders.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1526778548025-fa2f459cd5c1?auto=format&fit=crop&w=1000&q=80",
|
||||
},
|
||||
{
|
||||
icon: Users2,
|
||||
title: "Dyadic Therapy",
|
||||
description: "Strengthening parent-child relationships through interactive sessions that enhance communication and connection.",
|
||||
title: "Family & Caregiver Collaboration",
|
||||
description:
|
||||
"Dyadic therapy that reduces family conflict, strengthens parenting partnerships, and supports intergenerational understanding.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
},
|
||||
{
|
||||
icon: HeartHandshake,
|
||||
title: "Social-Emotional Support",
|
||||
description: "Building emotional literacy and self-regulation skills to help children navigate relationships and challenges.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1497486751825-1233686d5d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
icon: Feather,
|
||||
title: "Life Transitions & Perinatal Care",
|
||||
description:
|
||||
"Guidance through perinatal adjustments, caregiving shifts, and later-life transitions with compassion for each stage of adulthood.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?auto=format&fit=crop&w=1000&q=80",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Relationship-Based Care",
|
||||
description: "Fostering healing through nurturing therapeutic relationships and caregiver collaboration.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
title: "Trauma & PTSD Recovery",
|
||||
description:
|
||||
"Trauma-focused CBT and play-based interventions that promote emotional safety, caregiver bonding, and long-term healing.",
|
||||
backgroundImage: "https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80",
|
||||
},
|
||||
];
|
||||
|
||||
@ -140,7 +146,7 @@ export function Services() {
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
>
|
||||
Specialized Services
|
||||
Services
|
||||
</motion.h2>
|
||||
<motion.p
|
||||
className="text-xl text-muted-foreground max-w-3xl mx-auto"
|
||||
@ -148,7 +154,7 @@ export function Services() {
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.4 }}
|
||||
>
|
||||
Comprehensive, evidence-based therapeutic support for children and families
|
||||
Comprehensive, relationship-based therapy anchored in clinical expertise and compassionate collaboration.
|
||||
</motion.p>
|
||||
</motion.div>
|
||||
|
||||
@ -163,7 +169,6 @@ export function Services() {
|
||||
transition={{ duration: 0.5, delay: index * 0.1 }}
|
||||
className="group bg-card/50 backdrop-blur-sm rounded-2xl p-6 border border-border/50 hover:border-rose-500/50 hover:shadow-lg hover:shadow-rose-500/10 hover:scale-105 transition-all duration-300 cursor-pointer"
|
||||
>
|
||||
{/* Content */}
|
||||
<div className="relative z-10">
|
||||
<motion.div
|
||||
className="w-16 h-16 rounded-xl overflow-hidden mb-4 shadow-lg"
|
||||
@ -202,7 +207,7 @@ export function Services() {
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.6 }}
|
||||
className="mt-16 bg-gradient-to-br from-rose-100/30 via-pink-100/30 to-orange-100/30 dark:from-rose-900/20 dark:via-pink-900/20 dark:to-orange-900/20 rounded-3xl p-8 border border-border/50 backdrop-blur-sm"
|
||||
className="mt-16 bg-gradient-to-br from-rose-100/25 via-pink-100/25 to-orange-100/25 dark:from-rose-900/20 dark:via-pink-900/20 dark:to-orange-900/20 rounded-3xl p-8 border border-border/50 backdrop-blur-sm"
|
||||
>
|
||||
<motion.h3
|
||||
className="text-2xl font-semibold mb-4 text-center bg-gradient-to-r from-rose-600 via-pink-600 to-orange-600 bg-clip-text text-transparent"
|
||||
@ -219,9 +224,8 @@ export function Services() {
|
||||
animate={isInView ? { opacity: 1 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.8 }}
|
||||
>
|
||||
I specialize in working with <strong className="text-foreground">children under the age of 10</strong> who are
|
||||
dealing with trauma, stressors, or social-emotional challenges and need understanding
|
||||
and support.
|
||||
I collaborate closely with caregivers and individuals to foster emotional literacy,
|
||||
self-regulation, and secure relationships during times of transition or trauma.
|
||||
</motion.p>
|
||||
<motion.p
|
||||
className="text-muted-foreground leading-relaxed"
|
||||
@ -229,8 +233,8 @@ export function Services() {
|
||||
animate={isInView ? { opacity: 1 } : {}}
|
||||
transition={{ duration: 0.8, delay: 0.9 }}
|
||||
>
|
||||
The goal is to build a healthy foundation through nurturing relationships and
|
||||
emotional literacy, helping children diminish distress and enhance self-regulation.
|
||||
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.
|
||||
</motion.p>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
@ -7,3 +7,4 @@ export function Toaster() {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user