Update src/app/page.tsx

2026-03-24 13:16:17 +00:00
parent 8f4321f652
commit 85b37f7859
1 changed files with 32 additions and 137 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Heart, Home, DollarSign } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -29,27 +30,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Meet Our Pets",
-          id: "/pets",
-        },
-        {
-          name: "How to Help",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Contact", id: "#contact" },
      ]}
-      button={{
-        text: "Adopt Now",
-        href: "/pets",
-      }}
      brandName="Paws & Hope"
    />
  </div>
@@ -59,20 +44,12 @@ export default function LandingPage() {
      logoText="Every Pet Deserves a Forever Home"
      description="Welcome to Paws & Hope. We are dedicated to rescuing, rehabilitating, and finding loving families for pets in need. Join our community of animal lovers today."
      buttons={[
-        {
-          text: "Adopt Today",
-          href: "/pets",
-        },
-        {
-          text: "Donate Now",
-          href: "#",
-        },
+        { text: "Adopt Today", href: "#" },
+        { text: "Donate Now", href: "#" },
      ]}
      slides={[
        {
-          imageSrc: "https://pixabay.com/get/gb41c3ae2955c02729203538b3a118ea21e77683c3ccbd49b6d08fa8cd0d73ab5ccff37205a90e268168ed7500a0fef941c5a864bc91cc9f82e166b30907b17f2_1280.jpg?_wi=1",
-          imageAlt: "Happy rescue dog looking forward",
-        },
+          imageSrc: "https://pixabay.com/get/gb41c3ae2955c02729203538b3a118ea21e77683c3ccbd49b6d08fa8cd0d73ab5ccff37205a90e268168ed7500a0fef941c5a864bc91cc9f82e166b30907b17f2_1280.jpg",          imageAlt: "Happy rescue dog looking forward"},
      ]}
    />
  </div>
@@ -81,25 +58,12 @@ export default function LandingPage() {
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
-        {
-          type: "text",
-          content: "Our Commitment to",
-        },
-        {
-          type: "image",
-          src: "https://pixabay.com/get/g0f9d618f69b06c94c360a7b5812ba323424b360fd5a111a3add63ad8c8aa66cdce85ed10fb01fb5daa70c5112e5e07bcc17b2209c4e8216ed1c2a128c254e425_1280.jpg",
-          alt: "Shelter Team",
-        },
-        {
-          type: "text",
-          content: "Our Rescued Companions",
-        },
+        { type: "text", content: "Our Commitment to" },
+        { type: "image", src: "https://pixabay.com/get/g0f9d618f69b06c94c360a7b5812ba323424b360fd5a111a3add63ad8c8aa66cdce85ed10fb01fb5daa70c5112e5e07bcc17b2209c4e8216ed1c2a128c254e425_1280.jpg", alt: "Shelter Team" },
+        { type: "text", content: "Our Rescued Companions" },
      ]}
      buttons={[
-        {
-          text: "Meet Our Team",
-          href: "#",
-        },
+        { text: "Meet Our Team", href: "#" },
      ]}
    />
  </div>
@@ -108,28 +72,13 @@ export default function LandingPage() {
      <FeatureCardTwentySix
      textboxLayout="split"
      useInvertedBackground={false}
-      features={[
-        {
-          title: "Adoption",
-          description: "Browse our adoptable pets and find your new family member.",
-          buttonIcon: "Heart",
-          buttonHref: "/pets",
-        },
-        {
-          title: "Fostering",
-          description: "Provide a temporary home while they wait for their forever family.",
-          buttonIcon: "Home",
-          buttonHref: "#",
-        },
-        {
-          title: "Donations",
-          description: "Your support covers food, medical care, and shelter operations.",
-          buttonIcon: "DollarSign",
-          buttonHref: "#",
-        },
-      ]}
      title="How You Can Help"
      description="We offer several ways to make a difference in a rescue animal's life."
+      features={[
+        { title: "Adoption", description: "Browse our adoptable pets and find your new family member.", buttonIcon: Heart, buttonHref: "#" },
+        { title: "Fostering", description: "Provide a temporary home while they wait for their forever family.", buttonIcon: Home, buttonHref: "#" },
+        { title: "Donations", description: "Your support covers food, medical care, and shelter operations.", buttonIcon: DollarSign, buttonHref: "#" },
+      ]}
    />
  </div>

@@ -137,46 +86,14 @@ export default function LandingPage() {
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "Oct 2023",
-          title: "Best decision ever",
-          quote: "Paws & Hope made the adoption process so easy. Our new pup is a blessing!",
-          tag: "Adoption",
-          avatarSrc: "https://pixabay.com/get/g611e1c1bfe6a5422e5899df7aa134fa200dbba975059a0c5b400e17a32c83498903bee5b1115b1434974cb7d429c263a4fc1ff98b677ea2d1899620faf5c07ee_1280.jpg",
-        },
-        {
-          id: "2",
-          name: "James Chen",
-          date: "Nov 2023",
-          title: "Incredible support",
-          quote: "The team was so helpful in finding the perfect cat for our lifestyle.",
-          tag: "Adoption",
-          avatarSrc: "https://pixabay.com/get/g5d1b59111cad5a3dccde3b867702a58c1f5a3f37cfe535599251819b12b6eff09e850c3519879ff316e424a5dfbecc0dc8ee38e6573471703f12ff35b6ff2055_1280.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rossi",
-          date: "Dec 2023",
-          title: "A happy home",
-          quote: "We are so grateful for the compassionate care our rescue received.",
-          tag: "Adoption",
-          avatarSrc: "https://pixabay.com/get/g8ba699abb0abfb12de3afa5d67d544c55a04272cd6bb3cc5cf02500b153ced3469051071c957eb437a2891801af63af38f997cf6039f6ad8595b7c2cef856668_1280.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Wilson",
-          date: "Jan 2024",
-          title: "Life changing",
-          quote: "Adopting our senior dog was the best experience. Thank you!",
-          tag: "Adoption",
-          avatarSrc: "https://pixabay.com/get/ga06d4512c72dbc5a340fd9ead59415aa69cd619d100b531770a2e9c522e9bf83c219b9197049e4a832c5cd7644ebfa501bfb1db5d87070878d194e5151400b48_1280.jpg",
-        },
-      ]}
      title="Success Stories"
      description="Hear from the wonderful families who opened their homes to our rescues."
+      testimonials={[
+        { id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Best decision ever", quote: "Paws & Hope made the adoption process so easy. Our new pup is a blessing!", tag: "Adoption", avatarSrc: "https://pixabay.com/get/g611e1c1bfe6a5422e5899df7aa134fa200dbba975059a0c5b400e17a32c83498903bee5b1115b1434974cb7d429c263a4fc1ff98b677ea2d1899620faf5c07ee_1280.jpg" },
+        { id: "2", name: "James Chen", date: "Nov 2023", title: "Incredible support", quote: "The team was so helpful in finding the perfect cat for our lifestyle.", tag: "Adoption", avatarSrc: "https://pixabay.com/get/g5d1b59111cad5a3dccde3b867702a58c1f5a3f37cfe535599251819b12b6eff09e850c3519879ff316e424a5dfbecc0dc8ee38e6573471703f12ff35b6ff2055_1280.jpg" },
+        { id: "3", name: "Elena Rossi", date: "Dec 2023", title: "A happy home", quote: "We are so grateful for the compassionate care our rescue received.", tag: "Adoption", avatarSrc: "https://pixabay.com/get/g8ba699abb0abfb12de3afa5d67d544c55a04272cd6bb3cc5cf02500b153ced3469051071c957eb437a2891801af63af38f997cf6039f6ad8595b7c2cef856668_1280.jpg" },
+        { id: "4", name: "Mark Wilson", date: "Jan 2024", title: "Life changing", quote: "Adopting our senior dog was the best experience. Thank you!", tag: "Adoption", avatarSrc: "https://pixabay.com/get/ga06d4512c72dbc5a340fd9ead59415aa69cd619d100b531770a2e9c522e9bf83c219b9197049e4a832c5cd7644ebfa501bfb1db5d87070878d194e5151400b48_1280.jpg" },
+      ]}
    />
  </div>

@@ -184,53 +101,31 @@ export default function LandingPage() {
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "What is the adoption process?",
-          content: "Fill out an application, meet the pet, and we'll help with the transition.",
-        },
-        {
-          id: "2",
-          title: "How can I volunteer?",
-          content: "Visit our 'Get Involved' page to view current volunteer opportunities.",
-        },
-      ]}
-      imageSrc="https://pixabay.com/get/g2b3be7a0c48e8450feb9d6410a527dedf3ca353959eadb294e564d3d90d14292162040a3bf75d9af62e44596e593f6d26d2c942c288632bbff25fead4096c157_1280.jpg"
-      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Have questions? We've got answers."
      faqsAnimation="slide-up"
+      mediaAnimation="slide-up"
+      faqs={[
+        { id: "1", title: "What is the adoption process?", content: "Fill out an application, meet the pet, and we'll help with the transition." },
+        { id: "2", title: "How can I volunteer?", content: "Visit our 'Get Involved' page to view current volunteer opportunities." },
+      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
      text="Ready to save a life? Reach out to us today to schedule a visit or ask about our current residents."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Paws & Hope"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact Us", href: "#" }}
    />
  </div>
      </ReactLenis>