diff --git a/src/app/chatbot/page.tsx b/src/app/chatbot/page.tsx
index c2ca9c0..bf80b2e 100644
--- a/src/app/chatbot/page.tsx
+++ b/src/app/chatbot/page.tsx
@@ -4,7 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import { Bot } from "lucide-react";
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import { Bot, CheckCircle, Lightbulb, User, FileText } from "lucide-react";
 
 export default function ChatbotPage() {
   return (
@@ -24,11 +25,11 @@ export default function ChatbotPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Features", id: "#features" },
-              { name: "Pricing", id: "#pricing" },
-              { name: "Testimonials", id: "#testimonials" },
-              { name: "FAQ", id: "#faq" },
-              { name: "Contact", id: "#contact" },
+              { name: "Features", id: "/#features" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Contact", id: "/#contact" },
               { name: "Chatbot", id: "/chatbot" }
             ]}
             brandName="core"
@@ -37,11 +38,11 @@ export default function ChatbotPage() {
 
         <div id="hero" data-section="hero">
           <HeroLogo
-            logoText="Chatbot"
-            description="Our advanced AI chatbot provides instant, accurate, and personalized assistance. Experience seamless conversations and get the information you need, when you need it."
+            logoText="core Chatbot"
+            description="Experience core, the AI chatbot that never makes mistakes and automatically searches the internet to provide you with the most accurate, real-time information. Get instant, personalized assistance for every query."
             buttons={[
-              { text: "Try Now", href: "#" },
-              { text: "Learn More", href: "#" },
+              { text: "Try Now", href: "#chatbot-features" },
+              { text: "Learn More", href: "/#about" }
             ]}
             buttonAnimation="slide-up"
             imageSrc="http://img.b2bpic.net/free-photo/robot-handshake-human-background_23-2149524388.jpg"
@@ -50,7 +51,38 @@ export default function ChatbotPage() {
           />
         </div>
 
+        <div id="chatbot-features" data-section="chatbot-features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Guaranteed Accurate Responses",                description: "Every answer from our AI is meticulously verified, providing information you can always trust.",                bentoComponent: "reveal-icon",                icon: CheckCircle,
+              },
+              {
+                title: "Real-time Internet Integration",                description: "Our AI actively searches the web to ensure you receive the most current and comprehensive answers available.",                bentoComponent: "chat",                aiIcon: Lightbulb,
+                userIcon: User,
+                exchanges: [
+                  {
+                    userMessage: "What's the current status of renewable energy growth in Europe?",                    aiResponse: "Searching the web... Renewable energy in Europe is experiencing significant growth, particularly in solar and wind power, driven by policy targets and technological advancements. Recent reports indicate record installations in the past year."
+                  },
+                  {
+                    userMessage: "Who won the World Cup in 2018?",                    aiResponse: "France won the FIFA World Cup in 2018, defeating Croatia 4-2 in the final."
+                  },
+                ],
+                placeholder: "Ask our AI anything..."},
+              {
+                title: "Intuitive & Smooth Conversations",                description: "Engage in natural, fluid interactions with an interface designed for user-friendliness and efficiency.",                bentoComponent: "reveal-icon",                icon: FileText,
+              },
+            ]}
+            title="Experience Core's Intelligent Chatbot"
+            description="Dive into the capabilities of our advanced AI, designed for precision and real-time information retrieval."
+            tag="Chatbot Features"
+            tagIcon={Lightbulb}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 613d83b..300d9ac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,15 +34,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Features",          id: "#features"},
+          name: "Features",          id: "/#features"},
         {
-          name: "Pricing",          id: "#pricing"},
+          name: "Pricing",          id: "/#pricing"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonials",          id: "/#testimonials"},
         {
-          name: "FAQ",          id: "#faq"},
+          name: "FAQ",          id: "/#faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "/#contact"},
         {
           name: "Chatbot",          id: "/chatbot"},
       ]}
@@ -275,27 +275,27 @@ export default function LandingPage() {
         {
           title: "Product",          items: [
             {
-              label: "Features",              href: "#features"},
+              label: "Features",              href: "/#features"},
             {
-              label: "Pricing",              href: "#pricing"},
+              label: "Pricing",              href: "/#pricing"},
             {
-              label: "Demo",              href: "#contact"},
+              label: "Demo",              href: "/#contact"},
           ],
         },
         {
           title: "Company",          items: [
             {
-              label: "About Us",              href: "#about"},
+              label: "About Us",              href: "/#about"},
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonials",              href: "/#testimonials"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/#contact"},
           ],
         },
         {
           title: "Support",          items: [
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "/#faq"},
             {
               label: "Chatbot",              href: "/chatbot"}
           ],
@@ -307,4 +307,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}