From 435510f75d18a998671c6807b50e0479e9a8e3cd Mon Sep 17 00:00:00 2001
From: jhpin2 <jahidhasanpintu82@gmail.com>
Date: Thu, 27 Feb 2025 13:22:19 +0600
Subject: [PATCH] chat bot card added

---
 src/app/page.tsx                  | 31 +++++++++++++++++++++++++++++++
 src/components/FeatureSection.tsx |  4 ++--
 2 files changed, 33 insertions(+), 2 deletions(-)

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