Switch to version 3: modified src/app/page.tsx

Merge version_3 into main

src/app/blog/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Mission", id: "/#about" },
+                    { name: "Solutions", id: "/#features" },
+                    { name: "Blog", id: "/blog" },
+                    { name: "Contact", id: "/#contact" },
+                ]}
+                brandName="MontriWeb"
+                button={{ text: "Get Started", href: "/#contact" }}
+            />
+        </div>
+
+        <div id="blog" data-section="blog" className="pt-32 pb-20">
+            <BlogCardThree
+                title="Latest Insights"
+                description="Explore the latest trends, guides, and updates from the world of AI-driven business growth."
+                textboxLayout="default"
+                animationType="slide-up"
+                useInvertedBackground={false}
+                blogs={[
+                    { id: "1", category: "Growth", title: "Scaling Small Businesses", excerpt: "How to leverage AI to unlock enterprise-level efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E665B6wm8CMNvYChmBhM1LZz9e/uploaded-1779487640172-yftlqhzn.jpg?_wi=1", authorName: "Admin", authorAvatar: "", date: "Jan 12, 2025" },
+                    { id: "2", category: "Automation", title: "The Future of PLR", excerpt: "Why AI-enhanced private label rights are changing the game.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E665B6wm8CMNvYChmBhM1LZz9e/uploaded-1779487640172-yftlqhzn.jpg?_wi=2", authorName: "Admin", authorAvatar: "", date: "Jan 10, 2025" }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterSimple
+              columns={[
+                {
+                  title: "Links",          items: [
+                    {
+                      label: "Home",              href: "/"},
+                    {
+                      label: "Services",              href: "/#features"},
+                    {
+                      label: "Blog",              href: "/blog"},
+                  ],
+                },
+                {
+                  title: "Legal",          items: [
+                    {
+                      label: "Privacy",              href: "/#"},
+                    {
+                      label: "Terms",              href: "/#"},
+                  ],
+                },
+              ]}
+              bottomLeftText="© 2025 MontriWeb. All rights reserved."
+              bottomRightText="AI Solutions for Founders."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,15 +32,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Mission",          id: "#about"},
+          name: "Mission",          id: "/#about"},
         {
-          name: "Solutions",          id: "#features"},
+          name: "Solutions",          id: "/#features"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Blog",           id: "/blog"},
+        {
+          name: "Contact",          id: "/#contact"},
       ]}
       brandName="MontriWeb"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Get Started",        href: "/#contact"}}
     />
   </div>
 
@@ -48,7 +50,7 @@ export default function LandingPage() {
       <HeroSplitKpi
       background={{
         variant: "gradient-bars"}}
-      title="Unlocking Scalable Growth for Small Businesses with AI"
+      title="Scale Like a Tech Giant - Without Needing One"
       description="At MontriWeb, we revolutionize growth by delivering access to advanced, AI-driven digital tools that turn intelligent systems into your business's core engine."
       kpis={[
         {
@@ -61,7 +63,7 @@ export default function LandingPage() {
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Explore Services",          href: "#features"},
+          text: "Explore Services",          href: "/#features"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E665B6wm8CMNvYChmBhM1LZz9e/uploaded-1779487640172-yftlqhzn.jpg"
       imageAlt="AI Business Solutions"
@@ -207,17 +209,19 @@ export default function LandingPage() {
         {
           title: "Links",          items: [
             {
-              label: "Home",              href: "#"},
+              label: "Home",              href: "/"},
             {
-              label: "Services",              href: "#features"},
+              label: "Services",              href: "/#features"},
+            {
+              label: "Blog",              href: "/blog"},
           ],
         },
         {
           title: "Legal",          items: [
             {
-              label: "Privacy",              href: "#"},
+              label: "Privacy",              href: "/#"},
             {
-              label: "Terms",              href: "#"},
+              label: "Terms",              href: "/#"},
           ],
         },
       ]}