Update src/app/layout.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -11,9 +11,9 @@ import { CheckCircle } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Animals", id: "animals" },
+    { name: "Animals", id: "/animals" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
     { name: "Testimonials", id: "testimonials" },
     { name: "Contact", id: "contact" },
   ];
@@ -21,34 +21,34 @@ export default function AboutPage() {
   const footerColumns = [
     {
       title: "Products",      items: [
-        { label: "Snakes", href: "#animals" },
+        { label: "Snakes", href: "/animals" },
-        { label: "Turtles", href: "#animals" },
+        { label: "Turtles", href: "/animals" },
-        { label: "Macaws", href: "#animals" },
+        { label: "Macaws", href: "/animals" },
-        { label: "Care Guides", href: "#" },
+        { label: "Care Guides", href: "/" },
       ],
     },
     {
       title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Story", href: "/about" },
-        { label: "Blog", href: "#" },
+        { label: "Blog", href: "/" },
-        { label: "Careers", href: "#" },
+        { label: "Careers", href: "/" },
       ],
     },
     {
       title: "Support",      items: [
         { label: "Contact", href: "/contact" },
-        { label: "FAQ", href: "#" },
+        { label: "FAQ", href: "/" },
-        { label: "Health Guarantee", href: "#" },
+        { label: "Health Guarantee", href: "/" },
-        { label: "Shipping Info", href: "#" },
+        { label: "Shipping Info", href: "/" },
       ],
     },
     {
       title: "Legal",      items: [
-        { label: "Privacy Policy", href: "#" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#" },
+        { label: "Terms of Service", href: "/" },
-        { label: "Refund Policy", href: "#" },
+        { label: "Refund Policy", href: "/" },
-        { label: "Cookie Policy", href: "#" },
+        { label: "Cookie Policy", href: "/" },
       ],
     },
   ];
@@ -80,7 +80,7 @@ export default function AboutPage() {
           description={[
             "Founded in 2010, Exotic Pets began with a simple mission: to provide ethically sourced, health-certified exotic animals to dedicated collectors and families worldwide. What started as a small specialty operation has grown into the premier destination for premium exotic pets.",            "We believe that responsible exotic pet ownership begins with transparency, expert care, and unwavering commitment to animal welfare. Every decision we make—from breeder partnerships to veterinary protocols—is guided by this principle.",            "Today, we're proud to serve thousands of satisfied customers across the globe, each with their own unique story of connection with their exotic animal companions. Our success is measured not just in sales, but in the lifelong wellbeing of every animal that leaves our care."
           ]}
-          buttons={[{ text: "Browse Animals", href: "/" }]}
+          buttons={[{ text: "Browse Animals", href: "/animals" }]}
           showBorder={true}
           useInvertedBackground={false}
           ariaLabel="About page - our journey"
@@ -139,4 +139,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/animals/page.tsx

@@ -10,9 +10,9 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Heart, CheckCircle } from "lucide-react";
 
 const navItems = [
-  { name: "Home", id: "home" },
+  { name: "Home", id: "/" },
-  { name: "Animals", id: "animals" },
+  { name: "Animals", id: "/animals" },
-  { name: "About", id: "about" },
+  { name: "About", id: "/about" },
   { name: "Testimonials", id: "testimonials" },
   { name: "Contact", id: "contact" },
 ];
@@ -169,10 +169,10 @@ export default function AnimalsPage() {
             {
               title: "Company",              items: [
                 {
-                  label: "About Us",                  href: "/"
+                  label: "About Us",                  href: "/about"
                 },
                 {
-                  label: "Our Story",                  href: "/"
+                  label: "Our Story",                  href: "/about"
                 },
                 {
                   label: "Blog",                  href: "/"
@@ -221,4 +221,4 @@ export default function AnimalsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -14,9 +14,9 @@ import { Sparkles, Heart, CheckCircle, Star } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Animals", id: "animals" },
+    { name: "Animals", id: "/animals" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
     { name: "Testimonials", id: "testimonials" },
     { name: "Contact", id: "contact" },
   ];
@@ -51,8 +51,8 @@ export default function HomePage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Browse Animals", href: "animals" },
+            { text: "Browse Animals", href: "/animals" },
-            { text: "Learn More", href: "about" }
+            { text: "Learn More", href: "/about" }
           ]}
           buttonAnimation="slide-up"
           carouselItems={[
@@ -75,7 +75,7 @@ export default function HomePage() {
           description={[
             "Exotic Pets has been the premier destination for exotic animals since 2010. We specialize in providing healthy, responsibly sourced snakes, turtles, and macaws to dedicated collectors and families worldwide.",            "Our mission is to promote ethical exotic pet ownership through education, expert care, and transparent business practices. Every animal in our collection receives specialized veterinary attention and optimal living conditions.",            "We work with experienced breeders and wildlife specialists to ensure genetic diversity and long-term health of all our animals. Your satisfaction and the animal's wellbeing are our top priorities."
           ]}
-          buttons={[{ text: "View Our Story", href: "#" }]}
+          buttons={[{ text: "View Our Story", href: "/about" }]}
           showBorder={true}
           useInvertedBackground={false}
           ariaLabel="About section"
@@ -89,7 +89,7 @@ export default function HomePage() {
           tag="Available Now"
           tagIcon={Heart}
           tagAnimation="slide-up"
-          buttons={[{ text: "Browse Full Catalog", href: "animals" }]}
+          buttons={[{ text: "Browse Full Catalog", href: "/animals" }]}
           buttonAnimation="slide-up"
           products={[
             { id: "snake-1", brand: "Exotic Pets", name: "Green Tree Python", price: "$450.00", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/blue-viper-snake-branch-viper-snake-ready-attack-blue-insularis-animal-closeup_488145-2760.jpg?_wi=1", imageAlt: "Green Tree Python" },
@@ -185,7 +185,7 @@ export default function HomePage() {
           animationType="entrance-slide"
           buttons={[
             { text: "Get in Touch", href: "contact" },
-            { text: "Browse Catalog", href: "animals" }
+            { text: "Browse Catalog", href: "/animals" }
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -199,34 +199,34 @@ export default function HomePage() {
           columns={[
             {
               title: "Products",              items: [
-                { label: "Snakes", href: "#animals" },
+                { label: "Snakes", href: "/animals" },
-                { label: "Turtles", href: "#animals" },
+                { label: "Turtles", href: "/animals" },
-                { label: "Macaws", href: "#animals" },
+                { label: "Macaws", href: "/animals" },
-                { label: "Care Guides", href: "#" }
+                { label: "Care Guides", href: "/" }
               ]
             },
             {
               title: "Company",              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Story", href: "/about" },
-                { label: "Blog", href: "#" },
+                { label: "Blog", href: "/" },
-                { label: "Careers", href: "#" }
+                { label: "Careers", href: "/" }
               ]
             },
             {
               title: "Support",              items: [
                 { label: "Contact", href: "/contact" },
-                { label: "FAQ", href: "#" },
+                { label: "FAQ", href: "/" },
-                { label: "Health Guarantee", href: "#" },
+                { label: "Health Guarantee", href: "/" },
-                { label: "Shipping Info", href: "#" }
+                { label: "Shipping Info", href: "/" }
               ]
             },
             {
               title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
+                { label: "Privacy Policy", href: "/" },
-                { label: "Terms of Service", href: "#" },
+                { label: "Terms of Service", href: "/" },
-                { label: "Refund Policy", href: "#" },
+                { label: "Refund Policy", href: "/" },
-                { label: "Cookie Policy", href: "#" }
+                { label: "Cookie Policy", href: "/" }
               ]
             }
           ]}
@@ -236,4 +236,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}