src/app/blog/page.tsx

@@ -6,6 +6,18 @@ import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 
+// Assuming the BlogPost type is available from the hook or a types file
+interface BlogPost {
+    id: string;
+    title: string;
+    description: string;
+    date: string;
+    author: string;
+    imageSrc: string;
+    imageAlt: string;
+    href: string;
+}
+
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
@@ -45,7 +57,7 @@ export default function BlogPage() {
                         </div>
                     ) : (
                         <BlogCardTwo
-                            items={posts}
+                            posts={posts as BlogPost[]}
                             title="Latest Articles"
                             description="Insights and updates from our team"
                             animationType="slide-up"

src/app/page.tsx

@@ -29,7 +29,7 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-              { name: 'Home', id: 'hero' },
+              { name: 'Home', id: '/' },
               { name: 'About', id: 'about' },
               { name: 'Services', id: 'features' },
               { name: 'Testimonials', id: 'testimonials' },