implement singapore airlines riyadh page

Author: dominicarrojado

app/topics/singapore-airlines-flights/riyadh/page.tsx

@@ -0,0 +1,86 @@
+import { Metadata } from "next";
+import React from "react";
+import { Container } from "@/components/ui/container";
+import Heading from "@/components/ui/heading";
+import Subheading from "@/components/ui/subheading";
+import Paragraph from "@/components/ui/paragraph";
+import { FlightPriceChart } from "@/components/flight-price-chart";
+import { FlightShareUrlAnchor } from "@/components/flight-share-url-anchor";
+import TelegramLinkButton from "@/components/telegram-link-button";
+import AdUnit from "@/components/ad-unit";
+import { META_OPEN_GRAPH, META_TWITTER } from "@/app/shared-metadata";
+import {
+  FlightAirline,
+  Routes,
+  TelegramChannel,
+  TopicTitle,
+} from "@/lib/enums";
+
+const title = "Singapore Airlines Flights to Riyadh";
+const description =
+  "Analyse Singapore Airlines fare trends from Singapore to Riyadh for the past 6 months, 1 year and 2 years.";
+const url = Routes.SingaporeAirlinesFlightsRiyadh;
+
+export const metadata: Metadata = {
+  title,
+  description,
+  alternates: {
+    canonical: url,
+  },
+  openGraph: {
+    ...META_OPEN_GRAPH,
+    title,
+    description,
+    url,
+  },
+  twitter: {
+    ...META_TWITTER,
+    title,
+    description,
+  },
+};
+
+export default function SingaporeAirlinesFlightsRiyadh() {
+  return (
+    <Container>
+      <div className="space-y-2">
+        <Heading>{title}</Heading>
+        <Subheading>{description}</Subheading>
+      </div>
+      <FlightPriceChart
+        airline={FlightAirline.SINGAPORE_AIRLINES}
+        destinationCityCode="RUH"
+        chartTitle="Riyadh Price Trend"
+      />
+      <Paragraph>
+        The above chart shows the fare trends for Singapore Airlines flights
+        from Singapore to Riyadh (RUH) for the past 6 months, 1 year and 2
+        years. You can use this information to decide when to{" "}
+        <FlightShareUrlAnchor
+          airline={FlightAirline.SINGAPORE_AIRLINES}
+          destinationCityCode="RUH"
+          linkText="book your flight"
+        />{" "}
+        for the best price.
+      </Paragraph>
+      <AdUnit />
+      <Paragraph>
+        <span className="font-medium">SG Alerts</span> is a free notification
+        service that monitors the Singapore Airlines flight fare deals from
+        Singapore to Riyadh. It sends you a Telegram notification when the
+        prices go down so that you can take advantage of the lower prices.
+      </Paragraph>
+      <Paragraph>
+        To get started, simply click the button below to join the Telegram
+        channel and start receiving notifications.
+      </Paragraph>
+      <div className="sticky bottom-6 z-50 mt-8 text-center">
+        <TelegramLinkButton
+          channel={TelegramChannel.SingaporeAirlinesFlights}
+          linkText="Subscribe Now"
+          topicTitle={TopicTitle.SingaporeAirlinesFlights}
+        />
+      </div>
+    </Container>
+  );
+}

lib/constants.ts

@@ -203,4 +203,5 @@ export const SINGAPORE_AIRLINES_DESTINATION_LINKS: Partial<
   CPT: Routes.SingaporeAirlinesFlightsCapeTown,
   NYC: Routes.SingaporeAirlinesFlightsNewYork,
   IAH: Routes.SingaporeAirlinesFlightsHouston,
+  RUH: Routes.SingaporeAirlinesFlightsRiyadh,
 };

lib/enums.ts

@@ -107,6 +107,7 @@ export enum Routes {
   SingaporeAirlinesFlightsCapeTown = "/topics/singapore-airlines-flights/cape-town/",
   SingaporeAirlinesFlightsNewYork = "/topics/singapore-airlines-flights/new-york/",
   SingaporeAirlinesFlightsHouston = "/topics/singapore-airlines-flights/houston/",
+  SingaporeAirlinesFlightsRiyadh = "/topics/singapore-airlines-flights/riyadh/",
   ScootFlights = "/topics/scoot-flights/",
   JetstarFlights = "/topics/jetstar-flights/",
   CebuPacificFlights = "/topics/cebu-pacific-flights/",