navbar links update (#24)

Author: hazemahmedx0

packages/blog-starter-kit/themes/enterprise/components/header.tsx

@@ -18,6 +18,7 @@ import {
 	ContactsSVG,
 	EventsSVG,
 	GitHubNavBarSVG,
+	GiudeSVG,
 	IntegrationsSVG,
 	MindsCloudSVG,
 	MindsdbLogoSVG,
@@ -37,15 +38,21 @@ const NavItem = ({
 	icon: Icon,
 	url,
 	cta,
+	newTab,
 }: {
 	title: string;
 	description: string;
 	icon: React.ReactNode;
 	url: string;
 	cta?: string;
+	newTab?: boolean;
 }) => {
 	return (
-		<a href={url} className=" flex flex-row gap-3 rounded-md  px-4 py-3 hover:bg-green-50 ">
+		<a
+			href={url}
+			className=" flex flex-row gap-3 rounded-md  px-4 py-3 hover:bg-green-50 "
+			target={newTab ? '_blank' : '_self'}
+		>
 			<div>{Icon}</div>
 			<span>
 				<p>{title}</p>
@@ -64,6 +71,7 @@ const mindsCloudList = [
 		href: 'https://mdb.ai/',
 		Icon: <MindsCloudSVG />,
 		cta: 'Try now →',
+		newTab: true,
 	},
 ];
 const MindsCloudPopover = () => {
@@ -96,6 +104,7 @@ const MindsCloudPopover = () => {
 									icon={item.Icon}
 									url={item.href}
 									cta={item.cta}
+									newTab={item?.newTab}
 								/>
 							))}
 						</div>
@@ -112,18 +121,21 @@ const opensourceNav = [
 		description: 'AI models, data sources, applications',
 		href: 'https://docs.mindsdb.com/integrations/integrations',
 		Icon: <IntegrationsSVG />,
+		newTab: true,
 	},
 	{
 		name: 'Support',
 		description: 'Chat with experts on Slack',
 		href: 'https://mindsdb.com/joincommunity',
 		Icon: <SupportSVG />,
+		newTab: true,
 	},
 	{
 		name: 'GitHub',
 		description: 'Get code, contribute, flag issues',
-		href: 'https://docs.mindsdb.com/what-is-mindsdb',
+		href: 'https://github.com/mindsdb/mindsdb',
 		Icon: <GitHubNavBarSVG />,
+		newTab: true,
 	},
 	{
 		name: 'Community',
@@ -162,6 +174,7 @@ const OpenSourcePopover = () => {
 									description={item.description}
 									icon={item.Icon}
 									url={item.href}
+									newTab={item?.newTab}
 								/>
 							))}
 						</div>
@@ -174,18 +187,35 @@ const OpenSourcePopover = () => {
 
 const connectList = [
 	{
-		name: 'Connect with an Expert',
-		description: "Let's explore AI together and solve your most pressing business challenges.",
+		name: 'Enterprise Offerings',
+		description:
+			'Fully featured, fully supported, fully on prem. Explore how custom AI can benefit your business.',
 		href: 'https://mindsdb.com/enterprise',
 		Icon: <ConnectSVG />,
 		cta: 'Learn more →',
 	},
+	{
+		name: "CTO's Guide to AI Agents",
+		description:
+			'Deep dive into the world of AI agents, covering everything from fundamental concepts to advanced applications.',
+		href: 'https://mindsdb.com/the-cto-guide-to-buiding-ai-agents',
+		Icon: <GiudeSVG />,
+		cta: 'Download Now →',
+	},
+	{
+		name: "CTO's Guide to RAG",
+		description:
+			'Read more about how RAG works, and why this new approach to retrieving data makes a chatbot’s answers more accurate, relevant, and secure.',
+		href: 'https://mindsdb.com/mindsdb-the-ctos-guide-to-rag-guide',
+		Icon: <GiudeSVG />,
+		cta: 'Download Now →',
+	},
 ];
 const ConnectPopover = () => {
 	return (
 		<Popover className="relative">
 			<Popover.Button className="flex items-center gap-x-1 text-sm font-semibold leading-6 text-white">
-				Connect with an Expert
+				Enterprise
 				<ChevronDownIcon className="h-5 w-5 flex-none text-gray-400" aria-hidden="true" />
 			</Popover.Button>
 
@@ -370,7 +400,8 @@ export const Header = () => {
 						<Popover.Group className="hidden lg:flex lg:gap-x-7">
 							<Link
 								className="flex items-center gap-x-1 text-sm font-semibold leading-6 text-white"
-								href="https://docs.mindsdb.com/what-is-mindsdb"
+								href="http://docs.mindsdb.com/"
+								target="_blank"
 							>
 								Docs
 							</Link>
@@ -488,6 +519,7 @@ export const Header = () => {
 															description={item.description}
 															icon={item.Icon}
 															url={item.href}
+															newTab={item.newTab}
 														/>
 													))}
 												</Disclosure.Panel>
@@ -501,6 +533,7 @@ export const Header = () => {
 												<Link
 													className="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
 													href="https://docs.mindsdb.com/what-is-mindsdb"
+													target="_blank"
 												>
 													Docs
 												</Link>

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/GuideSVG.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export default class GuideSVG extends React.Component {
+	render() {
+		return (
+			<svg
+				className={this.props.className}
+				width="24"
+				height="24"
+				viewBox="0 0 250 250"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path
+					d="M30 20V195H35C83.6719 195 122.754 214.473 122.754 214.473L125 215.586L127.246 214.473C127.246 214.473 166.328 195 215 195H220V20H215C165.801 20 128.203 38.1055 125 39.6875C121.797 38.1055 84.1992 20 35 20H30ZM40 30.4492C81.2305 31.6211 113.262 45.2344 120 48.2812V202.52C109.355 197.93 79.4336 186.504 40 185.449V30.4492ZM210 30.4492V185.449C170.566 186.504 140.645 197.93 130 202.52V48.2812C136.738 45.2344 168.77 31.6211 210 30.4492ZM10 45V215H15C78.9648 215 122.969 234.57 122.969 234.57L125 235.469L127.031 234.57C127.031 234.57 171.035 215 235 215H240V45H230V205.352C169.004 206.387 127.793 223.555 125 224.766C122.207 223.555 80.9961 206.387 20 205.352V45H10Z"
+					fill="#00A587"
+				/>
+			</svg>
+		);
+	}
+}

packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js

@@ -23,7 +23,9 @@ import CareersSVG from './NavbarIcons/CareersSVG';
 import CaseStudiesSVG from './NavbarIcons/CaseStudiesSVG';
 import ContactsSVG from './NavbarIcons/ContactSVG';
 import EventsSVG from './NavbarIcons/EventsSVG';
+import GiudeSVG from './NavbarIcons/GuideSVG';
 import NewsroomSVG from './NavbarIcons/NewsroomSVG';
+
 import NewsletterPlusSVG from './NewsletterPlusSVG';
 import PlusCircleSVG from './PlusCircleSVG';
 import RssSVG from './RssSVG';
@@ -44,13 +46,14 @@ export {
 	ExternalArrowSVG,
 	GitHubNavBarSVG,
 	GithubSVG,
+	GiudeSVG,
 	HashnodeSVG,
 	IntegrationsSVG,
 	LinkedinSVG,
 	MindsCloudSVG,
 	MindsdbLogoSVG,
-	NewsroomSVG,
 	NewsletterPlusSVG,
+	NewsroomSVG,
 	PlusCircleSVG,
 	RssSVG,
 	SlackWhiteNavSGV,