Merge version_1 into main

Merge version_1 into main

src/app/blog/page.tsx

@@ -42,7 +42,7 @@ export default function BlogPage() {
                     ) : (
                         <div id="blog" data-section="blog">
                             <BlogCardTwo
-                                articles={posts}
+                                posts={posts}
                                 title="Latest Articles"
                                 description="Insights and updates from our team"
                                 animationType="slide-up"

src/app/page.tsx

@@ -44,15 +44,11 @@ export default function SitePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[
-            { name: "Hero", id: "hero-section" },
-            { name: "About", id: "about-section" },
-            { name: "Feature", id: "features-section" },
-            { name: "Product", id: "products-section" },
-            { name: "Testimonial", id: "testimonials-section" },
-            { name: "Pricing", id: "pricing-section" },
-            { name: "Contact", id: "contact-section" },
+            { name: "Home", id: "/" },
+            { name: "Blog", id: "/blog" },
+            { name: "Shop", id: "/shop" },
           ]}
-          button={{ text: "Shop Now", href: "#products-section" }}
+          button={{ text: "Shop Now", href: "/shop" }}
           brandName="Dring Together"
         />
       </div>

src/app/shop/[id]/page.tsx

@@ -75,6 +75,7 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     const navItems = [
         { name: "Home", id: "/" },
+        { name: "Blog", id: "/blog" },
         { name: "Shop", id: "/shop" }
     ];
 

src/app/shop/page.tsx

@@ -42,6 +42,7 @@ function ShopPageContent() {
 
     const navItems = [
         { name: "Home", id: "/" },
+        { name: "Blog", id: "/blog" },
         { name: "Shop", id: "/shop" }
     ];