diff --git a/src/app/[slug]/page.tsx b/src/app/[slug]/page.tsx
new file mode 100644
index 0000000..eced62f
--- /dev/null
+++ b/src/app/[slug]/page.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import { BlogData } from "@/utils/constant.utils";
+import BlogDetailsClient from "@/app/blog/[slug]/BlogDetailsClient";
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+const blogs = BlogData;
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+    const { slug } = await params;
+    const blog = blogs.find((b) => b.slug === slug);
+
+    if (!blog) {
+        return {
+            title: "Blog Not Found",
+        };
+    }
+
+    return {
+        title: blog.metatitle || blog.title || "Blog Details",
+        description: blog.metaDisc || blog.description || "Read more on Metatroncube blog.",
+        alternates: {
+            canonical: `/${slug}`,
+        },
+    };
+}
+
+export async function generateStaticParams() {
+    return blogs.map((blog) => ({
+        slug: blog.slug,
+    }));
+}
+
+export default async function BlogDetailsPage({ params }: { params: Promise<{ slug: string }> }) {
+    const { slug } = await params;
+    const blog = blogs.find((b) => b.slug === slug);
+
+    if (!blog) {
+        notFound();
+    }
+
+    return <BlogDetailsClient blog={blog} />;
+}
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
index 634aac0..152d76a 100644
--- a/src/app/blog/[slug]/page.tsx
+++ b/src/app/blog/[slug]/page.tsx
@@ -1,32 +1,13 @@
-import React from "react";
+import { permanentRedirect } from "next/navigation";
 import { BlogData } from "@/utils/constant.utils";
-import BlogDetailsClient from "./BlogDetailsClient";
-import { Metadata } from "next";
-
-const blogs = BlogData;
-
-export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
-    const { slug } = await params;
-    const blog = blogs.find((b) => b.slug === slug);
-
-    return {
-        title: blog?.metatitle || blog?.title || "Blog Details",
-        description: blog?.metaDisc || blog?.description || "Read more on Metatroncube blog.",
-        alternates: {
-            canonical: `/blog/${slug}`,
-        },
-    };
-}
 
 export async function generateStaticParams() {
-    return blogs.map((blog) => ({
+    return BlogData.map((blog) => ({
         slug: blog.slug,
     }));
 }
 
-export default async function BlogDetailsPage({ params }: { params: Promise<{ slug: string }> }) {
+export default async function BlogDetailsRedirect({ params }: { params: Promise<{ slug: string }> }) {
     const { slug } = await params;
-    const blog = blogs.find((b) => b.slug === slug);
-
-    return <BlogDetailsClient blog={blog} />;
+    permanentRedirect(`/${slug}`);
 }
diff --git a/src/components/blog/BlogSidebar.tsx b/src/components/blog/BlogSidebar.tsx
index 92f6e56..af535c1 100644
--- a/src/components/blog/BlogSidebar.tsx
+++ b/src/components/blog/BlogSidebar.tsx
@@ -145,13 +145,13 @@ const BlogSidebar = ({
                     {recentPosts.map((post: any) => (
                         <div key={post.id} className="single-post-item">
                             <div className="thumb bg-cover">
-                                <Link href={`/blog/${post.slug}`}>
+                                <Link href={`/${post.slug}`}>
                                     <img src={post.image} alt={post.title} />
                                 </Link>
                             </div>
                             <div className="post-content">
                                 <h5>
-                                    <Link href={`/blog/${post.slug}`}>{post.title}</Link>
+                                    <Link href={`/${post.slug}`}>{post.title}</Link>
                                 </h5>
                                 <div className="post-date">
                                     <i className="fa-regular fa-calendar"></i> {post.date}
diff --git a/src/components/careers/CareersContactPopup.tsx b/src/components/careers/CareersContactPopup.tsx
index 20062a3..96512cc 100644
--- a/src/components/careers/CareersContactPopup.tsx
+++ b/src/components/careers/CareersContactPopup.tsx
@@ -164,7 +164,7 @@ const CareersContactPopup: React.FC<CareersContactPopupProps> = ({
             setAlert({
                 show: true,
                 type: "success",
-                message: res?.data?.message || "Application submitted successfully!",
+                message: "Thank you! Your message has been sent successfully.",
             });
             setFormData({ name: "", email: "", phone: "", position: defaultPosition, message: "" });
             setResumeFile(null);
diff --git a/src/components/careers/ContactSection.tsx b/src/components/careers/ContactSection.tsx
index 265f39b..c6fbd69 100644
--- a/src/components/careers/ContactSection.tsx
+++ b/src/components/careers/ContactSection.tsx
@@ -94,7 +94,7 @@ const ContactSection = () => {
             setAlert({
                 show: true,
                 type: "success",
-                message: res?.data?.message || "Message sent successfully!",
+                message: "Thank you! Your message has been sent successfully.",
             });
 
             setFormData({
@@ -182,94 +182,94 @@ const ContactSection = () => {
                                 )}
 
                                 <form className="contact-one__form form-one" onSubmit={handleSubmit}>                                    <div className="form-one__group">
-                                        <div className="mb-20">
-                                            <label className="form-label-custom">Full Name</label>
-                                            <input
-                                                type="text"
-                                                name="name"
-                                                placeholder="Full Name"
-                                                value={formData.name}
-                                                onChange={handleChange}
-                                                className="form-input-custom-global"
-                                                suppressHydrationWarning={true}
-                                            />
-                                            {formErrors.name && <small className="text-danger">{formErrors.name}</small>}
-                                        </div>
-                                        <div className="mb-20">
-                                            <label className="form-label-custom">Email Address</label>
-                                            <input
-                                                type="email"
-                                                name="email"
-                                                placeholder="Email Address"
-                                                value={formData.email}
-                                                onChange={handleChange}
-                                                className="form-input-custom-global"
-                                                suppressHydrationWarning={true}
-                                            />
-                                            {formErrors.email && <small className="text-danger">{formErrors.email}</small>}
-                                        </div>
-                                        <div className="mb-20">
-                                            <label className="form-label-custom">Phone Number</label>
-                                            <input
-                                                type="text"
-                                                name="phone"
-                                                placeholder="Phone Number"
-                                                value={formData.phone}
-                                                onChange={handleChange}
-                                                className="form-input-custom-global"
-                                                suppressHydrationWarning={true}
-                                            />
-                                            {formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
-                                        </div>
-                                        <div className="mb-20">
-                                            <label className="form-label-custom">Select Service</label>
-                                            <select
-                                                name="service"
-                                                value={formData.service}
-                                                onChange={handleChange}
-                                                className="form-select-custom-styled-global"
-                                                suppressHydrationWarning={true}
-                                            >
-                                                <option value="">Select Service</option>
-                                                <option value="Website Development">Website Development</option>
-                                                <option value="Mobile Application Development">Mobile Application Development</option>
-                                                <option value="Graphic Designing">Graphic Designing</option>
-                                                <option value="UI / UX Designing">UI / UX Designing</option>
-                                                <option value="SEO & Content Writing">SEO & Content Writing</option>
-                                                <option value="Digital Marketing">Digital Marketing</option>
-                                                <option value="ERP Development & Implementation">ERP Development & Implementation</option>
-                                            </select>
-                                            {formErrors.service && <small className="text-danger">{formErrors.service}</small>}
-                                        </div>
-                                        <div className="form-one__control--full mb-20">
-                                            <label className="form-label-custom">Write Message</label>
-                                            <textarea
-                                                name="message"
-                                                placeholder="Write Message"
-                                                rows={4}
-                                                value={formData.message}
-                                                onChange={handleChange}
-                                                className="form-textarea-custom-global"
-                                                suppressHydrationWarning={true}
-                                            ></textarea>
-                                            {formErrors.message && <small className="text-danger">{formErrors.message}</small>}
-                                        </div>
-
-                                        <div className="form-one__control--full mb-3 mt-3">
-                                            <ReCAPTCHA
-                                                sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
-                                                onChange={handleCaptchaChange}
-                                            />
-                                            {formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
-                                        </div>
-
-                                        <div className="form-one__control--full">
-                                            <button type="submit" className="submit-btn-custom-global">
-                                                <b>SEND A Message</b>
-                                                <span></span>
-                                            </button>
-                                        </div>
+                                    <div className="mb-20">
+                                        <label className="form-label-custom">Full Name</label>
+                                        <input
+                                            type="text"
+                                            name="name"
+                                            placeholder="Full Name"
+                                            value={formData.name}
+                                            onChange={handleChange}
+                                            className="form-input-custom-global"
+                                            suppressHydrationWarning={true}
+                                        />
+                                        {formErrors.name && <small className="text-danger">{formErrors.name}</small>}
                                     </div>
+                                    <div className="mb-20">
+                                        <label className="form-label-custom">Email Address</label>
+                                        <input
+                                            type="email"
+                                            name="email"
+                                            placeholder="Email Address"
+                                            value={formData.email}
+                                            onChange={handleChange}
+                                            className="form-input-custom-global"
+                                            suppressHydrationWarning={true}
+                                        />
+                                        {formErrors.email && <small className="text-danger">{formErrors.email}</small>}
+                                    </div>
+                                    <div className="mb-20">
+                                        <label className="form-label-custom">Phone Number</label>
+                                        <input
+                                            type="text"
+                                            name="phone"
+                                            placeholder="Phone Number"
+                                            value={formData.phone}
+                                            onChange={handleChange}
+                                            className="form-input-custom-global"
+                                            suppressHydrationWarning={true}
+                                        />
+                                        {formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
+                                    </div>
+                                    <div className="mb-20">
+                                        <label className="form-label-custom">Select Service</label>
+                                        <select
+                                            name="service"
+                                            value={formData.service}
+                                            onChange={handleChange}
+                                            className="form-select-custom-styled-global"
+                                            suppressHydrationWarning={true}
+                                        >
+                                            <option value="">Select Service</option>
+                                            <option value="Website Development">Website Development</option>
+                                            <option value="Mobile Application Development">Mobile Application Development</option>
+                                            <option value="Graphic Designing">Graphic Designing</option>
+                                            <option value="UI / UX Designing">UI / UX Designing</option>
+                                            <option value="SEO & Content Writing">SEO & Content Writing</option>
+                                            <option value="Digital Marketing">Digital Marketing</option>
+                                            <option value="ERP Development & Implementation">ERP Development & Implementation</option>
+                                        </select>
+                                        {formErrors.service && <small className="text-danger">{formErrors.service}</small>}
+                                    </div>
+                                    <div className="form-one__control--full mb-20">
+                                        <label className="form-label-custom">Write Message</label>
+                                        <textarea
+                                            name="message"
+                                            placeholder="Write Message"
+                                            rows={4}
+                                            value={formData.message}
+                                            onChange={handleChange}
+                                            className="form-textarea-custom-global"
+                                            suppressHydrationWarning={true}
+                                        ></textarea>
+                                        {formErrors.message && <small className="text-danger">{formErrors.message}</small>}
+                                    </div>
+
+                                    <div className="form-one__control--full mb-3 mt-3">
+                                        <ReCAPTCHA
+                                            sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
+                                            onChange={handleCaptchaChange}
+                                        />
+                                        {formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
+                                    </div>
+
+                                    <div className="form-one__control--full">
+                                        <button type="submit" className="submit-btn-custom-global">
+                                            <b>SEND A Message</b>
+                                            <span></span>
+                                        </button>
+                                    </div>
+                                </div>
                                 </form>
                             </div>
                         </div>
diff --git a/src/components/careers/FaqVideoSection.tsx b/src/components/careers/FaqVideoSection.tsx
index 2a854eb..97de915 100644
--- a/src/components/careers/FaqVideoSection.tsx
+++ b/src/components/careers/FaqVideoSection.tsx
@@ -56,7 +56,7 @@ const FaqVideoSection = () => {
             setAlert({
                 show: true,
                 type: "success",
-                message: res?.data?.message || "Message sent successfully!",
+                message: "Thank you! Your message has been sent successfully.",
             });
 
             setFormData({ name: "", phone: "", email: "", service: "", message: "" });
diff --git a/src/components/contact/ContactSection.tsx b/src/components/contact/ContactSection.tsx
index 3a7a2f7..bfab63b 100644
--- a/src/components/contact/ContactSection.tsx
+++ b/src/components/contact/ContactSection.tsx
@@ -56,7 +56,7 @@ const ContactSection = () => {
             setAlert({
                 show: true,
                 type: "success",
-                message: res?.data?.message || "Message sent successfully!",
+                message: "Thank you! Your message has been sent successfully.",
             });
 
             setFormData({
diff --git a/src/components/home/HomeContactOne.tsx b/src/components/home/HomeContactOne.tsx
index a993a63..50be4ae 100644
--- a/src/components/home/HomeContactOne.tsx
+++ b/src/components/home/HomeContactOne.tsx
@@ -56,7 +56,7 @@ const HomeContactOne = () => {
             setAlert({
                 show: true,
                 type: "success",
-                message: res?.data?.message || "Message sent successfully!",
+                message: "Thank you! Your message has been sent successfully.",
             });
 
             setFormData({
diff --git a/src/components/home/home-1/BlogSection.tsx b/src/components/home/home-1/BlogSection.tsx
index 6ea004a..406aace 100644
--- a/src/components/home/home-1/BlogSection.tsx
+++ b/src/components/home/home-1/BlogSection.tsx
@@ -139,7 +139,7 @@ const BlogSection = ({
                         {currentBlogs.map((blog) => (
                             <div key={blog.id} className="blog-slider-item px-3">
                                 <div className="blog-style-one relative overflow-hidden">
-                                    <Link className="blog-image w-img block relative" href={`/blog/${blog.slug}`}>
+                                    <Link className="blog-image w-img block relative" href={`/${blog.slug}`}>
                                         <img src={blog.image} alt={blog.title} />
                                         <span className="blog-category-tag">{blog.category}</span>
                                     </Link>
@@ -149,11 +149,11 @@ const BlogSection = ({
                                             <span className="p-relative"><i className="fa-solid fa-calendar-days"></i> {blog.date}</span>
                                         </div>
                                         <h5 className="blog-title mb-20 mt-15">
-                                            <Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
+                                            <Link href={`/${blog.slug}`}>{blog.title}</Link>
                                         </h5>
                                         <div className="blog-footer">
                                             <div className="blog-link-learn">
-                                                <Link href={`/blog/${blog.slug}`} className="learn-more-link">
+                                                <Link href={`/${blog.slug}`} className="learn-more-link">
                                                     Learn More <span>+</span>
                                                 </Link>
                                             </div>
@@ -168,7 +168,7 @@ const BlogSection = ({
                         {currentBlogs.map((blog) => (
                             <div key={blog.id} className={columns}>
                                 <div className="blog-style-one relative overflow-hidden">
-                                    <Link className="blog-image w-img block relative" href={`/blog/${blog.slug}`}>
+                                    <Link className="blog-image w-img block relative" href={`/${blog.slug}`}>
                                         <img src={blog.image} alt={blog.title} />
                                         <span className="blog-category-tag">{blog.category}</span>
                                     </Link>
@@ -178,11 +178,11 @@ const BlogSection = ({
                                             <span className="p-relative"><i className="fa-solid fa-calendar-days"></i> {blog.date}</span>
                                         </div>
                                         <h5 className="blog-title mb-20 mt-15">
-                                            <Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
+                                            <Link href={`/${blog.slug}`}>{blog.title}</Link>
                                         </h5>
                                         <div className="blog-footer">
                                             <div className="blog-link-learn">
-                                                <Link href={`/blog/${blog.slug}`} className="learn-more-link">
+                                                <Link href={`/${blog.slug}`} className="learn-more-link">
                                                     Learn More <span>+</span>
                                                 </Link>
                                             </div>