+
+
- {blogPost
- .filter((post: BlogPostsThumbnail) => {
- if (search) {
- return post.categories?.includes(String(search))
- } else {
- return post
- }
- })
- .map((post: BlogPostsThumbnail, i: number) => {
- return (
-
-
+
+ )
+}
diff --git a/docs/src/components/FooterMenu/index.tsx b/docs/src/components/FooterMenu/index.tsx
index 287c8a517..1609430bf 100644
--- a/docs/src/components/FooterMenu/index.tsx
+++ b/docs/src/components/FooterMenu/index.tsx
@@ -1,136 +1,54 @@
-import React, { useEffect, useState } from 'react'
-import ThemeImage from '@/components/ThemeImage'
-import { AiOutlineGithub } from 'react-icons/ai'
-import { RiTwitterXFill } from 'react-icons/ri'
-
-import { BiLogoDiscordAlt } from 'react-icons/bi'
+import { useState } from 'react'
import { useForm } from 'react-hook-form'
-import LogoMark from '@/components/LogoMark'
-import { FaLinkedin } from 'react-icons/fa'
-import posthog from 'posthog-js'
-const socials = [
- {
- icon: (
-
Blog
@@ -43,7 +41,7 @@ const Blog = () => {
-
- -
+
- { router.push(`blog/`) @@ -76,63 +74,70 @@ const Blog = () => {
-
)
diff --git a/docs/src/components/FavoriteModels.tsx b/docs/src/components/FavoriteModels.tsx
new file mode 100644
index 000000000..96b8a751a
--- /dev/null
+++ b/docs/src/components/FavoriteModels.tsx
@@ -0,0 +1,258 @@
+/* eslint-disable @next/next/no-img-element */
+import { Button } from '@/components/ui/button'
+import { motion } from 'framer-motion'
+import ChatGPTIcon from '@/assets/icons/ChatGPT.svg'
+import ClaudeIcon from '@/assets/icons/Claude.svg'
+import GeminiIcon from '@/assets/icons/Gemini.svg'
+import MetaIcon from '@/assets/icons/Meta.svg'
+import MistralIcon from '@/assets/icons/Mistral AI.svg'
+import QwenIcon from '@/assets/icons/Qwen.svg'
+import DeepSeekIcon from '@/assets/icons/DeepSeek.svg'
+import GemmaIcon from '@/assets/icons/Gemma.svg'
+import KimiIcon from '@/assets/icons/Kimi.svg'
+import GmailIcon from '@/assets/icons/Gmail.svg'
+import AmazonIcon from '@/assets/icons/Amazone.svg'
+import GoogleIcon from '@/assets/icons/Google.svg'
+import NotionIcon from '@/assets/icons/Notion.svg'
+import FigmaIcon from '@/assets/icons/Figma.svg'
+import YoutubeIcon from '@/assets/icons/Youtube.svg'
+import SlackIcon from '@/assets/icons/Slack.svg'
+import GoogleDriveIcon from '@/assets/icons/Google-drive.svg'
+import JiraIcon from '@/assets/icons/Jira.svg'
+import Avatar from '@/assets/landing/avatar.png'
+
+const models = [
+ { name: 'ChatGPT', icon: ChatGPTIcon, company: 'OpenAI' },
+ { name: 'Claude', icon: ClaudeIcon, company: 'Anthropic' },
+ { name: 'Gemini', icon: GeminiIcon, company: 'Google' },
+ { name: 'Llama', icon: MetaIcon, company: 'Meta' },
+ { name: 'Mistral', icon: MistralIcon, company: 'Mistral AI' },
+ { name: 'Qwen', icon: QwenIcon, company: 'Alibaba' },
+ { name: 'DeepSeek', icon: DeepSeekIcon, company: 'DeepSeek' },
+ { name: 'Gemma', icon: GemmaIcon, company: 'Google' },
+ { name: 'Kimi', icon: KimiIcon, company: 'Moonshot AI' },
+]
+
+const apps = [
+ { name: 'Gmail', icon: GmailIcon, description: 'Organize your inbox' },
+ { name: 'Amazon', icon: AmazonIcon, description: 'Shop for products' },
+ { name: 'Google', icon: GoogleIcon, description: 'Search the web' },
+ { name: 'Notion', icon: NotionIcon, description: 'Write and organize' },
+ { name: 'Figma', icon: FigmaIcon, description: 'Design with AI' },
+ { name: 'YouTube', icon: YoutubeIcon, description: 'Look for videos' },
+ { name: 'Slack', icon: SlackIcon, description: 'Read channel messages' },
+ {
+ name: 'Google Drive',
+ icon: GoogleDriveIcon,
+ description: 'Find and fetch files',
+ },
+ { name: 'Jira', icon: JiraIcon, description: 'Manage tickets' },
+]
+
+const thingsToRemember = [
+ 'Minimalist UI tasted',
+ 'Currently on a portfolio refresh',
+ 'Wants brief, to-the-point answers',
+ 'Frequent Figma/prototyping questions',
+ 'Dark-mode sharer',
+ 'Curious about type trends (Mostly harmless)',
+]
+
+export default function FavoriteModels() {
+ return (
+
-
- {post.categories?.map((cat, i) => {
- return (
-
+ - {cat?.replaceAll('-', ' ')} -
- ) - })} -- {format(String(post.date), 'MMMM do, yyyy')} -
-
+
+ {data
+ ?.filter((post: any) => {
+ if (search) {
+ return post.categories?.includes(String(search))
+ } else {
+ return post
+ }
+ })
+ .map((post: any, i: number) => {
+ return (
+
+
+
-
+
+
+ + {format(post?.date, 'MMMM do, yyyy')} +
+
+
+
+
+
+
+
+
+ + {post?.title} +
+ {post?.description && ( ++ {post?.description} +
+ )} + {post?.categories && ( +
+ {post.categories.map(
+ (category: string, idx: number) => (
+
+ {category.replaceAll('-', ' ')}
+
+ )
+ )}
+
+ )}
+ {post?.author && (
+ + By {post?.author} +
+ )} +
-
-
- )
- })}
-
+ )
+ })}
+ - {post.title} -
-- {post.description} -
-- Read more... -
-
+
+ Best of open-source AI in one app
+
+
+ {/* Step 1: Use any model you want */}
+
+
+
+ {/* Step 2*/}
+
+
+
+ {/* Step 3: Cross-platform */}
+
+
+
+
+
+
+
+
+ 1
+
+ + Models +
++ Choose from open models or plug in your favorite online models. +
+ {/* */} +
+
+
+ {models.map((model, index) => (
+
+
+
+ ))}
+
+ 
+
+
+ {model.name}
+
+ {model.company && (
+
+ {model.company}
+
+ )}
+
+
+
+
+
+ 2
+
+ + Connectors +
++ Connect your email, files, notes and calendar. Jan works where + you work. +
+ {/* */} +
+
+
+ {apps.map((app) => (
+
+
+
+ ))}
+
+ 
+
+
+ {app.name}
+
+
+ {app.description}
+
+
+
+
+
+
+ 3
+
+ + Memory{' '} + + Coming Soon + +
++ Your context carries over, so you don’t repeat yourself. Jan + remembers your context and preferences. +
+ {/* */} +
+
+
+ {/* Layered cards background effect */}
+
+
+
+ {/* Main card */}
+
+
+ {/* User profile section */}
+
+
+
+
+ {/* Things to remember section */}
+
+ 
+
+
+
+ Joe
++ Designer, Singapore +
+
+
+ + Things Jan keeps in mind +
+-
+ {thingsToRemember.map((item) => (
+
- + • + + {item} + + + ))} +
-
-
-
-
- - Jan -
-
-
- The Soul of a New Machine -
-
- Subscribe to our newsletter on AI
-
- research and building Jan:
-
-