Experiment launch - landing page update

bifrost/app/changelog/changes/20241210-experiments-launch/metadata.json

@@ -0,0 +1,4 @@
+{
+  "title": "🎉 Experiments is here!",
+  "description": "Experiments is out of beta. Tune your LLM prompt, test it on production data, and verify your iterations with quantifiable data. "
+}

bifrost/app/changelog/changes/20241210-experiments-launch/src.mdx

@@ -0,0 +1,23 @@
+We are thrilled to announce that [Experiments](us.helicone.ai/experiments) is out of beta.
+
+Experiments is designed to help you tune your LLM prompt, test it on production data, and verify your iterations with quantifiable data.
+
+### Main use cases
+
+#### 1. Continuous Improvement
+
+Analyze production edge cases to refine your application's performance.
+
+#### 2. Pre-deployment Testing
+
+Benchmark new releases rigorously before rolling out to production environments.
+
+#### 3. Structured Testing
+
+Implement LLM-as-a-judge or custom evaluation metrics, then compare prompt variations side-by-side with quick, actionable feedback loop.
+
+#### 4. Prompt Optimization
+
+Determine the best prompt for production by running evaluators to prevent performance regressions.
+
+For detailed documentation, refer to our [updated docs](https://docs.helicone.ai/features/experiments).

bifrost/app/page.tsx

@@ -1,3 +1,4 @@
+import Banner from "@/components/home/Banner";
 import BigDashboard from "@/components/home/BigDashboard";
 import Companies from "@/components/home/Companies";
 import CTA from "@/components/home/CTA";
@@ -40,6 +41,7 @@ export default async function Home() {
   return (
     <main className="bg-white text-landing-description">
       <div className="max-w-8xl mx-auto">
+        <Banner />
         <Hero />
         <Prototype />
         <Companies />

bifrost/components/home/Banner.tsx

@@ -0,0 +1,25 @@
+import { cn } from "@/lib/utils";
+import Link from "next/link";
+
+const Banner = () => {
+  return (
+    <div
+      className={cn("flex flex-col justify-center w-full h-auto pb-4 relative")}
+    >
+      <div className="bg-slate-100 text-slate-500 text-center text-sm md:text-base py-3 w-full">
+        <p>
+          🎁 Our holiday gift to you:{" "}
+          <Link
+            href="https://docs.helicone.ai/features/experiments"
+            className="font-semibold underline hover:text-slate-600"
+          >
+            Experiments
+          </Link>{" "}
+          is here!
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default Banner;

bifrost/components/home/Experiment.tsx

@@ -327,6 +327,18 @@ const Experiment = () => {
               </p>
             </div>
             <div className="flex gap-3 items-center">
+              <a
+                href="https://docs.helicone.ai/features/experiments"
+                target="_blank"
+              >
+                <Button
+                  className="items-center gap-2 text-landing-secondary self-start"
+                  variant="outline"
+                >
+                  <ArrowUpRightIcon className="w-4 h-4" />
+                  Experiments
+                </Button>
+              </a>
               <a
                 href="https://docs.helicone.ai/features/prompts"
                 target="_blank"
@@ -336,7 +348,7 @@ const Experiment = () => {
                   variant="outline"
                 >
                   <ArrowUpRightIcon className="w-4 h-4" />
-                  Prompts &amp; Experiments
+                  Prompts
                 </Button>
               </a>
             </div>