\n {/* Hero Section */}\n

\n Welcome to PawPals\n

\n Your one-stop destination for pet adoption and professional pet services\n

\n navigateTo('adoption')}\n className=\"bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors\"\n >\n Find a Pet 🐾\n \n navigateTo('services')}\n className=\"border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-purple-600 transition-colors\"\n >\n Book Services\n \n

\n\n {/* Features Section */}\n

\n Everything Your Pet Needs\n

\n Comprehensive pet care services all in one place\n

\n\n

\n {features.map((feature, index) => (\n \n

{feature.icon}

\n {feature.title}\n

\n {feature.description}\n

\n \n

\n ))}\n

\n \n\n {/* Featured Pets Section */}\n

\n Featured Pets Looking for Homes\n

\n Meet some of our wonderful pets waiting for their forever families\n

\n\n {isLoading ? (\n

\n ) : featuredPets.length > 0 ? (\n

\n {featuredPets.map((pet) => (\n

\n \n {pet.species === 'dog' ? '🐕' : pet.species === 'cat' ? '🐱' : '🐾'}\n \n

\n {pet.name}\n

\n {pet.breed} • {pet.age} years old\n

\n {pet.description}\n

\n \n {formatCurrency(pet.adoption_fee)}\n \n navigateTo('adoption')}\n className=\"bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700 transition-colors\"\n >\n Learn More\n \n

\n ))}\n

\n ) : (\n

No featured pets available at the moment.

\n )}\n\n

\n navigateTo('adoption')}\n className=\"bg-purple-600 text-white px-8 py-3 rounded-lg font-semibold hover:bg-purple-700 transition-colors\"\n >\n View All Available Pets\n \n

\n\n {/* Stats Section */}\n

500+

Pets Adopted

1000+

Happy Families

50+

Partner Shelters

24/7

Support Available

\n\n {/* CTA Section */}\n

\n Ready to Find Your Perfect Pet?\n

\n {user ? 'Browse our available pets and start your adoption journey today!' : 'Join our community and start your pet adoption journey today!'}\n

\n {user ? (\n navigateTo('adoption')}\n className=\"bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors\"\n >\n Browse Available Pets\n \n ) : (\n navigateTo('adoption')}\n className=\"bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors\"\n >\n Get Started\n \n )}\n

\n \n );\n}","deleted","label",[167,168,149],"frontend","pages","permalink","https://www.val.town/x/Aditi_Deshmukh/PetWebsite/code/frontend/pages/Home.tsx","extension","actionData","errors"]