fix header logo & navbar

Author: hazemahmedx0

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

@@ -13,13 +13,13 @@ import {
 	BlogNavSGV,
 	CareersSVG,
 	CaseStudiesSVG,
-	CloudNavBarSVG,
 	CommunitySVG,
 	ContactSVG,
 	DocsNavSVG,
 	EnterpriseSVG,
 	EventsSVG,
 	GithubSVG,
+	HashnodeBlueSVG,
 	MindsdbLogoSVG,
 	NewsroomSVG,
 	ProductUpdatesSVG,
@@ -36,11 +36,17 @@ function hasUrl(
 }
 
 const product1 = [
+	// {
+	// 	name: 'MindsDB Pro',
+	// 	description: 'Try our managed service',
+	// 	href: 'https://cloud.mindsdb.com/',
+	// 	Icon: <CloudNavBarSVG />,
+	// },
 	{
-		name: 'MindsDB Pro',
-		description: 'Try our managed service',
-		href: 'https://cloud.mindsdb.com/',
-		Icon: <CloudNavBarSVG />,
+		name: 'Github',
+		description: 'Visit our Repo',
+		href: 'https://github.com/mindsdb/mindsdb/',
+		Icon: <GithubSVG />,
 	},
 	{
 		name: 'MindsDB Enterprise',
@@ -120,35 +126,41 @@ const company1 = [
 	{
 		name: 'About Us',
 		description: 'Our vision and team',
-		href: 'https://mindsdb.com/joincommunity',
+		href: 'https://mindsdb.com/about',
 		Icon: <AboutUsNavSVG />,
 	},
 	{
 		name: 'Events',
 		description: 'Archive of past and upcoming events',
-		href: 'https://docs.mindsdb.com/',
+		href: 'https://mindsdb.com/events',
 		Icon: <EventsSVG />,
 	},
 	{
 		name: 'Newsroom',
 		description: 'Read the latest news about MindsDB',
-		href: 'https://mindsdb.com/case-studies',
+		href: 'https://mindsdb.com/newsroom',
 		Icon: <NewsroomSVG />,
 	},
 ];
 const company2 = [
 	{
 		name: 'Careers',
 		description: 'Learn about open roles at MindsDB',
-		href: 'https://mindsdb.com/machine-learning-use-cases',
+		href: 'https://mindsdb.com/careers',
 		Icon: <CareersSVG />,
 	},
 	{
 		name: 'Contacts',
 		description: 'Find the right channel to get in touch',
-		href: 'https://mindsdb.com/blog-categories/product-updates',
+		href: 'https://mindsdb.com/contact',
 		Icon: <ContactSVG />,
 	},
+	{
+		name: 'Contests',
+		description: 'Build Your Own AI Agent Online Hackathon',
+		href: 'https://hashnode.com/hackathons/mindsdb',
+		Icon: <HashnodeBlueSVG />,
+	},
 ];
 
 const NavItem = ({
@@ -190,10 +202,10 @@ const ProductPopover = () => {
 				leaveFrom="opacity-100 translate-y-0"
 				leaveTo="opacity-0 translate-y-1"
 			>
-				<Popover.Panel className="absolute -left-8 top-full z-10 mt-3 w-screen max-w-2xl overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5">
+				<Popover.Panel className="absolute -left-8 top-full z-10 mt-3 w-96 max-w-2xl overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5">
 					<div className="flex flex-row p-4 text-black ">
 						<div className="w-full">
-							<p className="mb-4 border-b px-4 pb-3 text-black">CLOUD</p>
+							{/* <p className="mb-4 border-b px-4 pb-3 text-black">CLOUD</p> */}
 
 							{product1.map((item) => (
 								<NavItem
@@ -205,7 +217,8 @@ const ProductPopover = () => {
 								/>
 							))}
 						</div>
-						<div className="w-full">
+
+						{/* <div className="w-full">
 							<p className="mb-4 border-b px-4 pb-3 text-black">OPEN-SOURCE</p>
 
 							{product2.map((item) => (
@@ -217,7 +230,7 @@ const ProductPopover = () => {
 									url={item.href}
 								/>
 							))}
-						</div>
+						</div> */}
 					</div>
 				</Popover.Panel>
 			</Transition>
@@ -342,7 +355,7 @@ export const Header = () => {
 							aria-label={`${publication.title} blog home page`}
 							className="flex flex-row items-center gap-3"
 						>
-							{!PUBLICATION_LOGO ? (
+							{PUBLICATION_LOGO ? (
 								<>
 									<MindsdbLogoSVG className="block w-32 shrink-0 md:w-40" alt={publication.title} />
 									<span className="text-xl font-semibold text-white md:text-3xl"></span>

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

@@ -3,7 +3,7 @@ import React from 'react';
 export default class HashnodeSVG extends React.Component {
 	render() {
 		return (
-			<svg className={this.props.className} fill="none" viewBox="0 0 24 24">
+			<svg className={this.props.className} fill="none" width="24" height="24" viewBox="0 0 24 24">
 				<path
 					stroke="currentColor"
 					strokeWidth="1.5"

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

@@ -0,0 +1,35 @@
+import React from 'react';
+
+export default class HashnodeBlueSVG extends React.Component {
+	render() {
+		return (
+			<svg
+				width={24}
+				height={24}
+				viewBox="0 0 337 337"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<g clip-path="url(#clip0_303_2)">
+					<g mask="url(#mask0_303_2)">
+						<path
+							d="M224 168.5C224 137.848 199.152 113 168.5 113C137.848 113 113 137.848 113 168.5C113 199.152 137.848 224 168.5 224C199.152 224 224 199.152 224 168.5Z"
+							fill="white"
+						/>
+						<path
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M23.1548 112.598C-7.71825 143.472 -7.71825 193.528 23.1548 224.402L112.598 313.845C143.472 344.718 193.528 344.718 224.402 313.845L313.845 224.402C344.718 193.528 344.718 143.472 313.845 112.598L224.402 23.1548C193.528 -7.71825 143.472 -7.71825 112.598 23.1548L23.1548 112.598ZM207.631 207.631C229.243 186.02 229.243 150.98 207.631 129.369C186.02 107.757 150.98 107.757 129.369 129.369C107.757 150.98 107.757 186.02 129.369 207.631C150.98 229.243 186.02 229.243 207.631 207.631Z"
+							fill="#2962FF"
+						/>
+					</g>
+				</g>
+				<defs>
+					<clipPath id="clip0_303_2">
+						<rect width="337" height="337" fill="white" />
+					</clipPath>
+				</defs>
+			</svg>
+		);
+	}
+}

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

@@ -15,6 +15,7 @@ import ContactSVG from './NavbarIcons/ContactSVG';
 import DocsNavSVG from './NavbarIcons/DocsNavSVG';
 import EnterpriseSVG from './NavbarIcons/EnterpriseSVG';
 import EventsSVG from './NavbarIcons/EventsSVG';
+import HashnodeBlueSVG from './NavbarIcons/HashnodeSVG';
 import NewsroomSVG from './NavbarIcons/NewsroomSVG';
 import ProductUpdatesSVG from './NavbarIcons/ProductUpdatesSVG';
 import SlackNavSGV from './NavbarIcons/SlackNavSGV';
@@ -41,6 +42,7 @@ export {
 	EventsSVG,
 	ExternalArrowSVG,
 	GithubSVG,
+	HashnodeBlueSVG,
 	HashnodeSVG,
 	LinkedinSVG,
 	MindsdbLogoSVG,