Spaces:
Running
Running
Make sure the FAQ setction is functional, meaning the drop down arrows reveal the intended content. Ensure the get started today button in the CTA section is working. Link the text under serves and quick links in the footer to the corresponding parts on the page. Add Housesitting under services and link this as well. Link the privacy policy and terms of service to their pages. Redo the format of the footer so that it feels more natural do not add social media or newsletter icons.
Browse files- index.html +38 -110
- privacy-policy.html +3 -2
- terms-conditions.html +3 -2
index.html
CHANGED
|
@@ -435,121 +435,66 @@
|
|
| 435 |
<div class="container mx-auto px-6">
|
| 436 |
<h2 class="text-4xl font-bold mb-6 font-hand">Ready to Give Your Pup a Vacation?</h2>
|
| 437 |
<p class="text-xl mb-8 max-w-2xl mx-auto">Give your pup the tropical vacation they deserve!</p>
|
| 438 |
-
<
|
| 439 |
Get Started Today
|
| 440 |
-
</
|
| 441 |
-
|
| 442 |
</section>
|
| 443 |
|
| 444 |
|
| 445 |
<!-- Footer -->
|
| 446 |
<footer class="bg-gray-900 text-white py-12">
|
| 447 |
<div class="container mx-auto px-6">
|
| 448 |
-
<div class="grid grid-cols-1 md:grid-cols-
|
| 449 |
-
<div
|
| 450 |
<div class="flex items-center mb-6">
|
| 451 |
<i data-feather="paw" class="text-primary h-8 w-8 mr-2"></i>
|
| 452 |
<span class="font-hand text-2xl text-primary">Florida Dog Sitting</span>
|
| 453 |
-
|
| 454 |
-
<p class="text-gray-400
|
| 455 |
-
<p class="text-gray-400 text-sm">© 2023 Florida Dog Sitting. All rights reserved.</p>
|
| 456 |
</div>
|
| 457 |
|
| 458 |
-
<div
|
| 459 |
-
<h4 class="text-lg font-bold mb-4
|
| 460 |
-
<ul class="space-y-
|
| 461 |
-
|
| 462 |
-
|
| 463 |
-
|
| 464 |
-
|
| 465 |
-
|
| 466 |
-
<i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
|
| 467 |
-
<span>Drop In's</span>
|
| 468 |
-
</a></li>
|
| 469 |
-
<li><a href="#services" class="text-gray-400 hover:text-primary transition flex items-start">
|
| 470 |
-
<i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
|
| 471 |
-
<span>Adventure Walks</span>
|
| 472 |
-
</a></li>
|
| 473 |
-
<li><a href="#services" class="text-gray-400 hover:text-primary transition flex items-start">
|
| 474 |
-
<i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
|
| 475 |
-
<span>House Sitting</span>
|
| 476 |
-
</a></li>
|
| 477 |
-
</ul>
|
| 478 |
</div>
|
| 479 |
|
| 480 |
-
<div
|
| 481 |
-
<h4 class="text-lg font-bold mb-4
|
| 482 |
-
|
| 483 |
-
|
| 484 |
-
|
| 485 |
-
|
| 486 |
-
|
| 487 |
-
|
| 488 |
-
|
| 489 |
-
|
| 490 |
-
|
| 491 |
-
|
| 492 |
-
|
| 493 |
-
<span>FAQ</span>
|
| 494 |
-
</a></li>
|
| 495 |
-
<li><a href="#contact" class="text-gray-400 hover:text-primary transition flex items-start">
|
| 496 |
-
<i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
|
| 497 |
-
<span>Contact</span>
|
| 498 |
-
</a></li>
|
| 499 |
-
<li><a href="privacy-policy.html" class="text-gray-400 hover:text-primary transition flex items-start">
|
| 500 |
-
<i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
|
| 501 |
-
<span>Privacy Policy</span>
|
| 502 |
-
</a></li>
|
| 503 |
-
<li><a href="terms-conditions.html" class="text-gray-400 hover:text-primary transition flex items-start">
|
| 504 |
-
<i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
|
| 505 |
-
<span>Terms & Conditions</span>
|
| 506 |
-
</a></li>
|
| 507 |
-
</ul>
|
| 508 |
</div>
|
| 509 |
</div>
|
| 510 |
-
</div>
|
| 511 |
|
| 512 |
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
|
| 513 |
<p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 Paws & Palms Paradise. All rights reserved.</p>
|
| 514 |
-
|
| 515 |
-
|
| 516 |
-
|
| 517 |
-
<a href="terms-conditions.html" class="text-gray-400 hover:text-primary text-sm transition">Terms & Conditions</a>
|
| 518 |
-
</div>
|
| 519 |
</div>
|
|
|
|
| 520 |
</div>
|
| 521 |
</footer>
|
| 522 |
</div>
|
| 523 |
-
<script>
|
| 524 |
-
// FAQ accordion functionality
|
| 525 |
-
document.querySelectorAll('.faq-btn').forEach(button => {
|
| 526 |
-
button.addEventListener('click', () => {
|
| 527 |
-
const content = button.nextElementSibling;
|
| 528 |
-
const icon = button.querySelector('i');
|
| 529 |
-
|
| 530 |
-
// Toggle content visibility
|
| 531 |
-
content.classList.toggle('hidden');
|
| 532 |
-
|
| 533 |
-
// Rotate icon
|
| 534 |
-
if (content.classList.contains('hidden')) {
|
| 535 |
-
icon.style.transform = 'rotate(0deg)';
|
| 536 |
-
} else {
|
| 537 |
-
icon.style.transform = 'rotate(180deg)';
|
| 538 |
-
}
|
| 539 |
-
});
|
| 540 |
-
});
|
| 541 |
-
|
| 542 |
-
// CTA button scroll to contact
|
| 543 |
-
document.getElementById('cta-scroll').addEventListener('click', (e) => {
|
| 544 |
-
e.preventDefault();
|
| 545 |
-
document.getElementById('contact').scrollIntoView({
|
| 546 |
-
behavior: 'smooth'
|
| 547 |
-
});
|
| 548 |
-
});
|
| 549 |
|
|
|
|
| 550 |
// Vanta.js Background
|
| 551 |
VANTA.WAVES({
|
| 552 |
-
el: "#vanta-bg",
|
| 553 |
mouseControls: true,
|
| 554 |
touchControls: true,
|
| 555 |
gyroControls: false,
|
|
@@ -563,20 +508,9 @@ el: "#vanta-bg",
|
|
| 563 |
waveSpeed: 0.80,
|
| 564 |
zoom: 0.75
|
| 565 |
});
|
| 566 |
-
// Close other FAQs when opening one
|
| 567 |
-
document.querySelectorAll('.faq-btn').forEach(button => {
|
| 568 |
-
button.addEventListener('click', () => {
|
| 569 |
-
document.querySelectorAll('.faq-content').forEach(content => {
|
| 570 |
-
if (content !== button.nextElementSibling) {
|
| 571 |
-
content.classList.add('hidden');
|
| 572 |
-
content.previousElementSibling.querySelector('i').style.transform = 'rotate(0deg)';
|
| 573 |
-
}
|
| 574 |
-
});
|
| 575 |
-
});
|
| 576 |
-
});
|
| 577 |
|
| 578 |
// Mobile Menu Toggle
|
| 579 |
-
const menuBtn = document.getElementById('menu-btn');
|
| 580 |
const mobileMenu = document.getElementById('mobile-menu');
|
| 581 |
|
| 582 |
menuBtn.addEventListener('click', () => {
|
|
@@ -635,9 +569,10 @@ const menuBtn = document.getElementById('menu-btn');
|
|
| 635 |
</script>
|
| 636 |
|
| 637 |
<script>
|
| 638 |
-
|
| 639 |
document.querySelectorAll('.faq-btn').forEach((btn) => {
|
| 640 |
-
btn.addEventListener('click', () => {
|
|
|
|
| 641 |
const content = btn.nextElementSibling;
|
| 642 |
const isOpen = !content.classList.contains('hidden');
|
| 643 |
document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));
|
|
@@ -648,13 +583,6 @@ document.querySelectorAll('.faq-btn').forEach((btn) => {
|
|
| 648 |
}
|
| 649 |
});
|
| 650 |
});
|
| 651 |
-
|
| 652 |
-
// CTA scroll to contact
|
| 653 |
-
document.getElementById('cta-scroll').addEventListener('click', () => {
|
| 654 |
-
const target = document.getElementById('contact');
|
| 655 |
-
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
| 656 |
-
});
|
| 657 |
-
|
| 658 |
// Testimonials carousel
|
| 659 |
let index = 0;
|
| 660 |
const carousel = document.getElementById('testimonial-carousel');
|
|
|
|
| 435 |
<div class="container mx-auto px-6">
|
| 436 |
<h2 class="text-4xl font-bold mb-6 font-hand">Ready to Give Your Pup a Vacation?</h2>
|
| 437 |
<p class="text-xl mb-8 max-w-2xl mx-auto">Give your pup the tropical vacation they deserve!</p>
|
| 438 |
+
<a href="index.html#contact" class="bg-primary hover:bg-opacity-90 text-white px-8 py-4 rounded-full text-lg font-medium transition inline-block">
|
| 439 |
Get Started Today
|
| 440 |
+
</a>
|
| 441 |
+
</div>
|
| 442 |
</section>
|
| 443 |
|
| 444 |
|
| 445 |
<!-- Footer -->
|
| 446 |
<footer class="bg-gray-900 text-white py-12">
|
| 447 |
<div class="container mx-auto px-6">
|
| 448 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-12">
|
| 449 |
+
<div>
|
| 450 |
<div class="flex items-center mb-6">
|
| 451 |
<i data-feather="paw" class="text-primary h-8 w-8 mr-2"></i>
|
| 452 |
<span class="font-hand text-2xl text-primary">Florida Dog Sitting</span>
|
| 453 |
+
</div>
|
| 454 |
+
<p class="text-gray-400">Premium dog sitting services in the beautiful Florida Keys where every tail gets a tropical treat!</p>
|
|
|
|
| 455 |
</div>
|
| 456 |
|
| 457 |
+
<div>
|
| 458 |
+
<h4 class="text-lg font-bold mb-4">Services</h4>
|
| 459 |
+
<ul class="space-y-2">
|
| 460 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
|
| 461 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Drop In's</a></li>
|
| 462 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
|
| 463 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">House Sitting</a></li>
|
| 464 |
+
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 465 |
</div>
|
| 466 |
|
| 467 |
+
<div>
|
| 468 |
+
<h4 class="text-lg font-bold mb-4">Quick Links</h4>
|
| 469 |
+
|
| 470 |
+
<ul class="space-y-2">
|
| 471 |
+
<li><a href="index.html#about" class="text-gray-400 hover:text-primary transition">About Us</a></li>
|
| 472 |
+
<li><a href="index.html#testimonials" class="text-gray-400 hover:text-primary transition">Testimonials</a></li>
|
| 473 |
+
<li><a href="index.html#faq" class="text-gray-400 hover:text-primary transition">FAQ</a></li>
|
| 474 |
+
<li><a href="index.html#contact" class="text-gray-400 hover:text-primary transition">Contact</a></li>
|
| 475 |
+
</ul>
|
| 476 |
+
</div>
|
| 477 |
+
|
| 478 |
+
|
| 479 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 480 |
</div>
|
| 481 |
</div>
|
|
|
|
| 482 |
|
| 483 |
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
|
| 484 |
<p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 Paws & Palms Paradise. All rights reserved.</p>
|
| 485 |
+
<div class="flex space-x-6">
|
| 486 |
+
<a href="privacy-policy.html" class="text-gray-400 hover:text-primary text-sm transition">Privacy Policy</a>
|
| 487 |
+
<a href="terms-conditions.html" class="text-gray-400 hover:text-primary text-sm transition">Terms of Service</a>
|
|
|
|
|
|
|
| 488 |
</div>
|
| 489 |
+
</div>
|
| 490 |
</div>
|
| 491 |
</footer>
|
| 492 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 493 |
|
| 494 |
+
<script>
|
| 495 |
// Vanta.js Background
|
| 496 |
VANTA.WAVES({
|
| 497 |
+
el: "#vanta-bg",
|
| 498 |
mouseControls: true,
|
| 499 |
touchControls: true,
|
| 500 |
gyroControls: false,
|
|
|
|
| 508 |
waveSpeed: 0.80,
|
| 509 |
zoom: 0.75
|
| 510 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 511 |
|
| 512 |
// Mobile Menu Toggle
|
| 513 |
+
const menuBtn = document.getElementById('menu-btn');
|
| 514 |
const mobileMenu = document.getElementById('mobile-menu');
|
| 515 |
|
| 516 |
menuBtn.addEventListener('click', () => {
|
|
|
|
| 569 |
</script>
|
| 570 |
|
| 571 |
<script>
|
| 572 |
+
// FAQ accordion (only one open at a time)
|
| 573 |
document.querySelectorAll('.faq-btn').forEach((btn) => {
|
| 574 |
+
btn.addEventListener('click', (e) => {
|
| 575 |
+
e.preventDefault();
|
| 576 |
const content = btn.nextElementSibling;
|
| 577 |
const isOpen = !content.classList.contains('hidden');
|
| 578 |
document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));
|
|
|
|
| 583 |
}
|
| 584 |
});
|
| 585 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 586 |
// Testimonials carousel
|
| 587 |
let index = 0;
|
| 588 |
const carousel = document.getElementById('testimonial-carousel');
|
privacy-policy.html
CHANGED
|
@@ -110,9 +110,10 @@
|
|
| 110 |
<h4 class="text-lg font-bold mb-4">Services</h4>
|
| 111 |
<ul class="space-y-2">
|
| 112 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
|
| 113 |
-
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">
|
| 114 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
|
| 115 |
-
|
|
|
|
| 116 |
</div>
|
| 117 |
|
| 118 |
<div>
|
|
|
|
| 110 |
<h4 class="text-lg font-bold mb-4">Services</h4>
|
| 111 |
<ul class="space-y-2">
|
| 112 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
|
| 113 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Drop In's</a></li>
|
| 114 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
|
| 115 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">House Sitting</a></li>
|
| 116 |
+
</ul>
|
| 117 |
</div>
|
| 118 |
|
| 119 |
<div>
|
terms-conditions.html
CHANGED
|
@@ -119,9 +119,10 @@
|
|
| 119 |
<h4 class="text-lg font-bold mb-4">Services</h4>
|
| 120 |
<ul class="space-y-2">
|
| 121 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
|
| 122 |
-
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">
|
| 123 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
|
| 124 |
-
|
|
|
|
| 125 |
</div>
|
| 126 |
|
| 127 |
<div>
|
|
|
|
| 119 |
<h4 class="text-lg font-bold mb-4">Services</h4>
|
| 120 |
<ul class="space-y-2">
|
| 121 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
|
| 122 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Drop In's</a></li>
|
| 123 |
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
|
| 124 |
+
<li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">House Sitting</a></li>
|
| 125 |
+
</ul>
|
| 126 |
</div>
|
| 127 |
|
| 128 |
<div>
|