diff --git a/components/layout/footer/MermsFooter.js b/components/layout/footer/MermsFooter.js
index a5cf26a..fbda081 100644
--- a/components/layout/footer/MermsFooter.js
+++ b/components/layout/footer/MermsFooter.js
@@ -8,7 +8,7 @@ export default function MermsFooter() {
                     {/* FOOTER CONTENT */}
                     <div className="row">
                         {/* FOOTER LOGO */}
-                        <div className="col-xl-4">
+                        <div className="col-md-6 col-xl-4">
                             <div className="footer-info">
                                 <img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
                             </div>
@@ -18,9 +18,9 @@ export default function MermsFooter() {
                                 </p>
                             </div>
                         </div>
-                        <div className="row col-xl-8">
+                        <div className="col-12 col-md-6 col-xl-8 row">
                             {/* FOOTER LINKS */}
-                            <div className="col-xl-4">
+                            <div className="col-6 col-sm-4 col-md-4 col-xl-4">
                                 <div className="footer-links fl-1">
                                     {/* Title */}
                                     <h6 className="s-17 w-700">Company</h6>
@@ -39,7 +39,7 @@ export default function MermsFooter() {
                                 </div>
                             </div> {/* END FOOTER LINKS */}
                             {/* FOOTER LINKS */}
-                            <div className="col-xl-4">
+                            <div className="col-6 col-sm-4 col-md-4 col-xl-4">
                                 <div className="footer-links fl-2">
                                     {/* Title */}
                                     <h6 className="s-17 w-700">Product</h6>
@@ -61,7 +61,7 @@ export default function MermsFooter() {
                                 </div>
                             </div> {/* END FOOTER LINKS */}
                             {/* FOOTER LINKS */}
-                            <div className="col-xl-4">
+                            <div className="col-6 col-sm-4 col-md-4 col-xl-4">
                                 <div className="footer-links fl-3">
                                     {/* Title */}
                                     <h6 className="s-17 w-700">Legal</h6>
diff --git a/pages/merms-blog.js b/pages/merms-blog.js
index 145a89e..a14d664 100644
--- a/pages/merms-blog.js
+++ b/pages/merms-blog.js
@@ -63,7 +63,11 @@ export default  function Home() {
 
                                                     <h3 className="s-38 w-700">
                                                         {/*<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>*/}
-                                                        <Link href='/merms-blogview'> {data?.payload?.blogdata[0].post_title}</Link>
+                                                        <Link 
+                                                            href={{pathname: '/merms-blogview', query:{...data?.payload?.blogdata[0], image_url:data?.payload?.image_url}}}
+                                                        > 
+                                                            {data?.payload?.blogdata[0].post_title}
+                                                        </Link>
                                                     </h3>
                                                     {/* Text */}
                                                     {/* <p>{data?.payload?.blogdata[0].post_content.substring(0, 250)}</p> */}
@@ -85,7 +89,7 @@ export default  function Home() {
                                         <div className="row">
                                             {/* BLOG POST #1 */}
                                             {data?.payload?.blogdata.map((item, index)=>{
-                                                if(index > 0){
+                                                if(index > 0 && index < 10){
                                                     return (
                                                         <div key={item.id || index} className="col-md-6 col-lg-4">
                                                             <div className="blog-post mb-40 wow fadeInUp clearfix">
@@ -103,7 +107,12 @@ export default  function Home() {
                                                                     {/* <span className="post-tag color--red-400">Product News</span> */}
                                                                     {/* Post Link */}
                                                                     <h6 className="s-20 w-700">
-                                                                        <Link href={item.guid}> {item.post_title}</Link>
+                                                                        {/* <Link href={item.guid}> {item.post_title}</Link> */}
+                                                                        <Link 
+                                                                            href={{pathname: '/merms-blogview', query:{...item, image_url:data?.payload?.image_url}}}
+                                                                        > 
+                                                                            {item.post_title}
+                                                                        </Link>
                                                                     </h6>
                                                                     {/* Text */}
                                                                     <p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
diff --git a/pages/merms-blogview.js b/pages/merms-blogview.js
index 3402c37..20ac046 100644
--- a/pages/merms-blogview.js
+++ b/pages/merms-blogview.js
@@ -1,8 +1,12 @@
+import { usePathname } from "next/navigation"
+import { useRouter } from "next/router"
 import VideoPopup from "../components/elements/VidepPopup"
 import Layout from "../components/layout/Layout"
 import Link from "next/link"
 export default function Home() {
 
+    let {query} = useRouter()
+
     return (
         <>
             <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
@@ -16,272 +20,25 @@ export default function Home() {
                                         {/*  SINGLE POST TITLE */}
                                         <div className="single-post-title text-center">
                                             {/* Post Tag */}
-                                            <span className="post-tag color--green-400">Community</span>
+                                            {/* <span className="post-tag color--green-400">Community</span> */}
                                             {/* Title */}
-                                            <h2 className="s-46 w-700">Maecenas congue augue sagittis egestas integer velna purus</h2>
+                                            <h2 className="s-46 w-700">{query.post_title}</h2>
                                             {/* Post Meta */}
                                             <div className="blog-post-meta mt-35">
                                                 <ul className="post-meta-list ico-10">
-                                                    <li><p className="p-md w-500">By Melissa McClone</p></li>
+                                                    <li><p className="w-500">MERMS </p></li>
                                                     <li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
-                                                    <li><p className="p-md">April 29, 2023</p></li>
+                                                    <li><p>{new Date(query?.post_date).toDateString()}</p></li>
                                                 </ul>
                                             </div>
                                         </div>	{/* END SINGLE POST TITLE */}
                                         {/* SINGLE POST IMAGE */}
                                         <div className="blog-post-img py-50">
-                                            <img className="img-fluid r-16" src="/images/blog/post-12-img.jpg" alt="blog-post-image" />
+                                            <img className="img-fluid r-16" src={`${query?.image_url}/${query.meta_value}`} alt="blog-post-image" />
                                         </div>
                                         {/* SINGLE POST TEXT */}
-                                        <div className="single-post-txt">
-                                            {/* Text */}
-                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and
-                                                egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
-                                                donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
-                                                tempor undo quisque fusce cursus neque blandit fusce lacinia placerat and nulla
-                                                justo molestie blandit justo diam aliquet tortor molestie sagittis lacinia undo
-                                                and mullam molestie diam luctus donec bibendum aliquet massa elementum. Libero
-                                                quisque lacus and ligula massa lorem fusce cursus fusce nulla vitae massa placerat
-                                                and mollis, sapien gravida aliquet ipsum ultrices aliquet lorem diam purus undo
-                                                vitae aliquam auris dapibus libero fusce blandit.
-                                            </p>
-                                            {/* Text */}
-                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and
-                                                egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
-                                                donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
-                                                tempor undo quisque fusce cursus neque blandit fusce lorem nulla an aliquam lacinia
-                                                justo molestie blandit justo diam an aliquet tortor sagittis lacinia molestie
-                                                diam egestas
-                                            </p>
-                                            {/* Title */}
-                                            <h4 className="s-28 w-700">1. Lorem egestas a dolor fusce posuere</h4>
-                                            {/* Text */}
-                                            <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and
-                                                egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
-                                                donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
-                                                tempor undo quisque fusce cursus neque blandit fusce aliquam
-                                            </p>
-                                            {/* List */}
-                                            <ul className="simple-list long-list">
-                                                <li className="list-item">
-                                                    <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna
-                                                        ipsum and vitae efficitur purus and ipsum primis in cubilia laoreet augue
-                                                        egestas luctus donec.
-                                                    </p>
-                                                </li>
-                                                <li className="list-item">
-                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
-                                                        turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
-                                                        tempor
-                                                    </p>
-                                                </li>
-                                                <li className="list-item">
-                                                    <p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
-                                                        turpis
-                                                    </p>
-                                                </li>
-                                                <li className="list-item">
-                                                    <p>Quaerat sodales sapien undo <Link href="#" className="color--theme">create an API Key</Link>
-                                                        blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
-                                                        turpis urna augue, viverra a augue eget tempor diam
-                                                    </p>
-                                                </li>
-                                            </ul>
-                                            {/* Text */}
-                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce lorem nulla an  aliquam lacinia justo molestie blandit
-                                                justo diam an aliquet tortor sagittis lacinia molestie diam egestas
-                                            </p>
-                                            {/* Title */}
-                                            <h5 className="s-24 w-700">Lorem egestas a dolor @luctus donec/porta curabitur diam</h5>
-                                            {/* Text */}
-                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
-                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
-                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
-                                            </p>
-                                            {/* Text Code */}
-                                            <div className="txt-code r-06">
-                                                <p>Tempor sapien and gravida donec ipsum <kbd>cd</kbd> consectetur vel imperdiet dui
-                                                    varius. Purus efficitur ipsum primis in cubilia laoreet augue egestas <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
-                                                </p>
-                                            </div>
-                                            {/* Text */}
-                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque aliquam fusce blandit
-                                            </p>
-                                            {/* INNER IMAGE */}
-                                            <div className="post-inner-img">
-                                                <div className="video-preview">
-                                                    {/* Play Icon */}
-                                                    <VideoPopup style={1}/>
-                                                    {/* Preview Image */}
-                                                    <img className="img-fluid r-16" src="/images/blog/post-13-img.jpg" alt="video-preview" />
-                                                </div>
-                                            </div>
-                                            {/* Blockquote */}
-                                            <figure>
-                                                <blockquote className="blockquote w-300">
-                                                    <p>"Nulla tincidunt volutpat lectus purus diam ipsum primis felis a congue tempor
-                                                        gravida habitant morbi and tristique senectus netus malesuada famesa an augue
-                                                        luctus suscipit sapien neque undo purus neque dolor primis sodales dapibus
-                                                        egestas volute".
-                                                    </p>
-                                                </blockquote>
-                                                <figcaption className="blockquote-footer">
-                                                    Daniel Wells, <cite title="Source Title">Engineering Manager, Company Name</cite>
-                                                </figcaption>
-                                            </figure>
-                                            {/* Text */}
-                                            <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque diam augue fusce sapien
-                                            </p>
-                                            {/* Text */}
-                                            <p>Integer congue sagittis augue egestas  velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
-                                                and justo an aliquet eget molestie sagittis at quaerat sodales
-                                            </p>
-                                            {/* Title */}
-                                            <h4 className="s-28 w-700">2. Volutpat egestas and magna suscipit</h4>
-                                            {/* Text */}
-                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
-                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
-                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
-                                            </p>
-                                            {/* Text Code */}
-                                            <div className="txt-code r-06">
-                                                <p>
-                                                    <code className="code-language-js">
-                                                        <span>
-                                                            <span className="code-variable">module</span>.
-                                                            <span className="code-property">exports</span> = {'{'}
-                                                        </span>
-                                                        <br />
-                                                        <span className="pl-30">
-                                                            <span className="code-variable">content</span>: ['
-                                                            <span className="code-string">./src/**/*.{'{'}ts,tsx,html{'}'}</span>'],
-                                                        </span>
-                                                        <br />
-                                                        <span className="pl-30">// … </span>
-                                                        <br />
-                                                        <span>{'}'}</span>
-                                                    </code>
-                                                </p>
-                                            </div>
-                                            {/* Text */}
-                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque aliquam fusce blandit
-                                            </p>
-                                            {/* Title */}
-                                            <h5 className="s-24 w-700">Primis and augue "ligula" efficitur (viverra bibendum aliquet dapibus
-                                                aliquet dictum tempor diam as an example).
-                                            </h5>
-                                            {/* Text */}
-                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
-                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
-                                                bibendum aliquet massa elementum. ibero quisque lacus and ligula massa lorem fusce cursus
-                                                fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
-                                                lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
-                                            </p>
-                                            {/* Text Code */}
-                                            <div className="txt-code r-06">
-                                                <p>Quisque laoreet turpis <kbd>cmd</kbd> urna augue, viverra a augue eget, dictum tempor
-                                                    diam in cubilia laoreet augue egestas <kbd><kbd>Alt</kbd> + <kbd>F1</kbd></kbd> congue
-                                                    and egestas volutpat egestas magna suscipit.
-                                                </p>
-                                            </div>
-                                            {/* Text */}
-                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae gestas a molestie donec libero sapien dapibus congue tempor undo quisque fusce
-                                                cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit justo diam
-                                                an aliquet tortor sagittis lacinia molestie diam egestas
-                                            </p>
-                                            {/* Small Title */}
-                                            <h5 className="s-24 w-700">Vitae massa placerat undo purus?</h5>
-                                            {/* Text */}
-                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque aliquam fusce blandit
-                                            </p>
-                                            {/* List */}
-                                            <ul className="simple-list long-list">
-                                                <li className="list-item">
-                                                    <p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
-                                                        turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
-                                                        tempor
-                                                    </p>
-                                                </li>
-                                                <li className="list-item">
-                                                    <p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
-                                                        turpis
-                                                    </p>
-                                                </li>
-                                                <li className="list-item">
-                                                    <p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
-                                                        augue egestas
-                                                    </p>
-                                                </li>
-                                                <li className="list-item">
-                                                    <p>Quaerat sodales sapien undo euismod purus blandit velna vitae auctor and congue
-                                                        magna tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget
-                                                        tempor diam
-                                                    </p>
-                                                </li>
-                                            </ul>
-                                            {/* INNER IMAGES */}
-                                            <div className="post-inner-img">
-                                                <img className="img-fluid r-16" src="/images/blog/post-14-img.jpg" alt="blog-post-image" />
-                                            </div>
-                                            {/* Text */}
-                                            <p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce aliquam
-                                            </p>
-                                            {/* Text */}
-                                            <p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
-                                                diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
-                                                bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
-                                            </p>
-                                            {/* Title */}
-                                            <h4 className="s-28 w-700">3. Egestas volute turpis dolores</h4>
-                                            {/* Text */}
-                                            <p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque blandit fusce lorem nulla an  aliquam lacinia justo molestie blandit
-                                                justo diam an aliquet tortor sagittis lacinia molestie diam egestas
-                                            </p>
-                                            {/* Text */}
-                                            <p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
-                                                magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
-                                                luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
-                                                fusce cursus neque aliquam fusce blandit
-                                            </p>
-                                        </div>	{/* END SINGLE POST TEXT */}
+                                        <p dangerouslySetInnerHTML={{ __html: query.post_content }} />
+                                        {/* END SINGLE POST TEXT */}
 
                                     </div>
                                 </div>	{/* END  SINGLE POST CONTENT */}