diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index abe0340..6038574 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -7,7 +7,7 @@ import { useBlogPosts } from "@/hooks/useBlogPosts";
 // New imports based on requirements
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
@@ -30,15 +30,13 @@ export default function BlogPage() {
                     <NavbarStyleApple
                         brandName="MyCo"
                         navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "About", id: "/#about" },
-                            { name: "Features", id: "/#features" },
-                            { name: "Products", id: "/#products" },
-                            { name: "Testimonials", id: "/#testimonials" },
-                            { name: "FAQ", id: "/#faq" },
-                            { name: "Contact", id: "/#contact" },
-                            { name: "Blog", id: "/blog" },
-                            { name: "Shop", id: "/shop" }
+                            {name: "Home", id: "/"},
+                            {name: "About", id: "/#about"},
+                            {name: "Features", id: "/#features"},
+                            {name: "Products", id: "/#products"},
+                            {name: "Testimonials", id: "/#testimonials"},
+                            {name: "FAQ", id: "/#faq"},
+                            {name: "Contact", id: "/#contact"}
                         ]}
                     />
                 </div>
@@ -49,7 +47,7 @@ export default function BlogPage() {
                         </div>
                     ) : (
                         <div id="blog" data-section="blog">
-                            <BlogCardTwo
+                            <BlogCardThree
                                 blogs={posts}
                                 title="Latest Insights & Updates"
                                 description="Stay informed with our articles and news."
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cc856df..fcf5f2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,14 +32,12 @@ export default function LandingPage() {
             brandName="MyCo"
             navItems={[
               {name: "Home", id: "/"},
-              {name: "About", id: "#about"},
-              {name: "Features", id: "#features"},
-              {name: "Products", id: "#products"},
-              {name: "Testimonials", id: "#testimonials"},
-              {name: "FAQ", id: "#faq"},
-              {name: "Contact", id: "#contact"},
-              {name: "Blog", id: "/blog"},
-              {name: "Shop", id: "/shop"}
+              {name: "About", id: "about"},
+              {name: "Features", id: "features"},
+              {name: "Products", id: "products"},
+              {name: "Testimonials", id: "testimonials"},
+              {name: "FAQ", id: "faq"},
+              {name: "Contact", id: "contact"}
             ]}
           />
         </div>
@@ -49,8 +47,8 @@ export default function LandingPage() {
             logoText="MyCo"
             description="Innovative solutions for a brighter future."
             buttons={[
-              { text: "Get Started", href: "/#contact" },
-              { text: "Learn More", href: "/#about" }
+              { text: "Get Started", href: "#contact" },
+              { text: "Learn More", href: "#about" }
             ]}
             imageSrc="https://via.placeholder.com/1920x1080.png?text=Modern+Business"
             imageAlt="Modern business cityscape"
@@ -141,6 +139,7 @@ export default function LandingPage() {
             faqsAnimation="slide-up"
             useInvertedBackground={false}
             animationType="smooth"
+            textboxLayout="default"
           />
         </div>
 
@@ -148,7 +147,7 @@ export default function LandingPage() {
           <ContactFaq
             ctaTitle="Ready to Start?"
             ctaDescription="Get in touch with our team today to discuss your project and discover how we can help."
-            ctaButton={{ text: "Contact Us Now", href: "/#contact" }}
+            ctaButton={{ text: "Contact Us Now", href: "#contact" }}
             ctaIcon={Phone}
             faqs={[
               { id: "1", title: "What are your office hours?", content: "Our support team is available Monday to Friday, 9 AM to 5 PM EST." },
@@ -165,14 +164,14 @@ export default function LandingPage() {
             logoText="MyCo"
             columns={[
               {title: "Solutions", items: [
-                {label: "Products", href: "/#products"},
-                {label: "Features", href: "/#features"}
+                {label: "Products", href: "#products"},
+                {label: "Features", href: "#features"}
               ]},
               {title: "Company", items: [
-                {label: "About Us", href: "/#about"},
+                {label: "About Us", href: "#about"},
                 {label: "Blog", href: "/blog"},
-                {label: "FAQ", href: "/#faq"},
-                {label: "Contact", href: "/#contact"}
+                {label: "FAQ", href: "#faq"},
+                {label: "Contact", href: "#contact"}
               ]}
             ]}
             copyrightText="© 2024 MyCo. All rights reserved."
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 7739dcd..f9eefab 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -93,15 +93,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarStyleApple
                             brandName="MyCo"
                             navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "About", id: "/#about" },
-                                { name: "Features", id: "/#features" },
-                                { name: "Products", id: "/#products" },
-                                { name: "Testimonials", id: "/#testimonials" },
-                                { name: "FAQ", id: "/#faq" },
-                                { name: "Contact", id: "/#contact" },
-                                { name: "Blog", id: "/blog" },
-                                { name: "Shop", id: "/shop" }
+                                {name: "Home", id: "/"},
+                                {name: "About", id: "/#about"},
+                                {name: "Features", id: "/#features"},
+                                {name: "Products", id: "/#products"},
+                                {name: "Testimonials", id: "/#testimonials"},
+                                {name: "FAQ", id: "/#faq"},
+                                {name: "Contact", id: "/#contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -157,15 +155,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarStyleApple
                             brandName="MyCo"
                             navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "About", id: "/#about" },
-                                { name: "Features", id: "/#features" },
-                                { name: "Products", id: "/#products" },
-                                { name: "Testimonials", id: "/#testimonials" },
-                                { name: "FAQ", id: "/#faq" },
-                                { name: "Contact", id: "/#contact" },
-                                { name: "Blog", id: "/blog" },
-                                { name: "Shop", id: "/shop" }
+                                {name: "Home", id: "/"},
+                                {name: "About", id: "/#about"},
+                                {name: "Features", id: "/#features"},
+                                {name: "Products", id: "/#products"},
+                                {name: "Testimonials", id: "/#testimonials"},
+                                {name: "FAQ", id: "/#faq"},
+                                {name: "Contact", id: "/#contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -226,15 +222,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <NavbarStyleApple
                         brandName="MyCo"
                         navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "About", id: "/#about" },
-                            { name: "Features", id: "/#features" },
-                            { name: "Products", id: "/#products" },
-                            { name: "Testimonials", id: "/#testimonials" },
-                            { name: "FAQ", id: "/#faq" },
-                            { name: "Contact", id: "/#contact" },
-                            { name: "Blog", id: "/blog" },
-                            { name: "Shop", id: "/shop" }
+                            {name: "Home", id: "/"},
+                            {name: "About", id: "/#about"},
+                            {name: "Features", id: "/#features"},
+                            {name: "Products", id: "/#products"},
+                            {name: "Testimonials", id: "/#testimonials"},
+                            {name: "FAQ", id: "/#faq"},
+                            {name: "Contact", id: "/#contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 0995fad..1aa853e 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -60,15 +60,13 @@ function ShopPageContent() {
                         <NavbarStyleApple
                             brandName="MyCo"
                             navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "About", id: "/#about" },
-                                { name: "Features", id: "/#features" },
-                                { name: "Products", id: "/#products" },
-                                { name: "Testimonials", id: "/#testimonials" },
-                                { name: "FAQ", id: "/#faq" },
-                                { name: "Contact", id: "/#contact" },
-                                { name: "Blog", id: "/blog" },
-                                { name: "Shop", id: "/shop" }
+                                {name: "Home", id: "/"},
+                                {name: "About", id: "/#about"},
+                                {name: "Features", id: "/#features"},
+                                {name: "Products", id: "/#products"},
+                                {name: "Testimonials", id: "/#testimonials"},
+                                {name: "FAQ", id: "/#faq"},
+                                {name: "Contact", id: "/#contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -121,15 +119,13 @@ function ShopPageContent() {
                     <NavbarStyleApple
                         brandName="MyCo"
                         navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "About", id: "/#about" },
-                            { name: "Features", id: "/#features" },
-                            { name: "Products", id: "/#products" },
-                            { name: "Testimonials", id: "/#testimonials" },
-                            { name: "FAQ", id: "/#faq" },
-                            { name: "Contact", id: "/#contact" },
-                            { name: "Blog", id: "/blog" },
-                            { name: "Shop", id: "/shop" }
+                            {name: "Home", id: "/"},
+                            {name: "About", id: "/#about"},
+                            {name: "Features", id: "/#features"},
+                            {name: "Products", id: "/#products"},
+                            {name: "Testimonials", id: "/#testimonials"},
+                            {name: "FAQ", id: "/#faq"},
+                            {name: "Contact", id: "/#contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />