bribrunner commited on
Commit
5cd93ca
·
verified ·
1 Parent(s): 0372f00

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
Files changed (3) hide show
  1. index.html +38 -110
  2. privacy-policy.html +3 -2
  3. 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
- <button id="cta-scroll" class="bg-primary hover:bg-opacity-90 text-white px-8 py-4 rounded-full text-lg font-medium transition">
439
  Get Started Today
440
- </button>
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-3 gap-8">
449
- <div class="md:col-span-1">
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 mb-4">Premium dog sitting services in the beautiful Florida Keys where every tail gets a tropical treat!</p>
455
- <p class="text-gray-400 text-sm">© 2023 Florida Dog Sitting. All rights reserved.</p>
456
  </div>
457
 
458
- <div class="md:col-span-1">
459
- <h4 class="text-lg font-bold mb-4 text-white">Our Services</h4>
460
- <ul class="space-y-3">
461
- <li><a href="#services" class="text-gray-400 hover:text-primary transition flex items-start">
462
- <i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
463
- <span>In-Home Sitting</span>
464
- </a></li>
465
- <li><a href="#services" class="text-gray-400 hover:text-primary transition flex items-start">
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 class="md:col-span-1">
481
- <h4 class="text-lg font-bold mb-4 text-white">Quick Links</h4>
482
- <ul class="space-y-3">
483
- <li><a href="#about" class="text-gray-400 hover:text-primary transition flex items-start">
484
- <i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
485
- <span>About Us</span>
486
- </a></li>
487
- <li><a href="#testimonials" class="text-gray-400 hover:text-primary transition flex items-start">
488
- <i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
489
- <span>Testimonials</span>
490
- </a></li>
491
- <li><a href="#faq" class="text-gray-400 hover:text-primary transition flex items-start">
492
- <i data-feather="chevron-right" class="text-primary mr-2 h-4 w-4 mt-0.5"></i>
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
- <div class="flex space-x-4">
515
- <a href="privacy-policy.html" class="text-gray-400 hover:text-primary text-sm transition">Privacy Policy</a>
516
- <span class="text-gray-600">|</span>
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
- // FAQ accordion (only one open at a time)
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">Doggy Day Care</a></li>
114
  <li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
115
- </ul>
 
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">Doggy Day Care</a></li>
123
  <li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
124
- </ul>
 
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>