refactor and add docs

client/src/app/Home.story.tsx

@@ -9,5 +9,13 @@ const meta: Meta<typeof HomeComponent> = {
 export default meta
 
 export const DefaultHomePage = () => {
-  return <HomeComponent membershipPricingData={[]} />
+  return (
+    <HomeComponent
+      membershipPricingData={[]}
+      lodgePricing={{
+        normal: 69,
+        moreExpensive: 420
+      }}
+    />
+  )
 }

client/src/app/HomeComponent.tsx

@@ -9,7 +9,7 @@ import BenefitSection from "./sections/BenefitSection"
 import LandingSection from "./sections/LandingSection"
 import PricingSection from "./sections/PricingSection"
 import { benefits } from "./sections/utils/Benefits"
-import { pricingBannerMessages } from "./sections/utils/Pricing"
+import { lodgeBookingPricingBannerMessages } from "./sections/utils/Pricing"
 
 export type HomeProps = {
   /**
@@ -51,11 +51,12 @@ const HomeComponent = ({
           note={content?.pricing?.discount}
           pricings={membershipPricingData}
           bannerContent={{
-            headline: pricingBannerMessages.headline,
-            priceInformation: pricingBannerMessages.priceInformation(
-              lodgePricing.normal
-            ),
-            disclaimer: pricingBannerMessages.priceInformation(
+            headline: lodgeBookingPricingBannerMessages.headline,
+            priceInformation:
+              lodgeBookingPricingBannerMessages.priceInformation(
+                lodgePricing.normal
+              ),
+            disclaimer: lodgeBookingPricingBannerMessages.priceInformation(
               lodgePricing.moreExpensive
             )
           }}

client/src/app/bookings/page.tsx

@@ -57,7 +57,7 @@ const BookingPage = async () => {
     <>
       <BookingInformationAndCreation
         enableNetworkRequests
-        lodgePrices={lodgePrices}
+        lodgePricing={lodgePrices}
         lodgeInfoProps={{
           children: <RenderedContent />,
           imageSrcs: processedImages

client/src/app/sections/utils/Pricing.ts

@@ -1,12 +1,9 @@
-import { Pricing } from "@/components/utils/types"
-
-export const pricingNote =
-  "*We have a discounted membership price on offer until Sunday 17th March so lock in now for a year of awesome memories!"
+import { MembershipPricing } from "@/components/utils/types"
 
 /**
  * An object containing messages for the pricing banner.
  */
-export const pricingBannerMessages = {
+export const lodgeBookingPricingBannerMessages = {
   /**
    * The headline message for the pricing banner.
    */
@@ -31,7 +28,7 @@ export const pricingBannerMessages = {
     `*$${moreExpensivePrice} when booking a single Friday or Saturday` as const
 } as const
 
-export const Pricings: Pricing[] = [
+export const MembershipPricings: MembershipPricing[] = [
   {
     title: "UoA Student",
     discountedPrice: "$45",

client/src/components/composite/Booking/BookingInformationAndCreation/BookingInformationAndCreation.tsx

@@ -36,7 +36,10 @@ interface IBookingInformationAndCreation {
    */
   enableNetworkRequests?: boolean
 
-  lodgePrices: LodgePricingProps
+  /**
+   * How much each the different types of bookings cost, based on {@link LodgePricingProps}
+   */
+  lodgePricing: LodgePricingProps
 }
 
 /**
@@ -47,7 +50,7 @@ const BookingInformationAndCreation = ({
   bookingCreationProps,
   lodgeInfoProps,
   enableNetworkRequests,
-  lodgePrices
+  lodgePricing
 }: IBookingInformationAndCreation) => {
   const params = useSearchParams()
 
@@ -70,12 +73,12 @@ const BookingInformationAndCreation = ({
       )
     case "booking-creation":
       if (enableNetworkRequests) {
-        return <ProtectedCreateBookingSection lodgePrices={lodgePrices} />
+        return <ProtectedCreateBookingSection lodgePrices={lodgePricing} />
       } else {
         return (
           <CreateBookingSection
             {...bookingCreationProps}
-            lodgePrices={lodgePrices}
+            lodgePrices={lodgePricing}
           />
         )
       }

client/src/components/utils/types.tsx

@@ -17,7 +17,7 @@ export type Benefit = {
 /**
  * For use with the pricing cards that have the `home` variant
  */
-export type Pricing = {
+export type MembershipPricing = {
   title: string
   originalPrice?: string
   discountedPrice: string