├── .gitignore ├── CONTRIBUTING.md ├── LICENSE ├── README.md └── aind-landing-Page ├── .gitignore ├── Logo.png ├── README.md ├── app ├── PostHogPageView.tsx ├── action │ └── newsletter.ts ├── api │ └── mailchimp │ │ └── route.ts ├── catalog │ └── page.tsx ├── favicon.ico ├── globals.css ├── layout.tsx ├── list │ └── page.tsx ├── page.tsx ├── providers.tsx └── whatsnew │ └── page.tsx ├── components ├── globale │ ├── footer │ │ ├── cards.tsx │ │ └── index.tsx │ ├── globale-context.tsx │ ├── globale-layout.tsx │ └── header │ │ ├── index.tsx │ │ └── logo.tsx └── shared │ ├── button.tsx │ ├── cards │ ├── catalog-car.tsx │ └── grid-card.tsx │ ├── icons.tsx │ ├── logo.tsx │ ├── mobile-drawer.tsx │ ├── popup-card.tsx │ ├── search.tsx │ ├── tab-selector.tsx │ ├── tabel-tooltip.tsx │ ├── table.tsx │ ├── tags.tsx │ └── tool-status.tsx ├── constant └── moc-data.ts ├── eslint.config.mjs ├── next.config.ts ├── package-lock.json ├── package.json ├── pnpm-lock.yaml ├── postcss.config.mjs ├── public ├── discord-logo.png ├── footer-bg.png ├── footer-card-bg.png ├── github.png ├── github.svg ├── icons │ ├── arrow-black.svg │ ├── arrow-white.svg │ ├── catalog-black.svg │ ├── catalog-white.svg │ ├── chevron-b-white.svg │ ├── close-black.svg │ ├── close-white.svg │ ├── download-black.svg │ ├── grid-black.svg │ ├── grid-white.svg │ ├── info-black.svg │ ├── link-white.svg │ ├── list-black.svg │ ├── list-white.svg │ ├── placeholder.svg │ ├── plus-black.svg │ ├── right-arrow.svg │ ├── search-black.svg │ └── search-white.svg ├── logo.svg ├── placeholder-logo.png ├── placeholder.png ├── social │ ├── apple-podcast.svg │ ├── discord.svg │ ├── github.svg │ ├── linkedIn.svg │ ├── spotify.svg │ ├── threads.svg │ ├── x.svg │ └── youtube.svg ├── tools-data.json └── tools-data.yaml ├── scripts └── convert-yaml.ts ├── tsconfig.json ├── type └── tools-type.tsx └── util └── get-consistent-color.ts /.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | share/python-wheels/ 24 | *.egg-info/ 25 | .installed.cfg 26 | *.egg 27 | MANIFEST 28 | 29 | # PyInstaller 30 | # Usually these files are written by a python script from a template 31 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 32 | *.manifest 33 | *.spec 34 | 35 | # Installer logs 36 | pip-log.txt 37 | pip-delete-this-directory.txt 38 | 39 | # Unit test / coverage reports 40 | htmlcov/ 41 | .tox/ 42 | .nox/ 43 | .coverage 44 | .coverage.* 45 | .cache 46 | nosetests.xml 47 | coverage.xml 48 | *.cover 49 | *.py,cover 50 | .hypothesis/ 51 | .pytest_cache/ 52 | cover/ 53 | 54 | # Translations 55 | *.mo 56 | *.pot 57 | 58 | # Django stuff: 59 | *.log 60 | local_settings.py 61 | db.sqlite3 62 | db.sqlite3-journal 63 | 64 | # Flask stuff: 65 | instance/ 66 | .webassets-cache 67 | 68 | # Scrapy stuff: 69 | .scrapy 70 | 71 | # Sphinx documentation 72 | docs/_build/ 73 | 74 | # PyBuilder 75 | .pybuilder/ 76 | target/ 77 | 78 | # Jupyter Notebook 79 | .ipynb_checkpoints 80 | 81 | # IPython 82 | profile_default/ 83 | ipython_config.py 84 | 85 | # pyenv 86 | # For a library or package, you might want to ignore these files since the code is 87 | # intended to run in multiple environments; otherwise, check them in: 88 | # .python-version 89 | 90 | # pipenv 91 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 92 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 93 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 94 | # install all needed dependencies. 95 | #Pipfile.lock 96 | 97 | # UV 98 | # Similar to Pipfile.lock, it is generally recommended to include uv.lock in version control. 99 | # This is especially recommended for binary packages to ensure reproducibility, and is more 100 | # commonly ignored for libraries. 101 | #uv.lock 102 | 103 | # poetry 104 | # Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control. 105 | # This is especially recommended for binary packages to ensure reproducibility, and is more 106 | # commonly ignored for libraries. 107 | # https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control 108 | #poetry.lock 109 | 110 | # pdm 111 | # Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control. 112 | #pdm.lock 113 | # pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it 114 | # in version control. 115 | # https://pdm.fming.dev/latest/usage/project/#working-with-version-control 116 | .pdm.toml 117 | .pdm-python 118 | .pdm-build/ 119 | 120 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm 121 | __pypackages__/ 122 | 123 | # Celery stuff 124 | celerybeat-schedule 125 | celerybeat.pid 126 | 127 | # SageMath parsed files 128 | *.sage.py 129 | 130 | # Environments 131 | .env 132 | .venv 133 | env/ 134 | venv/ 135 | ENV/ 136 | env.bak/ 137 | venv.bak/ 138 | 139 | # Spyder project settings 140 | .spyderproject 141 | .spyproject 142 | 143 | # Rope project settings 144 | .ropeproject 145 | 146 | # mkdocs documentation 147 | /site 148 | 149 | # mypy 150 | .mypy_cache/ 151 | .dmypy.json 152 | dmypy.json 153 | 154 | # Pyre type checker 155 | .pyre/ 156 | 157 | # pytype static type analyzer 158 | .pytype/ 159 | 160 | # Cython debug symbols 161 | cython_debug/ 162 | 163 | # PyCharm 164 | # JetBrains specific template is maintained in a separate JetBrains.gitignore that can 165 | # be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore 166 | # and can be added to the global gitignore or merged into this file. For a more nuclear 167 | # option (not recommended) you can uncomment the following to ignore the entire idea folder. 168 | #.idea/ 169 | 170 | # PyPI configuration file 171 | .pypirc 172 | .gitok 173 | .gitsigned -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing to the AI Native Dev Landscape 2 | 3 | ## Adding a new tool 4 | 5 | To add a new tool to the landscape, you can follow these steps: 6 | 7 | 1. Fork the repository 8 | 2. Add or update the tool under `aind-landing-Page/public/tools-data.yaml` (the json one is autogenerated on deploy) 9 | 3. Create a pull request 10 | 11 | ## Alternate workflow 12 | ### Official vendor verification 13 | - If you are a vendor and want to get your tool verified or change some of the tools information, please fill in this [Official Tool Vendor - Google Form](https://forms.gle/6NV7g8UvAq4py8KK8). 14 | 15 | - If contributing via a PR is not your preferred method, you can also open up a Github Issue or send us an email at [hello@ainativedev.io](mailto:hello@ainativedev.io) 16 | 17 | ## Add or update a new domain or category 18 | 19 | To add a new domain or category to the landscape, you can follow these steps: 20 | 21 | 1. Open a Github issue for discussion 22 | 2. Once the discussion is settled, create a pull request to add the new domain or category to the landscape. Make sure it has a consistent `level` with the rest of the landscape. 23 | 24 | ## Guidelines 25 | - We tend to avoid having single tool categories, so if you are adding a new category, make sure it has more than 3 tools associated with it. 26 | - We tend to avoid putting tools in multiple categories, so if a tool is a good fit for multiple categories, try to pick the most specific one. -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 Tessl 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # AI Native Dev Landscape - Data 2 | ## Introduction 3 | The AI Native Dev Landscape is a project by [AI Native Dev](https://ainativedev.io) to help developers keep track of the AI tools and technologies that are available. It is a community curated list and we welcome contributions. 4 | 5 | This repository contains the data that powers the [https://landscape.ainativedev.io](https://landscape.ainativedev.io) website. 6 | 7 | ## Terminology 8 | - The whole dataset is referred to as `Landscape`. 9 | - The landscape consists of different `Domains`. 10 | - Each domain has multiple `Categories`. 11 | - And under categories we have `Tools` 12 | 13 | ## Contributing to the Landscape 14 | ### Data 15 | We welcome contributions to the data. Please see the [CONTRIBUTING.md](CONTRIBUTING.md) file for more information. 16 | 17 | ### Website 18 | We also welcome contributions to the website. See the [README.md](aind-landing-Page/README.md) file for more information. 19 | 20 | ## YAML Structure 21 | ### Domain 22 | ```yaml 23 | domain: 24 | name: string # Name of the domain 25 | description: string # Description of the domain 26 | level: integer # Level of the domain, this is used for display purposes, the lowest level has the highest priority on the landscape map 27 | ``` 28 | ### Category 29 | ```yaml 30 | category: 31 | name: string # Name of the category 32 | description: string # Description of the category 33 | level: integer # Level of the category, this is used for display purposes, the lowest level has the highest priority on the landscape map 34 | ``` 35 | 36 | ### Tool 37 | ```yaml 38 | tool: 39 | name: string # Name of the tool 40 | description: string # Description of the tool 41 | icon_url: string # URL to the tool's icon 42 | website_url: string # URL to the tool's website 43 | tags: list[string] # Array of tags 44 | date_added: string # Date when the tool was added to the landscape DD/MM/YYYY 45 | oss: boolean # Whether the tool is open source 46 | verified: boolean # Whether the tool is vendor verified 47 | beta: boolean # Whether the tool is in beta (if false the tool is considered GA) 48 | popular: boolean # Indicates the tool being popular resulting it being sorted first in a category 49 | ``` 50 | 51 | 52 | ## License 53 | - The code in this project is licensed under the [MIT License](LICENSE). 54 | - The data is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License][cc-by-nc-sa]. 55 | 56 | [![CC BY-NC-SA 4.0][cc-by-nc-sa-image]][cc-by-nc-sa] 57 | 58 | [cc-by-nc-sa]: http://creativecommons.org/licenses/by-nc-sa/4.0/ 59 | [cc-by-nc-sa-image]: https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png 60 | [cc-by-nc-sa-shield]: https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg 61 | 62 | 63 | ## Contributors 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /aind-landing-Page/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.* 7 | .yarn/* 8 | !.yarn/patches 9 | !.yarn/plugins 10 | !.yarn/releases 11 | !.yarn/versions 12 | 13 | # testing 14 | /coverage 15 | 16 | # next.js 17 | /.next/ 18 | /out/ 19 | 20 | # production 21 | /build 22 | 23 | # misc 24 | .DS_Store 25 | *.pem 26 | 27 | # debug 28 | npm-debug.log* 29 | yarn-debug.log* 30 | yarn-error.log* 31 | .pnpm-debug.log* 32 | 33 | # env files (can opt-in for committing if needed) 34 | .env* 35 | 36 | # vercel 37 | .vercel 38 | 39 | # typescript 40 | *.tsbuildinfo 41 | next-env.d.ts 42 | 43 | .DS_Store 44 | 45 | -------------------------------------------------------------------------------- /aind-landing-Page/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AI-Native-Dev-Community/ai-native-dev-landscape/a040e16d2f2b095496b6c07bffb36f16d8093121/aind-landing-Page/Logo.png -------------------------------------------------------------------------------- /aind-landing-Page/README.md: -------------------------------------------------------------------------------- 1 | This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). 2 | 3 | ## Getting Started 4 | 5 | First, run the development server: 6 | 7 | ```bash 8 | npm run dev 9 | # or 10 | yarn dev 11 | # or 12 | pnpm dev 13 | # or 14 | bun dev 15 | ``` 16 | 17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. 18 | 19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. 20 | 21 | This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. 22 | 23 | ## Learn More 24 | 25 | To learn more about Next.js, take a look at the following resources: 26 | 27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. 28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. 29 | 30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! 31 | 32 | ## Deploy on Vercel 33 | 34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. 35 | 36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. 37 | -------------------------------------------------------------------------------- /aind-landing-Page/app/PostHogPageView.tsx: -------------------------------------------------------------------------------- 1 | // app/PostHogPageView.tsx 2 | 'use client' 3 | 4 | import { usePathname, useSearchParams } from "next/navigation" 5 | import { useEffect, Suspense } from "react" 6 | import { usePostHog } from 'posthog-js/react' 7 | 8 | function PostHogPageView() : null { 9 | const pathname = usePathname() 10 | const searchParams = useSearchParams() 11 | const posthog = usePostHog() 12 | 13 | // Track pageviews 14 | useEffect(() => { 15 | if (pathname && posthog) { 16 | let url = window.origin + pathname 17 | if (searchParams.toString()) { 18 | url = url + `?${searchParams.toString()}` 19 | } 20 | 21 | posthog.capture('$pageview', { '$current_url': url }) 22 | } 23 | }, [pathname, searchParams, posthog]) 24 | 25 | return null 26 | } 27 | 28 | // Wrap this in Suspense to avoid the `useSearchParams` usage above 29 | // from de-opting the whole app into client-side rendering 30 | // See: https://nextjs.org/docs/messages/deopted-into-client-rendering 31 | export default function SuspendedPostHogPageView() { 32 | return 33 | 34 | 35 | } -------------------------------------------------------------------------------- /aind-landing-Page/app/action/newsletter.ts: -------------------------------------------------------------------------------- 1 | "use server"; 2 | 3 | import mailchimp from "@mailchimp/mailchimp_marketing"; 4 | 5 | // Initialize Mailchimp with your API key and server prefix 6 | mailchimp.setConfig({ 7 | apiKey: process.env.MAILCHIMP_API_KEY, 8 | server: process.env.MAILCHIMP_SERVER_PREFIX, // e.g., "us1" 9 | }); 10 | 11 | interface MailchimpError extends Error { 12 | response?: { 13 | body: { 14 | title: string; 15 | detail: string; 16 | }; 17 | }; 18 | } 19 | 20 | export async function subscribeToNewsletter(formData: FormData) { 21 | const email = formData.get("email") as string; 22 | 23 | if (!email) { 24 | return { 25 | success: false, 26 | message: "Email is required", 27 | }; 28 | } 29 | 30 | try { 31 | // Add member to list 32 | await mailchimp.lists.addListMember( 33 | process.env.MAILCHIMP_AUDIENCE_ID as string, 34 | { 35 | email_address: email, 36 | status: "subscribed", 37 | } 38 | ); 39 | console.log("Success! You are now subscribed."); 40 | return { 41 | success: true, 42 | message: "Success! You are now subscribed.", 43 | }; 44 | } catch (error: unknown) { 45 | const mailchimpError = error as MailchimpError; 46 | if (mailchimpError.response?.body) { 47 | const { title, detail } = mailchimpError.response.body; 48 | 49 | if (title && title.includes("Member Exists")) { 50 | return { 51 | success: false, 52 | message: "You are already subscribed to our newsletter.", 53 | }; 54 | } 55 | 56 | return { 57 | success: false, 58 | message: 59 | detail || title || "An error occurred with the subscription service.", 60 | }; 61 | } 62 | 63 | return { 64 | success: false, 65 | message: "An error occurred. Please try again later.", 66 | }; 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /aind-landing-Page/app/api/mailchimp/route.ts: -------------------------------------------------------------------------------- 1 | import { NextResponse } from "next/server"; 2 | import mailchimp from "@mailchimp/mailchimp_marketing"; 3 | 4 | interface MailchimpError extends Error { 5 | response?: { 6 | body: { 7 | title: string; 8 | detail: string; 9 | status: number; 10 | }; 11 | }; 12 | } 13 | 14 | mailchimp.setConfig({ 15 | apiKey: process.env.MAILCHIMP_API_KEY, 16 | server: process.env.MAILCHIMP_SERVER_PREFIX, 17 | }); 18 | 19 | export async function POST(request: Request) { 20 | try { 21 | const { email } = await request.json(); 22 | 23 | if (!email) { 24 | return NextResponse.json( 25 | { message: "Email is required" }, 26 | { status: 400 } 27 | ); 28 | } 29 | 30 | // Add member to list 31 | await mailchimp.lists.addListMember( 32 | process.env.MAILCHIMP_AUDIENCE_ID as string, 33 | { 34 | email_address: email, 35 | status: "subscribed", 36 | } 37 | ); 38 | 39 | return NextResponse.json( 40 | { message: "Success! You are now subscribed." }, 41 | { status: 201 } 42 | ); 43 | } catch (error: unknown) { 44 | const mailchimpError = error as MailchimpError; 45 | console.log(mailchimpError); 46 | 47 | if (mailchimpError.response?.body) { 48 | const { title, detail, status } = mailchimpError.response.body; 49 | 50 | if (status === 400 && title.includes("Member Exists")) { 51 | return NextResponse.json( 52 | { message: "You are already subscribed to our newsletter." }, 53 | { status: 400 } 54 | ); 55 | } 56 | 57 | return NextResponse.json( 58 | { message: detail || title }, 59 | { status: status || 500 } 60 | ); 61 | } 62 | 63 | return NextResponse.json( 64 | { message: "An error occurred. Please try again later." }, 65 | { status: 500 } 66 | ); 67 | } 68 | } -------------------------------------------------------------------------------- /aind-landing-Page/app/catalog/page.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | import CatalogCard from "@/components/shared/cards/catalog-car"; 3 | import { useGlobaleContext } from "@/components/globale/globale-context"; 4 | 5 | export default function Catalog() { 6 | const { toolsData, activeTags } = useGlobaleContext(); 7 | 8 | return ( 9 | <> 10 | {toolsData?.domains && toolsData?.domains.length > 0 ? ( 11 |
12 | {(() => { 13 | // Flatten all tools from all domains and categories 14 | const allTools = toolsData.domains.flatMap((domain) => 15 | domain.categories.flatMap((category) => 16 | category.tools.map((tool) => ({ 17 | ...tool, 18 | domainName: domain.name, 19 | categoryName: category.name, 20 | })) 21 | ) 22 | ); 23 | 24 | // Filter and sort all tools together 25 | const filteredTools = activeTags.includes("all") 26 | ? allTools 27 | : allTools.filter((tool) => 28 | tool.tags?.some((tag) => activeTags.includes(tag)) 29 | ); 30 | 31 | const sortedTools = [...filteredTools].sort((a, b) => 32 | a.popular === b.popular ? 0 : a.popular ? -1 : 1 33 | ); 34 | 35 | return sortedTools.map((tool) => ( 36 | 42 | )); 43 | })()} 44 |
45 | ) : ( 46 | toolsData?.domains.length === 0 && ( 47 |
48 | No tools found 49 |
50 | ) 51 | )} 52 | 53 | ); 54 | } 55 | -------------------------------------------------------------------------------- /aind-landing-Page/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AI-Native-Dev-Community/ai-native-dev-landscape/a040e16d2f2b095496b6c07bffb36f16d8093121/aind-landing-Page/app/favicon.ico -------------------------------------------------------------------------------- /aind-landing-Page/app/globals.css: -------------------------------------------------------------------------------- 1 | @import "tailwindcss"; 2 | 3 | @theme inline { 4 | --color-background: #F4EEE2; 5 | --color-foreground: #000000; 6 | --max-width: 1366px; 7 | 8 | --border-primary: #C9C3B9; 9 | --border-secondary: #000000; 10 | 11 | --font-inter: var(--font-inter); 12 | --font-dm-mono: var(--font-dm-mono); 13 | --font-instrument-sans: var(--font-instrument-sans); 14 | --font-instrument-serif: var(--font-instrument-serif); 15 | 16 | --animate-mobile-slidein: mobile-slidein 500ms cubic-bezier(0.16, 1, 0.3, 1) forwards; 17 | --animate-mobile-slideout: mobile-slideout 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards; 18 | --animate-header-slidein: header-slidein 500ms cubic-bezier(0.16, 1, 0.3, 1) forwards; 19 | --animate-header-slideout: header-slideout 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards; 20 | 21 | @keyframes mobile-slidein { 22 | 0% {opacity: 0; transform: translateY(400px);} 23 | 100% {opacity: 1; transform: translateY(0);} 24 | } 25 | 26 | @keyframes mobile-slideout { 27 | 0% {opacity: 1; transform: translateY(0);} 28 | 100% {opacity: 0; transform: translateY(200px);} 29 | } 30 | 31 | @keyframes header-slidein { 32 | 0% { height: 0;} 33 | 100% { height: 100vh;} 34 | } 35 | 36 | @keyframes header-slideout { 37 | 0% {opacity: 1; height: 100vh;} 38 | 100% {opacity: 0; height: 0;} 39 | } 40 | 41 | } 42 | 43 | 44 | /* typography utilities */ 45 | @utility menuItem { 46 | @apply font-instrument-sans text-sm font-normal leading-[130%]; 47 | } 48 | 49 | @utility heading { 50 | @apply font-instrument-serif text-[64px] font-normal leading-[110%] tracking-[-1.28px]; 51 | } 52 | 53 | @utility heading-2xl { 54 | @apply font-instrument-sans text-[30px] font-normal leading-[110%] tracking-[-0.6px]; 55 | } 56 | 57 | @utility heading-xl { 58 | @apply font-inter text-[20px] font-normal leading-[110%] tracking-[-0.4px]; 59 | } 60 | 61 | @utility body { 62 | @apply font-dm-mono font-normal leading-[150%]; 63 | } 64 | 65 | @utility body-sm { 66 | @apply font-dm-mono text-sm font-normal leading-[150%]; 67 | } 68 | 69 | @utility label { 70 | @apply font-dm-mono text-sm font-normal leading-[130%] ; 71 | } 72 | 73 | @utility label-sm { 74 | @apply font-instrument-sans text-sm font-normal leading-[130%]; 75 | } 76 | 77 | @utility body-xs { 78 | @apply text-xs leading-[120%] tracking-[0.1em]; 79 | } 80 | 81 | 82 | 83 | @utility body-xxs { 84 | @apply font-dm-mono text-xs leading-[130%] tracking-[1.1px] uppercase; 85 | } 86 | @utility body-lg { 87 | @apply font-inter text-base leading-[150%]; 88 | } 89 | 90 | 91 | 92 | html { 93 | scroll-behavior: smooth; 94 | } 95 | 96 | body { 97 | overscroll-behavior: none; 98 | background: var(--color-background); 99 | color: var(--color-foreground); 100 | } 101 | -------------------------------------------------------------------------------- /aind-landing-Page/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import { 3 | DM_Mono, 4 | Inter, 5 | Instrument_Sans, 6 | Instrument_Serif, 7 | } from "next/font/google"; 8 | import "./globals.css"; 9 | import Header from "@/components/globale/header"; 10 | import Footer from "@/components/globale/footer"; 11 | import GlobalLayout from "@/components/globale/globale-layout"; 12 | import { PostHogProvider } from './providers'; 13 | 14 | const inter = Inter({ 15 | variable: "--font-inter", 16 | subsets: ["latin"], 17 | }); 18 | 19 | const dmMono = DM_Mono({ 20 | variable: "--font-dm-mono", 21 | subsets: ["latin"], 22 | weight: ["300", "400", "500"], 23 | }); 24 | 25 | const instrumentSans = Instrument_Sans({ 26 | variable: "--font-instrument-sans", 27 | subsets: ["latin"], 28 | weight: ["400", "500", "600", "700"], 29 | }); 30 | 31 | const instrumentSerif = Instrument_Serif({ 32 | variable: "--font-instrument-serif", 33 | subsets: ["latin"], 34 | weight: ["400"], 35 | }); 36 | 37 | export const metadata: Metadata = { 38 | title: "AI Native Developer Tools Landscape", 39 | description: "Your Guide to the AI Development Ecosystem", 40 | }; 41 | 42 | export default function RootLayout({ 43 | children, 44 | }: Readonly<{ 45 | children: React.ReactNode; 46 | }>) { 47 | return ( 48 | 49 | 52 | 53 |
54 | {children} 55 |