Update src/app/page.tsx

Merge version_3 into main

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: "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" }
             ]}
             brandName="core"
@@ -37,11 +38,11 @@ export default function ChatbotPage() {
 
         <div id="hero" data-section="hero">
           <HeroLogo
-            logoText="Chatbot"
+            logoText="core 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."
+            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: "Try Now", href: "#chatbot-features" },
-              { text: "Learn More", href: "#" },
+              { 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>
   );
-}
+}

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>
   );
-}
+}