diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8dd980a..c3fd440 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -95,6 +95,36 @@ const Home = () => {
     ctaBackgroundColor: "#3482F6",
     ctaTextColor: "white",
   };
+  const chatBotData = {
+    titleColoredText: "Your Ultimate AI Agent for",
+    titleBoldText: "Customer Engagement",
+    description:
+      "Elevate your customer experience with our advanced AI agent chatbot, Smart Chat. Instantly respond to queries with professionalism, build trust, and enhance satisfaction. Seamlessly communicate across platforms to stay connected with your audience 24/7.",
+
+    imageUrl: "/assets/images/smartchat.png",
+    imageAlt: "smart chatbot interface",
+    imagePosition: "left",
+    backgroundColor: "#ffffff",
+
+    headingText: "Meet Smaart Chat: Connect your Own Platform",
+    coloredHeading: "Your AI-Assistant",
+    paragraphText:
+      "Say hello to Smaart Chat, , the intelligent chatbot designed to enhance customer engagement and business productivity.",
+    highlightedBrandName: "Smaart Chat,",
+    highlightedFeature: "enhance",
+
+    features: [
+      "Answer Questions Instantly",
+      "Automate Conversations",
+      "Always On, Always Smart",
+      "Seamlessly Integrated",
+    ],
+
+    ctaText: "Pre Book Now",
+    ctaBackgroundColor: "#3482F6",
+    ctaTextColor: "white",
+  };
+
   const marketingToolsData = {
     titleColoredText: "AI Tools for",
     titleBoldText: "Marketing Success",
@@ -163,6 +193,7 @@ const Home = () => {
       <FeatureSection {...bulkSocialData} />
       <FeatureSection {...designToolData} />
       <FeatureSection {...adCreativeData} />
+      <FeatureSection {...chatBotData} />
       {/*
       <FeatureCardSection {...automationToolsData} /> */}
       <PricingSection />
diff --git a/src/components/FeatureSection.tsx b/src/components/FeatureSection.tsx
index 6c7778a..1314c66 100644
--- a/src/components/FeatureSection.tsx
+++ b/src/components/FeatureSection.tsx
@@ -131,9 +131,9 @@ const FeatureSection: React.FC<DesignToolProps> = ({
         ))}
       </div>
 
-      <div className="my-10 inline-block">
+      <div className="my-10">
         <div
-          className="p-[5px] rounded-[14px]"
+          className="p-[5px] rounded-[14px] inline-block"
           style={{ backgroundColor: `${ctaBackgroundColor}30` }}
         >
           <div