Skip to content

Commit 5ba3595

Browse files
UstatleenKaurUstatleenKaur
committed
fix: schema, added github stars icon
1 parent 3500533 commit 5ba3595

File tree

10 files changed

+3412
-6852
lines changed

10 files changed

+3412
-6852
lines changed

‎components/common/footer.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,11 @@ export default function Footer() {
3030
</div>
3131

3232
<div className="flex flex-col gap-2">
33-
<h3 className="text-lg font-bold">Follow US</h3>
33+
<h3 className="text-lg font-bold">Follow Us</h3>
3434
<Item link={siteMetadata.github} text="Github" />
3535
<Item link={siteMetadata.twitter} text="Twitter" />
3636
<Item link={siteMetadata.email} text="Email" />
37+
<Item link={siteMetadata.linkedin} text="Linkedin" />
3738
</div>
3839

3940
<div className="flex flex-col gap-2">
@@ -74,7 +75,7 @@ export default function Footer() {
7475
<SocialIcon kind="twitter" href={siteMetadata.twitter} size={6} />
7576
</div>
7677
<h3>
77-
&copy; 2023 Observability tool by{' '}
78+
&copy; 2025 Observability tool by{' '}
7879
<a
7980
target="_blank"
8081
href={siteMetadata.github}

‎components/common/header.tsx

+25-17
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,33 @@ import {
99
} from '@/components/ui/navigation-menu'
1010
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet'
1111

12-
import { GitHubLogoIcon } from '@radix-ui/react-icons'
1312
import { buttonVariants } from '../ui/button'
1413
import { HamburgerMenuIcon } from '@radix-ui/react-icons'
1514
import ThemeToggle from '../theme-toggle'
1615
import Image from 'next/image'
1716
import { Slack } from '../social-icons/icons'
17+
import GithubStar from '../social-icons/github-star'
18+
import { organisationSchema, applicationSchema, webpageSchema, faqSchema } from '../structuredData'
1819

1920
export default function Header() {
2021
return (
2122
<header className="sticky top-0 z-40 w-full bg-white dark:bg-stone-950">
23+
<script
24+
type="application/ld+json"
25+
dangerouslySetInnerHTML={{ __html: JSON.stringify(organisationSchema) }}
26+
/>
27+
<script
28+
type="application/ld+json"
29+
dangerouslySetInnerHTML={{ __html: JSON.stringify(applicationSchema) }}
30+
/>
31+
<script
32+
type="application/ld+json"
33+
dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }}
34+
/>
35+
<script
36+
type="application/ld+json"
37+
dangerouslySetInnerHTML={{ __html: JSON.stringify(webpageSchema) }}
38+
/>
2239
<NavigationMenu className="mx-auto">
2340
<NavigationMenuList className="container flex h-14 w-screen justify-between px-4 ">
2441
<NavigationMenuItem className="flex font-bold">
@@ -56,7 +73,7 @@ export default function Header() {
5673
href={link.href}
5774
className={buttonVariants({ variant: 'ghost' })}
5875
>
59-
{link.title}
76+
<b>{link.title}</b>
6077
</Link>
6178
))}
6279
{/* <Link
@@ -75,16 +92,7 @@ export default function Header() {
7592
<span className="mr-2">Join us on </span>
7693
<Slack className="h-6 w-6" />
7794
</a>
78-
<a
79-
href={siteMetadata.siteRepo}
80-
target="_blank"
81-
className={`w-[150px] border ${buttonVariants({
82-
variant: 'secondary',
83-
})}`}
84-
>
85-
<GitHubLogoIcon className="mr-2 h-5 w-5" />
86-
Github
87-
</a>
95+
<GithubStar />
8896
</nav>
8997
</SheetContent>
9098
</Sheet>
@@ -132,14 +140,14 @@ export default function Header() {
132140
className="h-full w-full"
133141
/>
134142
</a> */}
135-
<a
143+
<GithubStar />
144+
{/* <a
136145
href="https://github.com/openlit/openlit"
137146
target="_blank"
138-
className={`border ${buttonVariants({ variant: 'secondary' })}`}
147+
className={``}
139148
>
140-
<GitHubLogoIcon className="mr-2 h-5 w-5" />
141-
Github
142-
</a>
149+
150+
</a> */}
143151
<ThemeToggle />
144152
</div>
145153
</NavigationMenuList>

‎components/home/hero.tsx

+10-7
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
import siteMetadata from 'data/siteMetadata'
22
import { Button as MovingBorder } from '../ui/moving-borders'
3-
import { GitHubLogoIcon, StarFilledIcon } from '@radix-ui/react-icons'
3+
import { StarFilledIcon } from '@radix-ui/react-icons'
44
import Image from 'next/image'
55
import { FlipWords } from '../ui/flip-words'
66
import { buttonVariants } from '../ui/button'
7+
import GithubStar from '../social-icons/github-star'
78

89
export default function Hero() {
910
const words = ['Connect', 'Monitor', 'Explore']
@@ -27,27 +28,29 @@ export default function Hero() {
2728
</a>
2829
</div>
2930
<h1 className="relative z-10 mx-auto mt-6 max-w-6xl text-center text-2xl font-semibold md:text-4xl lg:text-8xl">
30-
<FlipWords words={words} /> LLMs & GenAI with{' '}
31-
<span className="text-brandPrimary">OpenLIT</span>
31+
<FlipWords words={words} />
32+
<strong> LLMs & GenAI with </strong>
33+
<strong className="text-brandPrimary">OpenLIT</strong>
3234
</h1>
3335
<p className="text-muted dark:text-muted-dark relative z-10 mx-auto mt-6 max-w-3xl text-center text-base md:text-xl">
34-
Open Source Platform for AI Engineering
36+
<strong>Open Source Platform for AI Engineering</strong>
3537
</p>
3638
<div className="relative z-10 mt-6 flex flex-wrap items-center justify-center gap-4">
37-
<a
39+
<GithubStar />
40+
{/* <a
3841
href={siteMetadata.siteRepo}
3942
target="_blank"
4043
className={`relative z-10 flex items-center justify-center rounded-full border border-transparent bg-neutral-900 px-6 py-2 text-sm font-medium text-white shadow-[0px_-1px_0px_0px_#FFFFFF40_inset,_0px_1px_0px_0px_#FFFFFF40_inset] transition duration-200 hover:bg-black/90 md:text-sm`}
4144
>
4245
Github Repository
4346
<GitHubLogoIcon className="ml-2 h-5 w-5" />
44-
</a>
47+
</a> */}
4548
<a
4649
href="https://docs.openlit.io/latest/introduction"
4750
target="_blank"
4851
className={`group relative z-10 flex items-center justify-center space-x-2 rounded-full border border-transparent bg-transparent px-4 py-2 text-sm font-medium text-black transition duration-200 hover:bg-gray-100 dark:text-white dark:hover:bg-neutral-800 dark:hover:shadow-xl md:text-sm`}
4952
>
50-
<span>Documentation</span>
53+
<b>Documentation</b>
5154

5255
<svg
5356
stroke="currentColor"

‎components/home/keypoints.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export default function Keypoints() {
1414
const features = [
1515
{
1616
title: 'Easy to integrate',
17-
description: 'Just add `openlit.init()` to start collecting data from your llm application.',
17+
description: 'Just add `openlit.init()` to start collecting data from your LLM application.',
1818
icon: <SquareTerminalIcon />,
1919
},
2020
{
@@ -50,7 +50,7 @@ export default function Keypoints() {
5050
{
5151
title: 'Prompt & Vault Management',
5252
description:
53-
'OpenLIT helps you manage your prompts and secrets to ease the development of your application.',
53+
'Helps manage your prompts and secrets to ease the development of your application.',
5454
icon: <BarChart2Icon />,
5555
},
5656
{

‎components/social-icons/github-star.tsx

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
'use client'
2+
import siteMetadata from '@/data/siteMetadata'
3+
import { useEffect, useRef } from 'react'
4+
5+
export default function GithubStar() {
6+
const ref = useRef<HTMLAnchorElement>(null)
7+
useEffect(() => {
8+
console.log('kjhkj')
9+
import(/* webpackMode: "eager" */ 'github-buttons').then(({ render }) => {
10+
console.log('eh')
11+
render(ref.current as HTMLAnchorElement, function (el) {
12+
try {
13+
el.className = 'flex'
14+
if (ref.current) {
15+
ref.current.replaceChild(el, ref.current.firstChild!)
16+
}
17+
} catch (_) {
18+
console.log(_)
19+
}
20+
})
21+
})
22+
}, [])
23+
return (
24+
<a
25+
href={siteMetadata.siteRepo}
26+
data-color-scheme="no-preference: dark; light: light; dark: dark;"
27+
data-size="large"
28+
data-show-count="true"
29+
aria-label="Star openlit/openlit on GitHub"
30+
ref={ref}
31+
className="flex self-center"
32+
>
33+
<span className="hidden">Star</span>
34+
</a>
35+
)
36+
}

‎components/structuredData.js

+100
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
export const organisationSchema = {
2+
'@context': 'https://schema.org',
3+
'@type': 'Organization',
4+
name: 'OpenLIT',
5+
url: 'https://openlit.io',
6+
logo: 'https://openlit.io/static/images/logo.png',
7+
description:
8+
'OpenLIT is an open-source platform built on OpenTelemetry, providing observability for GenAI and LLM applications.',
9+
sameAs: [
10+
'https://x.com/openlit_io',
11+
'https://github.com/openlit/openlit',
12+
'https://linkedin.com/company/openlit',
13+
],
14+
foundingDate: '2023',
15+
founders: [
16+
{
17+
'@type': 'Person',
18+
name: 'Aman Agarwal',
19+
},
20+
],
21+
}
22+
23+
export const applicationSchema = {
24+
'@context': 'https://schema.org',
25+
'@type': 'SoftwareApplication',
26+
name: 'OpenLIT',
27+
operatingSystem: 'Linux, Windows, macOS',
28+
applicationCategory: 'Observability Platform',
29+
description:
30+
'Open-source platform for observability and application performance monitoring (APM) built on OpenTelemetry, optimized for GenAI and LLM applications.',
31+
offers: {
32+
'@type': 'Offer',
33+
price: '0',
34+
priceCurrency: 'USD',
35+
category: 'Free Software',
36+
},
37+
url: 'https://openlit.io',
38+
downloadUrl: 'https://github.com/openlit/openlit/pkgs/container/openlit',
39+
featureList: [
40+
'Unified Traces and Metrics',
41+
'OpenTelemetry Support',
42+
'LLM Observability',
43+
'Developer-Friendly Interface',
44+
],
45+
}
46+
47+
export const faqSchema = {
48+
'@context': 'https://schema.org',
49+
'@type': 'FAQPage',
50+
mainEntity: [
51+
{
52+
'@type': 'Question',
53+
name: 'What is OpenLIT?',
54+
acceptedAnswer: {
55+
'@type': 'Answer',
56+
text: 'OpenLIT is an open-source platform that provides observability and application performance monitoring for GenAI and LLM applications using OpenTelemetry.',
57+
},
58+
},
59+
{
60+
'@type': 'Question',
61+
name: 'Is OpenLIT free to use?',
62+
acceptedAnswer: {
63+
'@type': 'Answer',
64+
text: 'Yes, OpenLIT is open-source and free to use for developers and organizations.',
65+
},
66+
},
67+
],
68+
}
69+
70+
export const webpageSchema = {
71+
'@context': 'https://schema.org',
72+
'@type': 'WebPage',
73+
name: 'OpenLIT - OpenTelemetry-Native Observability Platform',
74+
url: 'https://openlit.io',
75+
description:
76+
'OpenLIT is an open-source platform for observability and APM. Built on OpenTelemetry, it provides seamless monitoring for GenAI and LLM applications.',
77+
breadcrumb: {
78+
'@type': 'BreadcrumbList',
79+
itemListElement: [
80+
{
81+
'@type': 'ListItem',
82+
position: 1,
83+
name: 'Home',
84+
item: 'https://openlit.io',
85+
},
86+
{
87+
'@type': 'ListItem',
88+
position: 2,
89+
name: 'Docs',
90+
item: 'https://docs.openlit.io/latest/introduction',
91+
},
92+
{
93+
'@type': 'ListItem',
94+
position: 3,
95+
name: 'Blogs',
96+
item: 'https://openlit.io/blogs',
97+
},
98+
],
99+
},
100+
}

‎data/siteMetadata.js

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/** @type {import("pliny/config").PlinyConfig } */
22
module.exports = {
3-
title: 'OpenLIT | OpenTelemetry-native GenAI and LLM Application Observability tool',
3+
title: 'OpenLIT | OpenTelemetry-native GenAI and LLM Application Observability',
44
author: 'OpenLIT',
55
headerTitle: 'OpenLIT',
66
description:
7-
'Elevate your APM with OpenLIT: the open-source GenAI and LLM platform built on OpenTelemetry. Experience seamless observability with traces and metrics consolidated in one powerful interface. Revolutionize your development with our intuitive, open-source tool today!',
8-
about: `OpenLIT is a cutting-edge GenAI and LLM Application Observability tool, seamlessly integrated with OpenTelemetry for effortless monitoring. Simplifying the integration process with just one line of code, OpenLIT ensures smooth observability for GenAI projects, including popular libraries like OpenAI and HuggingFace, and vector databases like ChromaDB.
7+
'Elevate APM with OpenLIT, the open-source platform built on OpenTelemetry. Simplify observability with unified traces and metrics in one powerful interface. Transform development effortlessly today!',
8+
about: `Cutting-edge GenAI and LLM Application Observability tool, seamlessly integrated with OpenTelemetry for effortless monitoring. Simplifying the integration process with just one line of code, OpenLIT ensures smooth observability for GenAI projects, including popular libraries like OpenAI and HuggingFace, and vector databases like ChromaDB.
99
1010
Committed to adhering to the Semantic Conventions of the OpenTelemetry community, OpenLIT continuously updates to meet the latest observability standards, providing invaluable insights to enhance application performance and reliability.`,
1111
language: 'en-us',
@@ -18,6 +18,7 @@ module.exports = {
1818
github: 'https://github.com/openlit',
1919
twitter: 'https://twitter.com/openlit_io',
2020
discord: 'https://discord.com/invite/RbNPvG54',
21+
linkedin: 'https://www.linkedin.com/company/openlit/',
2122
slack: 'https://join.slack.com/t/dokulabs/shared_invite/zt-2etnfttwg-TjP_7BZXfYg84oAukY8QRQ',
2223
locale: 'en-US',
2324
feedbackLink: 'https://app.formbricks.com/IiFk9GnqOF',

‎layouts/post-layout.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,9 @@ export default function PostLayout({ content, authorDetails, next, prev, childre
7070
Discuss on Twitter
7171
</Link>
7272
{` • `}
73-
<Link href={editUrl(filePath)}>View on GitHub</Link>
73+
<Link href={editUrl(filePath)}>
74+
<strong>View on GitHub</strong>
75+
</Link>
7476
</div>
7577
<div className="flex flex-wrap gap-4">
7678
{tags.map((tag) => (

0 commit comments

Comments
 (0)