Merge version_4 into main

Merge version_4 into main

src/app/chatbot/page.tsx

@@ -0,0 +1,88 @@
+"use client";
+
+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 FeatureBento from '@/components/sections/feature/FeatureBento';
+import { Bot, CheckCircle, Lightbulb, User, FileText } from "lucide-react";
+
+export default function ChatbotPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <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: "Chatbot", id: "/chatbot" }
+            ]}
+            brandName="core"
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            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: "#chatbot-features" },
+              { text: "Learn More", href: "/#about" }
+            ]}
+            buttonAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/robot-handshake-human-background_23-2149524388.jpg"
+            imageAlt="AI chatbot interacting with a user"
+            showDimOverlay={true}
+          />
+        </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,17 @@ 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"},
       ]}
       brandName="core"
     />
@@ -80,8 +82,7 @@ export default function LandingPage() {
         {
           title: "Real-time Internet Search",          description: "core actively searches the web to provide the latest information for every query."},
         {
-          title: "Premium Interaction",          description: "Experience smooth, natural, and highly intuitive conversations tailored to your needs."},
+          title: "Premium Interaction",          description: "Experience smooth, natural, and highly intuitive conversations tailored to your needs."}]}
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617185.jpg"
       imageAlt="Illustration of AI accuracy and knowledge search"
       mediaAnimation="slide-up"
@@ -274,27 +275,29 @@ 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"}
           ],
         },
       ]}
@@ -304,4 +307,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}