feat(SW-219): add ability to always stack buttons

components/ContentType/HotelPage/index.tsx

@@ -67,11 +67,12 @@ export default async function HotelPage() {
         </div>
         <Rooms rooms={roomCategories} />
         <Facilities facilities={facilities} />
-
-        {/* Add ContentCard here */}
+        {/* NOTE: These are added here for testing. Remove before PR */}
+        {/* Example of ContentCard with Button CTA's */}
         <ContentCard
           title="Special Offer"
-          description="Enjoy a luxurious stay with our exclusive package."
+          description="Mattis sit duis pulvinar ultricies auctor euismod. Augue mattis mauris at est iaculis pulvinar pulvinar."
+          alwaysStack={true}
           primaryCTA={{
             label: "Book Now",
             href: "/booking",
@@ -81,19 +82,19 @@ export default async function HotelPage() {
             href: "/offers",
             openInNewTab: true,
           }}
-          style="featured"
           backgroundImage="https://www.scandichotels.com/imageVault/publishedmedia/sixadhu91jy67aal2pla/Scandic_Downtown_Camper_cocktail_lounge_bar_the_ne.jpg"
         />
 
         {/* Example of ContentCard with SidePeek */}
         <ContentCard
           title="Explore Facilities"
-          description="Discover all the amenities our hotel has to offer."
+          description="Mattis sit duis pulvinar ultricies auctor euismod. Augue mattis mauris at est iaculis pulvinar pulvinar."
           sidePeekCTA={{
             label: "View Facilities",
             onClick: true,
           }}
           style="default"
+          backgroundImage="https://www.scandichotels.com/imageVault/publishedmedia/sixadhu91jy67aal2pla/Scandic_Downtown_Camper_cocktail_lounge_bar_the_ne.jpg"
         />
       </main>
       {googleMapsApiKey ? (