change appearance of example tasks (#975)

skyvern-frontend/src/routes/tasks/data/sampleTaskData.ts

@@ -308,6 +308,61 @@ export const geico = {
   errorCodeMapping: null,
 };
 
+export const hackernews = {
+  url: "https://news.ycombinator.com",
+  navigationGoal:
+    "Navigate to the Hacker News homepage and identify the top post. COMPLETE when the title and URL of the top post are extracted. Ensure that the top post is the first post listed on the page.",
+  dataExtractionGoal:
+    "Extract the title and URL of the top post on the Hacker News homepage.",
+  navigationPayload: null,
+  extractedInformationSchema: null,
+  webhookCallbackUrl: null,
+  totpIdentifier: null,
+  totpVerificationUrl: null,
+  errorCodeMapping: null,
+};
+
+export const AAPLStockPrice = {
+  url: "https://www.google.com/finance",
+  navigationGoal:
+    "Navigate to the search bar on Google Finance, type 'AAPL', and press Enter. COMPLETE when the search results for AAPL are displayed and the stock price is extracted.",
+  dataExtractionGoal: "Extract the stock price for AAPL",
+  navigationPayload: null,
+  extractedInformationSchema: null,
+  webhookCallbackUrl: null,
+  totpIdentifier: null,
+  totpVerificationUrl: null,
+  errorCodeMapping: null,
+};
+
+export const NYTBestseller = {
+  url: "https://www.nytimes.com/books/best-sellers",
+  navigationGoal:
+    "Navigate to the NYT Bestsellers page and identify the top book listed. COMPLETE when the title and author of the top book are identified.",
+  dataExtractionGoal:
+    "Extract the title, author, and rating of the top NYT Bestseller from the page.",
+  navigationPayload: null,
+  extractedInformationSchema: null,
+  webhookCallbackUrl: null,
+  totpIdentifier: null,
+  totpVerificationUrl: null,
+  errorCodeMapping: null,
+};
+
+export const topRankedFootballTeam = {
+  url: "https://www.fifa.com/fifa-world-ranking/",
+  navigationGoal:
+    "Navigate to the FIFA World Ranking page and identify the top ranked football team. COMPLETE when the name of the top ranked football team is found and displayed.",
+  dataExtractionGoal:
+    "Extract the name of the top ranked football team from the FIFA World Ranking page.",
+  navigationPayload: null,
+  extractedInformationSchema: null,
+  webhookCallbackUrl: null,
+  totpIdentifier: null,
+  totpVerificationUrl: null,
+  errorCodeMapping: null,
+};
+
 export function getSample(sample: SampleCase) {
   switch (sample) {
     case "geico": {
@@ -338,6 +393,18 @@ export function getSample(sample: SampleCase) {
         },
       };
     }
+    case "hackernews": {
+      return hackernews;
+    }
+    case "AAPLStockPrice": {
+      return AAPLStockPrice;
+    }
+    case "NYTBestseller": {
+      return NYTBestseller;
+    }
+    case "topRankedFootballTeam": {
+      return topRankedFootballTeam;
+    }
     case "blank": {
       return blank;
     }