Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

navbar links update #24

Merged
merged 2 commits into from
Aug 27, 2024
Merged

navbar links update #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c4deecb
navbar links update
hazemahmedx0 Aug 27, 2024
ce41f7d
Avbar updates 2
hazemahmedx0 Aug 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 39 additions & 6 deletions packages/blog-starter-kit/themes/enterprise/components/header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ import {
ContactsSVG,
EventsSVG,
GitHubNavBarSVG,
GiudeSVG,
IntegrationsSVG,
MindsCloudSVG,
MindsdbLogoSVG,
Expand All @@ -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>
Expand All @@ -64,6 +71,7 @@ const mindsCloudList = [
href: 'https://mdb.ai/',
Icon: <MindsCloudSVG />,
cta: 'Try now →',
newTab: true,
},
];
const MindsCloudPopover = () => {
Expand Down Expand Up @@ -96,6 +104,7 @@ const MindsCloudPopover = () => {
icon={item.Icon}
url={item.href}
cta={item.cta}
newTab={item?.newTab}
/>
))}
</div>
Expand All @@ -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',
Expand Down Expand Up @@ -162,6 +174,7 @@ const OpenSourcePopover = () => {
description={item.description}
icon={item.Icon}
url={item.href}
newTab={item?.newTab}
/>
))}
</div>
Expand All @@ -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>

Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -488,6 +519,7 @@ export const Header = () => {
description={item.description}
icon={item.Icon}
url={item.href}
newTab={item.newTab}
/>
))}
</Disclosure.Panel>
Expand All @@ -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>
Expand Down
21 changes: 21 additions & 0 deletions packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/GuideSVG.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
);
}
}
5 changes: 4 additions & 1 deletion packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand All @@ -44,13 +46,14 @@ export {
ExternalArrowSVG,
GitHubNavBarSVG,
GithubSVG,
GiudeSVG,
HashnodeSVG,
IntegrationsSVG,
LinkedinSVG,
MindsCloudSVG,
MindsdbLogoSVG,
NewsroomSVG,
NewsletterPlusSVG,
NewsroomSVG,
PlusCircleSVG,
RssSVG,
SlackWhiteNavSGV,
Expand Down
Loading