diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 3141d69..a3c73a8 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import { Twitter, Linkedin, Github } from 'lucide-react';
 
@@ -47,7 +47,7 @@ export default function BlogPage() {
                     </div>
                 ) : (
                     <div id="blog" data-section="blog">
-                        <BlogCardThree
+                        <BlogCardTwo
                             blogs={posts}
                             title="From Our Blog"
                             description="Explore our latest articles, insights, and stories from the team."
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index efbbab2..6b0dfcd 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -3,16 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import {
-  BarChart2,
-  ClipboardCheck,
   Github,
   Linkedin,
-  Shield,
-  Twitter,
-  Workflow,
-  Zap
+  Twitter
 } from 'lucide-react';
 
 const socialLinks = [
@@ -21,6 +16,15 @@ const socialLinks = [
     { icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
 ];
 
+const featuresData = [
+    {id: 1, title: "Intelligent Lead Scoring", description: "Automatically prioritize high-value leads with AI-driven scoring, focusing your sales efforts where they matter most.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Intelligent Lead Scoring illustration"},
+    {id: 2, title: "Automated Task Management", description: "Streamline operations by automating repetitive tasks, freeing up your team to focus on strategic initiatives.", imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Automated Task Management illustration"},
+    {id: 3, title: "Predictive Analytics Dashboard", description: "Gain foresight with advanced analytics, predicting customer churn and future trends to stay ahead of the curve.", imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Predictive Analytics Dashboard illustration"},
+    {id: 4, title: "Enhanced Data Security", description: "Protect sensitive customer information with robust encryption and AI-powered threat detection, ensuring compliance and trust.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Enhanced Data Security illustration"},
+    {id: 5, title: "Customizable Workflow Automation", description: "Tailor workflows to your unique business needs, automating processes from onboarding to customer support with ease.", imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Customizable Workflow Automation illustration"},
+    {id: 6, title: "Omnichannel Customer Engagement", description: "Connect with customers across all channels seamlessly, providing consistent and personalized experiences at every touchpoint.", imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Omnichannel Customer Engagement illustration"}
+  ];
+
 export default function FeaturesPage() {
   return (
     <ThemeProvider
@@ -47,20 +51,12 @@ export default function FeaturesPage() {
       </div>
 
       <div id="features-glow" data-section="features-glow">
-        <FeatureBorderGlow
+        <FeatureCardSix
           title="Discover Our Cutting-Edge AI Capabilities"
           description="Explore the powerful features that make our AI CRM platform an industry leader, designed to supercharge your business growth."
           textboxLayout="default"
-          animationType="slide-up"
           useInvertedBackground={false}
-          features={[
-            {icon:Zap,title:"Intelligent Lead Scoring",description:"Automatically prioritize high-value leads with AI-driven scoring, focusing your sales efforts where they matter most."},
-            {icon:Workflow,title:"Automated Task Management",description:"Streamline operations by automating repetitive tasks, freeing up your team to focus on strategic initiatives."},
-            {icon:BarChart2,title:"Predictive Analytics Dashboard",description:"Gain foresight with advanced analytics, predicting customer churn and future trends to stay ahead of the curve."},
-            {icon:Shield,title:"Enhanced Data Security",description:"Protect sensitive customer information with robust encryption and AI-powered threat detection, ensuring compliance and trust."},
-            {icon:ClipboardCheck,title:"Customizable Workflow Automation",description:"Tailor workflows to your unique business needs, automating processes from onboarding to customer support with ease."},
-            {icon:BarChart2,title:"Omnichannel Customer Engagement",description:"Connect with customers across all channels seamlessly, providing consistent and personalized experiences at every touchpoint."}
-          ]}
+          features={featuresData}
           tag="Key Features"
           className="py-16 md:py-24"
         />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6cfd491..5fd7b39 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,21 +12,12 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import {
-  BarChart2,
-  ClipboardCheck,
   Github,
   Globe,
-  Heart,
   Linkedin,
-  Mail,
-  MessageSquare,
-  Smile,
-  Target,
   TrendingUp,
   Twitter,
-  User,
   Users,
-  Workflow,
   Zap
 } from 'lucide-react';
 
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index ba15047..b94f3d2 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -136,11 +136,11 @@ export default function ShopPage() {
                         onQuantityChange={updateQuantity}
                         onRemove={removeItem}
                         total={`$${cartTotal}`}
-                        buttons=[
+                        buttons={[
                             {
                                 text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
                             },
-                        ]
+                        ]}
                     />
                 </div>
                  <div id="footer" data-section="footer">