Emphasis mine/

axflow · Feb 14, 2024 · 4a24411 · 4a24411
1 parent e409830
commit 4a24411
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/components/Emphasis.astro b/src/components/Emphasis.astro
@@ -0,0 +1,17 @@
+---
+import type { HTMLAttributes } from "astro/types";
+
+type Props = HTMLAttributes<"span">;
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<span
+  {...rest}
+  class:list={[
+    "text-transparent bg-blend-screen text-clip bg-gradient-to-tr dark:from-violet-500 dark:to-teal-200 from-violet-600 to-teal-400 bg-clip-text font-mono italic tracking-tighter",
+    className,
+  ]}
+>
+  <slot /></span
+>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -10,6 +10,7 @@ import naresh from "../images/testimonials/naresh.jpeg";
 import irwin from "../images/testimonials/irwin.jpeg";
 import flo from "../images/testimonials/flo.jpeg";
 import Testimonial from "../components/Testimonial.astro";
+import Emphasis from "../components/Emphasis.astro";
 import ChevronRight from "../components/icons/ChevronRight.astro";
 import Crosshair from "../components/icons/Crosshair.astro";
 import History from "../components/icons/History.astro";
@@ -142,8 +143,8 @@ import GitCompareArrows from "../components/icons/GitCompareArrows.astro";
         </h2>
         <p class="max-w-xl leading-7 text-center text-color-700 text-lg">
           AI systems should improve when exposed to real-world scenarios.
-          Leverage our tools to ensure that your application is <b>improving</b>
-           with production experience, not <b>regressing</b> when you make
+          Leverage our tools to ensure that your application is <Emphasis>improving</Emphasis>
+           with production experience, not <Emphasis>regressing</Emphasis> when you make
           changes!
         </p>
         <div
@@ -217,7 +218,7 @@ import GitCompareArrows from "../components/icons/GitCompareArrows.astro";
           Work as a team
         </h2>
         <p class="max-w-2xl leading-7 text-center text-color-700 text-lg">
-          Studio was designed for you to leverage your <i>entire</i> team, not
+          Studio was designed for you to leverage your <Emphasis>entire</Emphasis> team, not
           just engineers. Get all your team to collaborate on the platform and
           improve your AI app.
         </p>
@@ -293,7 +294,7 @@ import GitCompareArrows from "../components/icons/GitCompareArrows.astro";
           Level up your AI worfklow
         </h2>
         <p class="max-w-2xl leading-7 text-center text-color-700 text-lg">
-          You should be focusing on your core product, not LLM tools.
+          Focus on your <Emphasis>core product</Emphasis>, not LLM tools.
         </p>
         <div
           class="bg-gradient-to-br from-teal-200 to-purple-600 p-[1px] rounded-lg my-6 transition-all duration-200 ease-in-out hover:-translate-y-[1px] hover:shadow-lg cursor-pointer focus-visible:outline-none"