Hi, I'm Grace Doe! I provide nurturing, inclusive childcare for all children, with special expertise in supporting deaf/hard of hearing and neurodivergent kids.
Auslan Fluent
Certificate IV Qualified
Autism Aware
Trained & Experienced
Your Trusted Childcarer
WWCC Checked • First Aid Certified
I'm a passionate childcare provider with over 5 years of experience working with children of all abilities. My mission is to ensure every child feels understood, valued, and celebrated for who they are.
After completing my Auslan certification and working closely with autism support organisations, I developed a deep understanding of individual needs. I believe communication comes in many forms, and I'm dedicated to meeting each child where they are.
Every family is unique. I offer flexible childcare options designed to support your child's individual needs.
Need a night out or have an appointment? I provide reliable short-term babysitting with continuity of care in mind.
Ongoing support with scheduled sessions perfect for working parents or regular commitments. Building trusted relationships.
Engaging school holiday programs with sensory-friendly activities and inclusive fun for children of all abilities.
fluent in Australian Sign Language, I can communicate seamlessly with deaf and hard of hearing children. I also teach basic Auslan to siblings!
I create calm, predictable environments and adapt activities to each child's sensory preferences and communication style.
Don't just take my word for it - hear from the families I've had the privilege of working with.
"Grace has been a lifesaver for our family. Our son uses Auslan and finding someone who can communicate with him fluently has been amazing. He actually gets excited when she comes over!"
Sarah M.
Mother of Lucas, 6
"Our daughter is on the autism spectrum and has had bad experiences with other sitters. Grace understands her sensory needs and creates such a calm environment. Finally, we can go out worry-free!"
Michael & Rachel T.
Parents of Aria, 8
"Grace looks after our three kids regularly. She's patient, engaging, and so adaptable to each of their personalities. Our kids have even learned some Auslan from her!"
David L.
Father of 3
I'd love to chat about your family's needs and how I can support your child. Let's schedule a free meet-and-greet to see if we're a good fit!
Whether you have questions, want to discuss your child's needs, or are ready to book a session, I'm here to help. Reach out anytime!
Phone
0412 345 678
Location
Perth, Western Australia
Availability
Mon-Sun: 7am - 10pm
<!-- Navigation -->
<nav class="bg-white shadow-sm sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="flex items-center gap-2">
<div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-emerald-600 rounded-full flex items-center justify-center">
<i data-lucide="heart" class="w-5 h-5 text-white"></i>
</div>
<span class="font-bold text-xl text-slate-800">Grace's Little Stars</span>
</div>
<div class="hidden md:flex items-center gap-8">
<a href="#about" class="text-slate-600 hover:text-emerald-600 transition">About</a>
<a href="#services" class="text-slate-600 hover:text-emerald-600 transition">Services</a>
<a href="#testimonials" class="text-slate-600 hover:text-emerald-600 transition">Testimonials</a>
<a href="#contact" class="bg-emerald-500 text-white px-5 py-2 rounded-full hover:bg-emerald-600 transition font-medium">Contact Me</a>
</div>
<button class="md:hidden p-2">
<i data-lucide="menu" class="w-6 h-6 text-slate-600"></i>
</button>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="relative bg-gradient-to-br from-emerald-50 via-white to-amber-50 py-20 lg:py-32">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-12 items-center">
<div>
<div class="inline-flex items-center gap-2 bg-emerald-100 text-emerald-700 px-4 py-2 rounded-full text-sm font-medium mb-6">
<i data-lucide="map-pin" class="w-4 h-4"></i>
Based in Perth, WA
</div>
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-slate-800 leading-tight mb-6">
Auslan & Autism Friendly
<span class="text-emerald-600">Babysitting</span>
</h1>
<p class="text-xl text-slate-600 mb-8 leading-relaxed">
Hi, I'm Grace Doe! I provide nurturing, inclusive childcare for all children, with special expertise in supporting deaf/hard of hearing and neurodivergent kids.
</p>
<div class="flex flex-wrap gap-4 mb-10">
<a href="#contact" class="inline-flex items-center gap-2 bg-emerald-500 text-white px-6 py-3 rounded-full hover:bg-emerald-600 transition font-medium text-lg">
Book a Session
<i data-lucide="arrow-right" class="w-5 h-5"></i>
</a>
<a href="#about" class="inline-flex items-center gap-2 border-2 border-slate-300 text-slate-700 px-6 py-3 rounded-full hover:border-emerald-500 hover:text-emerald-600 transition font-medium text-lg">
Learn More
</a>
</div>
<div class="flex flex-wrap gap-6">
<div class="flex items-center gap-2">
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
<i data-lucide="hands" class="w-6 h-6 text-blue-600"></i>
</div>
<div>
<p class="font-semibold text-slate-800">Auslan Fluent</p>
<p class="text-sm text-slate-500">Certificate IV Qualified</p>
</div>
</div>
<div class="flex items-center gap-2">
<div class="w-12 h-12 bg-amber-100 rounded-full flex items-center justify-center">
<i data-lucide="sparkles" class="w-6 h-6 text-amber-600"></i>
</div>
<div>
<p class="font-semibold text-slate-800">Autism Aware</p>
<p class="text-sm text-slate-500">Trained & Experienced</p>
</div>
</div>
</div>
</div>
<div class="relative">
<div class="w-full aspect-square max-w-lg mx-auto bg-gradient-to-br from-emerald-200 via-emerald-100 to-amber-100 rounded-3xl shadow-xl flex items-center justify-center">
<div class="text-center p-8">
<div class="w-48 h-48 mx-auto bg-gradient-to-br from-emerald-300 to-emerald-500 rounded-full flex items-center justify-center mb-6 shadow-lg">
<i data-lucide="smile" class="w24 h24 text-white" style="width: 96px; height: 96px;"></i>
</div>
<h3 class="text-2xl font-bold text-slate-700">Grace Doe</h3>
<p class="text-emerald-600 font-medium">Your Trusted Childcarer</p>
</div>
</div>
<div class="absolute -top-4 -right-4 w-20 h-20 bg-amber-400 rounded-full flex items-center justify-center shadow-lg animate-bounce">
<i data-lucide="heart" class="w-8 h-8 text-white"></i>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-16 items-center">
<div class="order-2 lg:order-1">
<div class="w-full h-80 bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl flex items-center justify-center relative overflow-hidden">
<div class="absolute inset-0 opacity-10">
<div class="absolute top-10 left-10 w-32 h-32 bg-emerald-300 rounded-full"></div>
<div class="absolute bottom-10 right-10 w-24 h-24 bg-amber-300 rounded-full"></div>
</div>
<div class="text-center">
<i data-lucide="shield-check" class="w-24 h-24 text-emerald-500 mx-auto mb-4"></i>
<p class="text-slate-600 font-medium">WWCC Checked • First Aid Certified</p>
</div>
</div>
</div>
<div class="order-1 lg:order-2">
<span class="text-emerald-600 font-semibold text-sm uppercase tracking-wider">About Me</span>
<h2 class="text-3xl md:text-4xl font-bold text-slate-800 mt-2 mb-6">
Creating Safe, Happy Spaces for Every Child
</h2>
<p class="text-slate-600 text-lg mb-6 leading-relaxed">
I'm a passionate childcare provider with over 5 years of experience working with children of all abilities. My mission is to ensure every child feels understood, valued, and celebrated for who they are.
</p>
<p class="text-slate-600 text-lg mb-8 leading-relaxed">
After completing my Auslan certification and working closely with autism support organisations, I developed a deep understanding of individual needs. I believe communication comes in many forms, and I'm dedicated to meeting each child where they are.
</p>
<div class="grid sm:grid-cols-2 gap-4">
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="w-5 h-5 text-emerald-500"></i>
<span class="text-slate-700">Certificate IV in Auslan</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="w-5 h-5 text-emerald-500"></i>
<span class="text-slate-700">WWCC Clearance</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="w-5 h-5 text-emerald-500"></i>
<span class="text-slate-700">First Aid & CPR Certified</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="w-5 h-5 text-emerald-500"></i>
<span class="text-slate-700">5+ Years Experience</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="w-5 h-5 text-emerald-500"></i>
<span class="text-slate-700">Sensory-Friendly Approach</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="w-5 h-5 text-emerald-500"></i>
<span class="text-slate-700">Available Weekends</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-20 bg-gradient-to-br from-slate-50 to-slate-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<span class="text-emerald-600 font-semibold text-sm uppercase tracking-wider">What I Offer</span>
<h2 class="text-3xl md:text-4xl font-bold text-slate-800 mt-2 mb-4">
Services Tailored to Your Family
</h2>
<p class="text-slate-600 text-lg max-w-2xl mx-auto">
Every family is unique. I offer flexible childcare options designed to support your child's individual needs.
</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Service 1 -->
<div class="bg-white rounded-2xl p-8 shadow-md hover:shadow-xl transition group">
<div class="w-16 h-16 bg-emerald-100 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-emerald-500 transition">
<i data-lucide="clock" class="w-8 h-8 text-emerald-600 group-hover:text-white transition"></i>
</div>
<h3 class="text-xl font-bold text-slate-800 mb-3">Occasional Care</h3>
<p class="text-slate-600 mb-4">Need a night out or have an appointment? I provide reliable short-term babysitting with continuity of care in mind.</p>
<div class="flex items-center text-emerald-600 font-medium">
<span>From $25/hr</span>
</div>
</div>
<!-- Service 2 -->
<div class="bg-white rounded-2xl p-8 shadow-md hover:shadow-xl transition group">
<div class="w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-blue-500 transition">
<i data-lucide="users" class="w-8 h-8 text-blue-600 group-hover:text-white transition"></i>
</div>
<h3 class="text-xl font-bold text-slate-800 mb-3">Regular Sittings</h3>
<p class="text-slate-600 mb-4">Ongoing support with scheduled sessions perfect for working parents or regular commitments. Building trusted relationships.</p>
<div class="flex items-center text-blue-600 font-medium">
<span>Custom packages available</span>
</div>
</div>
<!-- Service 3 -->
<div class="bg-white rounded-2xl p-8 shadow-md hover:shadow-xl transition group">
<div class="w-16 h-16 bg-amber-100 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-amber-500 transition">
<i data-lucide="sun" class="w-8 h-8 text-amber-600 group-hover:text-white transition"></i>
</div>
<h3 class="text-xl font-bold text-slate-800 mb-3">School Holiday Care</h3>
<p class="text-slate-600 mb-4">Engaging school holiday programs with sensory-friendly activities and inclusive fun for children of all abilities.</p>
<div class="flex items-center text-amber-600 font-medium">
<span>Full & half-day options</span>
</div>
</div>
</div>
<!-- Special Features -->
<div class="mt-16 grid md:grid-cols-2 gap-8">
<div class="bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl p-8 text-white">
<div class="flex items-center gap-4 mb-4">
<div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center">
<i data-lucide="hands" class="w-6 h-6"></i>
</div>
<h3 class="text-2xl font-bold">Auslan Support</h3>
</div>
<p class="text-blue-100 mb-4"> fluent in Australian Sign Language, I can communicate seamlessly with deaf and hard of hearing children. I also teach basic Auslan to siblings!</p>
<ul class="space-y-2">
<li class="flex items-center gap-2">
<i data-lucide="check" class="w-4 h-4"></i>
<span>Fluent Auslan communication</span>
</li>
<li class="flex items-center gap-2">
<i data-lucide="check" class="w-4 h-4"></i>
<span>Visual schedules & supports</span>
</li>
<li class="flex items-center gap-2">
<i data-lucide="check" class="w-4 h-4"></i>
<span>Deaf culture awareness</span>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-amber-500 to-orange-500 rounded-2xl p-8 text-white">
<div class="flex items-center gap-4 mb-4">
<div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center">
<i data-lucide="sparkles" class="w-6 h-6"></i>
</div>
<h3 class="text-2xl font-bold">Autism Friendly</h3>
</div>
<p class="text-amber-100 mb-4">I create calm, predictable environments and adapt activities to each child's sensory preferences and communication style.</p>
<ul class="space-y-2">
<li class="flex items-center gap-2">
<i data-lucide="check" class="w-4 h-4"></i>
<span>Sensory-sensitive activities</span>
</li>
<li class="flex items-center gap-2">
<i data-lucide="check" class="w-4 h-4"></i>
<span>Visual routines & transition support</span>
</li>
<li class="flex items-center gap-2">
<i data-lucide="check" class="w-4 h-4"></i>
<span>Flexible communication methods</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<span class="text-emerald-600 font-semibold text-sm uppercase tracking-wider">Happy Families</span>
<h2 class="text-3xl md:text-4xl font-bold text-slate-800 mt-2 mb-4">
What Parents Say
</h2>
<p class="text-slate-600 text-lg max-w-2xl mx-auto">
Don't just take my word for it - hear from the families I've had the privilege of working with.
</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<!-- Testimonial 1 -->
<div class="bg-slate-50 rounded-2xl p-8">
<div class="flex text-amber-400 mb-4">
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
</div>
<p class="text-slate-600 mb-6 italic">"Grace has been a lifesaver for our family. Our son uses Auslan and finding someone who can communicate with him fluently has been amazing. He actually gets excited when she comes over!"</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gradient-to-br from-blue-300 to-blue-400 rounded-full flex items-center justify-center">
<i data-lucide="user" class="w-6 h-6 text-white"></i>
</div>
<div>
<p class="font-semibold text-slate-800">Sarah M.</p>
<p class="text-sm text-slate-500">Mother of Lucas, 6</p>
</div>
</div>
</div>
<!-- Testimonial 2 -->
<div class="bg-slate-50 rounded-2xl p-8">
<div class="flex text-amber-400 mb-4">
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
</div>
<p class="text-slate-600 mb-6 italic">"Our daughter is on the autism spectrum and has had bad experiences with other sitters. Grace understands her sensory needs and creates such a calm environment. Finally, we can go out worry-free!"</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gradient-to-br from-emerald-300 to-emerald-400 rounded-full flex items-center justify-center">
<i data-lucide="user" class="w-6 h-6 text-white"></i>
</div>
<div>
<p class="font-semibold text-slate-800">Michael & Rachel T.</p>
<p class="text-sm text-slate-500">Parents of Aria, 8</p>
</div>
</div>
</div>
<!-- Testimonial 3 -->
<div class="bg-slate-50 rounded-2xl p-8">
<div class="flex text-amber-400 mb-4">
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
<i data-lucide="star" class="w-5 h-5 fill-current"></i>
</div>
<p class="text-slate-600 mb-6 italic">"Grace looks after our three kids regularly. She's patient, engaging, and so adaptable to each of their personalities. Our kids have even learned some Auslan from her!"</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gradient-to-br from-amber-300 to-amber-400 rounded-full flex items-center justify-center">
<i data-lucide="user" class="w-6 h-6 text-white"></i>
</div>
<div>
<p class="font-semibold text-slate-800">David L.</p>
<p class="text-sm text-slate-500">Father of 3</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-20 bg-gradient-to-br from-emerald-500 to-emerald-600">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">
Ready to Meet Your New Babysitter?
</h2>
<p class="text-emerald-100 text-lg mb-10 max-w-2xl mx-auto">
I'd love to chat about your family's needs and how I can support your child. Let's schedule a free meet-and-greet to see if we're a good fit!
</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="#contact" class="inline-flex items-center gap-2 bg-white text-emerald-600 px-8 py-4 rounded-full hover:bg-emerald-50 transition font-bold text-lg shadow-lg">
<i data-lucide="calendar" class="w-5 h-5"></i>
Book a Meet & Greet
</a>
<a href="tel:+61412345678" class="inline-flex items-center gap-2 border-2 border-white text-white px-8 py-4 rounded-full hover:bg-white/10 transition font-bold text-lg">
<i data-lucide="phone" class="w-5 h-5"></i>
Call Me
</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-20 bg-slate-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-16">
<div>
<span class="text-emerald-600 font-semibold text-sm uppercase tracking-wider">Get In Touch</span>
<h2 class="text-3xl md:text-4xl font-bold text-slate-800 mt-2 mb-6">
Let's Connect
</h2>
<p class="text-slate-600 text-lg mb-8">
Whether you have questions, want to discuss your child's needs, or are ready to book a session, I'm here to help. Reach out anytime!
</p>
<div class="space-y-6">
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-emerald-100 rounded-full flex items-center justify-center">
<i data-lucide="phone" class="w-5 h-5 text-emerald-600"></i>
</div>
<div>
<p class="text-sm text-slate-500">Phone</p>
<p class="font-semibold text-slate-800">0412 345 678</p>
</div>
</div>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-emerald-100 rounded-full flex items-center justify-center">
<i data-lucide="mail" class="w-5 h-5 text-emerald-600"></i>
</div>
<div>
<p class="text-sm text-slate-500">Email</p>
<p class="font-semibold text-slate-800">[email protected]</p>
</div>
</div>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-emerald-100 rounded-full flex items-center justify-center">
<i data-lucide="map-pin" class="w-5 h-5 text-emerald-600"></i>
</div>
<div>
<p class="text-sm text-slate-500">Location</p>
<p class="font-semibold text-slate-800">Perth, Western Australia</p>
</div>
</div>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-emerald-100 rounded-full flex items-center justify-center">
<i data-lucide="clock" class="w-5 h-5 text-emerald-600"></i>
</div>
<div>
<p class="text-sm text-slate-500">Availability</p>
<p class="font-semibold text-slate-800">Mon-Sun: 7am - 10pm</p>
</div>
</div>
</div>
</div>
<div class="bg-white rounded-2xl p-8 shadow-lg">
<h3 class="text-xl font-bold text-slate-800 mb-6">Send a Message</h3>
<form class="space-y-5">
<div class="grid sm:grid-cols-2 gap-5">
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Your Name</label>
<input type="text" class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition" placeholder="Jane Smith">
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Phone</label>
<input type="tel" class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition" placeholder="0412 345 678">
</div>
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Email</label>
<input type="email" class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition" placeholder="[email protected]">
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Children's Ages</label>
<input type="text" class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition" placeholder="e.g., 4 and 7">
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Any Special Needs or Notes</label>
<textarea rows="4" class="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition resize-none" placeholder="Please share any information about your child's needs, communication style, or anything else I should know..."></textarea>
</div>
<button type="submit" class="w-full bg-emerald-500 text-white py-4 rounded-lg hover:bg-emerald-600 transition font-bold text-lg flex items-center justify-center gap-2">
<i data-lucide="send" class="w-5 h-5"></i>
Send Message
</button>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-slate-800 text-white py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-3 gap-8 mb-8">
<div>
<div class="flex items-center gap-2 mb-4">
<div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-emerald-600 rounded-full flex items-center justify-center">
<i data-lucide="heart" class="w-5 h-5 text-white"></i>
</div>
<span class="font-bold text-xl">Grace's Little Stars</span>
</div>
<p class="text-slate-400">
Providing inclusive, nurturing childcare for all children in Perth, WA.
</p>
</div>
<div>
<h4 class="font-semibold text-lg mb-4">Quick Links</h4>
<ul class="space-y-2 text-slate-400">
<li><a href="#about" class="hover:text-emerald-400 transition">About</a></li>
<li><a href="#services" class="hover:text-emerald-400 transition">Services</a></li>
<li><a href="#testimonials" class="hover:text-emerald-400 transition">Testimonials</a></li>
<li><a href="#contact" class="hover:text-emerald-400 transition">Contact</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold text-lg mb-4">Credentials</h4>
<ul class="space-y-2 text-slate-400">
<li class="flex items-center gap-2">
<i data-lucide="shield-check" class="w-4 h-4 text-emerald-400"></i>
WWCC Checked
</li>
<li class="flex items-center gap-2">
<i data-lucide="award" class="w-4 h-4 text-emerald-400"></i>
Certificate IV Auslan
</li>
<li class="flex items-center gap-2">
<i data-lucide="heart-pulse" class="w-4 h-4 text-emerald-400"></i>
First Aid Certified
</li>
</ul>
</div>
</div>
<div class="border-t border-slate-700 pt-8 text-center text-slate-400">
<p>© 2024 Grace's Little Stars. All rights reserved. Made with <i data-lucide="heart" class="w-4 h-4 inline text-red-400"></i> in Perth, WA</p>
</div>
</div>
</footer>