diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 34b8b2f..f1f3bd6 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -29,11 +29,11 @@ export default function BlogPage() {
                         brandName="My Blog"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Articles", id: "blog" },
+                            { name: "Articles", id: "/blog" },
                             { name: "About", id: "about" },
                             { name: "Contact", id: "contact" }
                         ]}
-                        button={{ text: "Subscribe", href: "#newsletter" }}
+                        button={{ text: "Subscribe", href: "newsletter" }}
                     />
                 </div>
 
@@ -62,7 +62,7 @@ export default function BlogPage() {
                         columns={[
                             {
                                 title: "Content",                                items: [
-                                    { label: "Articles", href: "#blog" },
+                                    { label: "Articles", href: "/blog" },
                                     { label: "Featured", href: "#featured" },
                                     { label: "Categories", href: "#" },
                                     { label: "Archive", href: "#" }
@@ -70,7 +70,7 @@ export default function BlogPage() {
                             },
                             {
                                 title: "Connect",                                items: [
-                                    { label: "Newsletter", href: "#newsletter" },
+                                    { label: "Newsletter", href: "newsletter" },
                                     { label: "Twitter", href: "https://twitter.com" },
                                     { label: "LinkedIn", href: "https://linkedin.com" },
                                     { label: "Email", href: "mailto:hello@myblog.com" }
@@ -78,9 +78,9 @@ export default function BlogPage() {
                             },
                             {
                                 title: "About",                                items: [
-                                    { label: "About Me", href: "#about" },
-                                    { label: "Contact", href: "#contact" },
-                                    { label: "Collaborate", href: "#contact" },
+                                    { label: "About Me", href: "about" },
+                                    { label: "Contact", href: "contact" },
+                                    { label: "Collaborate", href: "contact" },
                                     { label: "Advertise", href: "#" }
                                 ]
                             },
@@ -98,4 +98,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d9acfa4..f29b608 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function LandingPage() {
@@ -28,13 +29,13 @@ export default function LandingPage() {
         <NavbarStyleCentered
           brandName="My Blog"
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Articles", id: "blog" },
+            { name: "Home", id: "/" },
+            { name: "Articles", id: "/blog" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Subscribe",            href: "#newsletter"
+            text: "Subscribe",            href: "newsletter"
           }}
         />
       </div>
@@ -44,8 +45,8 @@ export default function LandingPage() {
           logoText="MY BLOG"
           description="Exploring ideas, sharing stories, and discovering insights about life, creativity, and growth"
           buttons={[
-            { text: "Start Reading", href: "#blog" },
-            { text: "Subscribe", href: "#newsletter" }
+            { text: "Start Reading", href: "/blog" },
+            { text: "Subscribe", href: "newsletter" }
           ]}
           slides={[
             {
@@ -100,6 +101,32 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardFive
+          title="What Our Readers Say"
+          description="Hear directly from the community about how our articles have impacted their lives"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "testimonial-1",              name: "Emma Rodriguez, Marketing Manager",              date: "Date: 20 January 2025",              title: "Truly transformative content",              quote: "Sarah's articles on personal growth have completely shifted my perspective. I've implemented her strategies and already see meaningful changes in my daily life and work.",              tag: "Personal Growth",              avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-154.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg"
+            },
+            {
+              id: "testimonial-2",              name: "James Chen, Software Developer",              date: "Date: 18 January 2025",              title: "Exactly what I needed to hear",              quote: "The digital wellness piece came at the perfect time. It helped me establish better boundaries with technology and reclaim my mental health. Highly recommend!",              tag: "Technology",              avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-147.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/man-smiling-workplace_1098-1024.jpg"
+            },
+            {
+              id: "testimonial-3",              name: "Lisa Thompson, Creative Director",              date: "Date: 15 January 2025",              title: "Unlocked my creative flow",              quote: "The techniques in the creativity article were game-changing for me. I've already applied them to my design projects and the results have been outstanding.",              tag: "Creativity",              avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-152.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/female-designer-working-office_1098-1026.jpg"
+            },
+            {
+              id: "testimonial-4",              name: "Michael Park, Entrepreneur",              date: "Date: 12 January 2025",              title: "A beacon of inspiration",              quote: "Every week I look forward to reading the new article. Sarah's thoughtful perspective on resilience and growth keeps me motivated through challenges.",              tag: "Mindfulness",              avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-149.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-office-looking-confident_1098-1025.jpg"
+            },
+            {
+              id: "testimonial-5",              name: "Sarah Williams, Life Coach",              date: "Date: 10 January 2025",              title: "Authenticity that resonates",              quote: "The depth and authenticity in these articles set them apart. I've shared them with my clients and they've sparked meaningful conversations about personal growth.",              tag: "Personal Development",              avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-150.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-office-with-arms-crossed_1098-1027.jpg"
+            }
+          ]}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
@@ -112,7 +139,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           buttons={[
             { text: "Read My Story", href: "#" },
-            { text: "Get in Touch", href: "#contact" }
+            { text: "Get in Touch", href: "contact" }
           ]}
         />
       </div>
@@ -205,7 +232,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Content",              items: [
-                { label: "Articles", href: "#blog" },
+                { label: "Articles", href: "/blog" },
                 { label: "Featured", href: "#featured" },
                 { label: "Categories", href: "#" },
                 { label: "Archive", href: "#" }
@@ -213,7 +240,7 @@ export default function LandingPage() {
             },
             {
               title: "Connect",              items: [
-                { label: "Newsletter", href: "#newsletter" },
+                { label: "Newsletter", href: "newsletter" },
                 { label: "Twitter", href: "https://twitter.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Email", href: "mailto:hello@myblog.com" }
@@ -221,9 +248,9 @@ export default function LandingPage() {
             },
             {
               title: "About",              items: [
-                { label: "About Me", href: "#about" },
-                { label: "Contact", href: "#contact" },
-                { label: "Collaborate", href: "#contact" },
+                { label: "About Me", href: "about" },
+                { label: "Contact", href: "contact" },
+                { label: "Collaborate", href: "contact" },
                 { label: "Advertise", href: "#" }
               ]
             },
@@ -240,4 +267,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index c8fb6c4..e0b5320 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -100,7 +100,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             columns={[
                                 {
                                     title: "Content",                                    items: [
-                                        { label: "Articles", href: "#blog" },
+                                        { label: "Articles", href: "/blog" },
                                         { label: "Featured", href: "#featured" },
                                         { label: "Categories", href: "#" },
                                         { label: "Archive", href: "#" }
@@ -108,7 +108,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 },
                                 {
                                     title: "Connect",                                    items: [
-                                        { label: "Newsletter", href: "#newsletter" },
+                                        { label: "Newsletter", href: "newsletter" },
                                         { label: "Twitter", href: "https://twitter.com" },
                                         { label: "LinkedIn", href: "https://linkedin.com" },
                                         { label: "Email", href: "mailto:hello@myblog.com" }
@@ -116,9 +116,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 },
                                 {
                                     title: "About",                                    items: [
-                                        { label: "About Me", href: "#about" },
-                                        { label: "Contact", href: "#contact" },
-                                        { label: "Collaborate", href: "#contact" },
+                                        { label: "About Me", href: "about" },
+                                        { label: "Contact", href: "contact" },
+                                        { label: "Collaborate", href: "contact" },
                                         { label: "Advertise", href: "#" }
                                     ]
                                 },
@@ -180,7 +180,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             columns={[
                                 {
                                     title: "Content",                                    items: [
-                                        { label: "Articles", href: "#blog" },
+                                        { label: "Articles", href: "/blog" },
                                         { label: "Featured", href: "#featured" },
                                         { label: "Categories", href: "#" },
                                         { label: "Archive", href: "#" }
@@ -188,7 +188,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 },
                                 {
                                     title: "Connect",                                    items: [
-                                        { label: "Newsletter", href: "#newsletter" },
+                                        { label: "Newsletter", href: "newsletter" },
                                         { label: "Twitter", href: "https://twitter.com" },
                                         { label: "LinkedIn", href: "https://linkedin.com" },
                                         { label: "Email", href: "mailto:hello@myblog.com" }
@@ -196,9 +196,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 },
                                 {
                                     title: "About",                                    items: [
-                                        { label: "About Me", href: "#about" },
-                                        { label: "Contact", href: "#contact" },
-                                        { label: "Collaborate", href: "#contact" },
+                                        { label: "About Me", href: "about" },
+                                        { label: "Contact", href: "contact" },
+                                        { label: "Collaborate", href: "contact" },
                                         { label: "Advertise", href: "#" }
                                     ]
                                 },
@@ -284,7 +284,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         columns={[
                             {
                                 title: "Content",                                items: [
-                                    { label: "Articles", href: "#blog" },
+                                    { label: "Articles", href: "/blog" },
                                     { label: "Featured", href: "#featured" },
                                     { label: "Categories", href: "#" },
                                     { label: "Archive", href: "#" }
@@ -292,7 +292,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             },
                             {
                                 title: "Connect",                                items: [
-                                    { label: "Newsletter", href: "#newsletter" },
+                                    { label: "Newsletter", href: "newsletter" },
                                     { label: "Twitter", href: "https://twitter.com" },
                                     { label: "LinkedIn", href: "https://linkedin.com" },
                                     { label: "Email", href: "mailto:hello@myblog.com" }
@@ -300,9 +300,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                             },
                             {
                                 title: "About",                                items: [
-                                    { label: "About Me", href: "#about" },
-                                    { label: "Contact", href: "#contact" },
-                                    { label: "Collaborate", href: "#contact" },
+                                    { label: "About Me", href: "about" },
+                                    { label: "Contact", href: "contact" },
+                                    { label: "Collaborate", href: "contact" },
                                     { label: "Advertise", href: "#" }
                                 ]
                             },
@@ -320,4 +320,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index fa2bf44..b660743 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -50,7 +50,7 @@ export default function ShopPage() {
                             columns={[
                                 {
                                     title: "Content",                                    items: [
-                                        { label: "Articles", href: "#blog" },
+                                        { label: "Articles", href: "/blog" },
                                         { label: "Featured", href: "#featured" },
                                         { label: "Categories", href: "#" },
                                         { label: "Archive", href: "#" }
@@ -58,7 +58,7 @@ export default function ShopPage() {
                                 },
                                 {
                                     title: "Connect",                                    items: [
-                                        { label: "Newsletter", href: "#newsletter" },
+                                        { label: "Newsletter", href: "newsletter" },
                                         { label: "Twitter", href: "https://twitter.com" },
                                         { label: "LinkedIn", href: "https://linkedin.com" },
                                         { label: "Email", href: "mailto:hello@myblog.com" }
@@ -66,9 +66,9 @@ export default function ShopPage() {
                                 },
                                 {
                                     title: "About",                                    items: [
-                                        { label: "About Me", href: "#about" },
-                                        { label: "Contact", href: "#contact" },
-                                        { label: "Collaborate", href: "#contact" },
+                                        { label: "About Me", href: "about" },
+                                        { label: "Contact", href: "contact" },
+                                        { label: "Collaborate", href: "contact" },
                                         { label: "Advertise", href: "#" }
                                     ]
                                 },
@@ -129,7 +129,7 @@ export default function ShopPage() {
                         columns={[
                             {
                                 title: "Content",                                items: [
-                                    { label: "Articles", href: "#blog" },
+                                    { label: "Articles", href: "/blog" },
                                     { label: "Featured", href: "#featured" },
                                     { label: "Categories", href: "#" },
                                     { label: "Archive", href: "#" }
@@ -137,7 +137,7 @@ export default function ShopPage() {
                             },
                             {
                                 title: "Connect",                                items: [
-                                    { label: "Newsletter", href: "#newsletter" },
+                                    { label: "Newsletter", href: "newsletter" },
                                     { label: "Twitter", href: "https://twitter.com" },
                                     { label: "LinkedIn", href: "https://linkedin.com" },
                                     { label: "Email", href: "mailto:hello@myblog.com" }
@@ -145,9 +145,9 @@ export default function ShopPage() {
                             },
                             {
                                 title: "About",                                items: [
-                                    { label: "About Me", href: "#about" },
-                                    { label: "Contact", href: "#contact" },
-                                    { label: "Collaborate", href: "#contact" },
+                                    { label: "About Me", href: "about" },
+                                    { label: "Contact", href: "contact" },
+                                    { label: "Collaborate", href: "contact" },
                                     { label: "Advertise", href: "#" }
                                 ]
                             },
@@ -165,4 +165,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}