diff --git a/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css b/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css index 1032fc939..61130dcc0 100644 --- a/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css +++ b/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css @@ -4,7 +4,7 @@ grid-template-areas: "header" "sidebar" - "mainSection"; + "mainContent"; width: 100%; gap: var(--Spacing-x4); } @@ -13,8 +13,10 @@ grid-area: header; } -.mainSection { - grid-area: mainSection; +.mainContent { + grid-area: mainContent; + display: grid; + gap: var(--Spacing-x6); padding-bottom: var(--Spacing-x7); max-width: var(--max-width-page); width: 100%; @@ -47,7 +49,11 @@ .pageContainer { grid-template-areas: "header sidebar" - "mainSection sidebar"; + "mainContent sidebar"; grid-template-columns: 1fr var(--map-desktop-width); } + + .mainContent { + gap: var(--Spacing-x9); + } } diff --git a/components/ContentType/DestinationPage/DestinationCityPage/index.tsx b/components/ContentType/DestinationPage/DestinationCityPage/index.tsx index d2b51975d..7aa6fccac 100644 --- a/components/ContentType/DestinationPage/DestinationCityPage/index.tsx +++ b/components/ContentType/DestinationPage/DestinationCityPage/index.tsx @@ -2,6 +2,7 @@ import { Suspense } from "react" import { getDestinationCityPage } from "@/lib/trpc/memoizedRequests" +import Blocks from "@/components/Blocks" import Breadcrumbs from "@/components/Breadcrumbs" import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton" import Body from "@/components/TempDesignSystem/Text/Body" @@ -28,6 +29,7 @@ export default async function DestinationCityPage() { const { tracking, destinationCityPage, hotels } = pageData const { + blocks, images, heading, preamble, @@ -51,8 +53,10 @@ export default async function DestinationCityPage() { destinationName={destination_settings.city} /> -
+
+ + {blocks && }