feat: adding ask fern imagery

Author: Kapil Gowru

fern/assets/styles.css

@@ -1,3 +1,8 @@
+:root {
+  --color-bg-checkmark: #008700;
+  
+}
+
 * {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

fern/products/ask-fern/pages/features/ask-fern-citation.png

@@ -6,6 +6,6 @@ subtitle: Point users to the exact source of the answer.
 Fern's AI search includes citations that link directly to source documentation, showing users where information comes from and providing immediate context. By referencing specific documentation sections, citations verify answer sources while enabling users to easily explore topics in greater depth.
 
 <Frame>
-<img src="../assets/citations.png" alt="An AI Search result with citations" />
+  <img src="ask-fern-citation.png" alt="Ask Fern citations" />
 </Frame>
 

fern/products/ask-fern/pages/features/citations.mdx

@@ -14,6 +14,11 @@ Key behaviors:
 - **Persistent navigation** – Side panel stays open as users browse different pages or click links provided by the AI responses
 - **Document-specific queries** – Users can ask questions about the current page through a dropdown option
 - **Mobile optimization** – Expands to full screen when users start typing on mobile devices
+- **Filtering** – Users will get responses that are only related to the product or version they are viewing, or the role they are administered.
+
+<Frame>
+  <img src="ask-fern-filters.png" alt="Ask Fern filtering" />
+</Frame>
 
 The interface maintains your site's design language while providing a familiar chat experience that feels native to your documentation.
 

fern/products/ask-fern/pages/getting-started/ask-fern-filters.png

@@ -5,6 +5,17 @@ description: Let your customers find answers in your documentation instantly.
 
 Ask Fern is Fern's AI Search feature that indexes your documentation and provides an interface for your end users to ask questions and get answers. It appears as a side panel on your documentation site.
 
+<Frame>
+  <video 
+    style={{ aspectRatio: '16 / 9', width: '100%' }}
+    autoPlay
+    muted
+    loop
+  >
+    <source src="ask-fern-sidebar.mp4" type="video/mp4" />
+  </video>
+</Frame>
+
 Ask Fern helps you:
 
 - **Reduce support burden** – Enable your users to quickly find answers in your documentation without contacting your support team.