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

Jump to bottom

add pop #2144

Open
wants to merge 18 commits into
base: main
Choose a base branch
from
Open

add pop #2144

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
b0f2ccf
add pop
jvazquez30 Jun 12, 2024
5397485
updated info and structure
jvazquez30 Jun 13, 2024
a05cf02
feature.name links added to respective pages
jvazquez30 Jun 14, 2024
94ac55e
fixed the terminal icons in lg format
jvazquez30 Jun 15, 2024
2f8099b
fixed header/ working on navbar
jvazquez30 Jun 18, 2024
8abde29
worked on logos section, still need to adjust website version and som…
jvazquez30 Jun 19, 2024
83122ae
some changes
jvazquez30 Jun 20, 2024
6ad80b8
Merge branch 'main' into bifrost/just-headers
jvazquez30 Jun 20, 2024
66573ea
intergrations changes
jvazquez30 Jun 25, 2024
2a32543
added new changes
jvazquez30 Jul 3, 2024
f2bf8bc
new code
jvazquez30 Jul 11, 2024
adeb767
Merge branch 'main' into bifrost/just-headers
chitalian Jul 11, 2024
afcd7ef
Col and Row
chitalian Jul 11, 2024
db63bae
new edits
jvazquez30 Jul 17, 2024
afcffab
new edits
jvazquez30 Jul 17, 2024
76c4c8a
updated FAQ function
jvazquez30 Jul 18, 2024
9f2744d
corrected spacing for enterprise
jvazquez30 Jul 19, 2024
8875b91
added links to FAQ
jvazquez30 Jul 19, 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
279 changes: 147 additions & 132 deletions bifrost/app/page.tsx
View file
Open in desktop

Large diffs are not rendered by default.

189 changes: 121 additions & 68 deletions bifrost/components/layout/footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,92 +2,145 @@ import Link from "next/link";
import { SVGProps } from "react";
import Image from "next/image";

interface FooterProps {}
interface FooterProps { }

const meta = {
social: [
{
name: "Twitter",
href: "https://twitter.com/helicone_ai",
icon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => (
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
),
},
{
name: "GitHub",
href: "https://github.com/Helicone/helicone",
icon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => (
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
<path
fillRule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clipRule="evenodd"
/>
</svg>
),
},
{
name: "Discord",
href: "https://discord.gg/2TkeWdXNPQ",
icon: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => (
<div>
<Image
src="/static/discord-icon.svg"
className="grayscale"
alt="Discord"
width={24}
height={24}
/>
</div>
),
},
{
name: "LinkedIn",
href: "https://www.linkedin.com/company/helicone/",
},

],
};

const integrations = [
{
name: "Open AI"
},
{
name: "Azure"
},
{
name: "Anthropic"
},
{
name: "Gemini"
},
{
name: "Anyscale"
},
{
name: "Together AI"
},
{
name: "Groq"
},
{
name: "OpenRouter"
},
{
name: "LiteLLM"
},
{
name: "Gateway"
},
]

const versus = [
{
name: "Helicone vs. LangSmith"
},
{
name: "Helicone vs. DataDog"
},
{
name: "Helicone vs. W&B"
},
]

const learnMore = [
{
name: "Documentation"
},
{
name: "Pricing"
},
{
name: "Community"
},
{
name: "Blog"
},
{
name: "Contact"
},
]

const Footer = (props: FooterProps) => {
const {} = props;
const { } = props;

return (
<footer className="bg-inherit border-t border-gray-200">
<div className="mx-auto max-w-5xl px-4 py-8 md:flex md:items-center md:justify-between lg:px-4">
<div className="flex space-x-6 md:order-2">
{meta.social.map((item) => (
<Link
key={item.name}
href={item.href}
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 hover:text-gray-500"
>
<span className="sr-only">{item.name}</span>
<item.icon className="h-6 w-6" aria-hidden="true" />
</Link>
))}
</div>
<div className="mt-8 md:order-1 md:mt-0 space-x-4 flex flex-row">
<p className="text-center text-xs leading-5 text-gray-500">
&copy; 2024 Helicone, Inc. All rights reserved.
<footer className="bg-inherit border-gray-200 md:bg-blue-800 ">
<div className="md:flex md:flex-row md:justify-center md:gap-[10px] md:py-12 md:px-9">
<div className="mt-8 md:mr-12 space-x-4 flex flex-col gap-2 ">
<Image
className="ml-3 md:h-8 md:w-8"
src={"/static/logo.webp"}
alt={"Helicone"}
width={21.78}
height={21.78}
/>
<p className="text-nowrap text-gray-500 text-xs leading-5 md:text-blue-200 md:text-base">
&copy; 2024 Helicone, Inc.{" "}
</p>
<Link
href="/privacy"
className="text-center text-xs leading-5 text-gray-500"
>
Privacy Policy
</Link>
<Link
href="/terms"
className="text-center text-xs leading-5 text-gray-500"
>
Terms of Use
</Link>
<Link
href="/career"
className="text-center text-xs leading-5 text-gray-500"
>
Work with us
</Link>
<p className="text-xs text-gray-500 md:text-blue-200 md:text-base">All rights reserved.</p>
</div>
<div className="mx-auto max-w-5xl px-4 py-8 flex grid-cols-2 justify-between md:mx-0 md:gap-4">
<div className="flex flex-col gap-4 md:grid md:grid-cols-2 ">
<h1 className="text-sky-500 md:text-white font-semibold text-sm md:text-base">INTEGRATIONS</h1>
{integrations.map((integration) => (
<p key={integration.name} className="text-gray-500 md:text-blue-200 md:font-light text-sm font-normal md:text-base ">{integration.name}</p>
))}
</div>
<div className="flex flex-col justify-between md:grid md:grid-cols-2 md:gap-12">
<div className="flex flex-col gap-4">
<h1 className="text-sky-500 md:text-white font-semibold text-sm md:text-base">COMPARE</h1>
{versus.map((vs) => (
<p key={vs.name} className="text-gray-500 md:text-blue-200 md:font-light text-sm font-normal md:text-base">{vs.name}</p>
))}
</div>
<div className="flex flex-col gap-4 ">
<h1 className="text-sky-500 md:text-white font-semibold text-sm md:text-base">LEARN MORE</h1>
{learnMore.map((learn) => (
<p key={learn.name} className="text-gray-500 md:text-blue-200 md:font-light text-sm font-normal md:text-base">{learn.name}</p>
))}
</div>
</div>
</div>
<div className="mx-auto max-w-5xl px-4 py-8 md:mx-0">
<div className="flex flex-col gap-4 md:order-2">
<h1 className="text-sky-500 md:text-white text-sm font-semibold md:text-base">SOCIALS</h1>
{meta.social.map((item) => (
<Link
key={item.name}
href={item.href}
target="_blank"
rel="noopener noreferrer"
className="text-gray-400 md:text-white hover:text-gray-500 "
>
<span className="text-sm font-normal md:text-blue-200 md:font-light text-gray-500 items-left md:text-base">{item.name}</span>
</Link>
))}
</div>
</div>
</div>
</footer>
Expand Down
17 changes: 12 additions & 5 deletions bifrost/components/layout/navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { useEffect, useState } from "react";
import { usePathname, useRouter } from "next/navigation";
import { XMarkIcon } from "@heroicons/react/24/outline";

interface NavBarProps {}
interface NavBarProps { }

const MobileHeader = (props: {
menuDispatch: [boolean, (menuOpen: boolean) => void];
Expand Down Expand Up @@ -94,7 +94,7 @@ const NavLinks = () => {
<Link
href={link.href}
className={
"flex flex-row items-center font-medium hover:text-black rounded-md px-3 py-1.5 focus:outline-none " +
"flex flex-row items-center font-light hover:text-black rounded-md px-3 py-1.5 focus:outline-none " +
" " +
(path === link.href
? "text-black font-bold"
Expand Down Expand Up @@ -142,8 +142,9 @@ const MobileNav = () => {
);
};


const NavBar = (props: NavBarProps) => {
const {} = props;
const { } = props;

return (
<div className="bg-inherit top-0 sticky z-30 border-b border-gray-200">
Expand Down Expand Up @@ -179,9 +180,15 @@ const NavBar = (props: NavBarProps) => {
<div className="flex items-center justify-end gap-x-2 col-span-1 order-2 md:order-3">
<Link
href="https://us.helicone.ai/signin"
className="bg-sky-500 hover:bg-sky-600 border-2 border-sky-700 whitespace-nowrap rounded-md px-4 py-1.5 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-500"
className="text-center py-3 whitespace-nowrap rounded-md px-4 text-sm font-semibold text-gray-600"
>
Sign in
</Link>
<Link
href="https://us.helicone.ai/signup"
className="bg-sky-500 hover:bg-sky-600 border-2 border-sky-700 whitespace-nowrap rounded-md px-4 py-1.5 text-sm font-semibold text-gray-200 shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-500"
>
Sign In
Sign up for free
</Link>
</div>
</nav>
Expand Down
Loading