samuelhorn

import { Heading } from "@/components/ui";
import { Content, isFilled } from "@prismicio/client";
import { BlogPostCard } from "@/components/blog";
import { createClient } from "@/prismicio";

const RelatedPosts = async ({ slice }) => {
  const client = createClient();

  // Return ids of related blog posts
  const blogIds: string[] = slice.items.map((item) => {

samuelhorn

<ul className="flex flex-col lg:items-center lg:flex-row lg:justify-center">
  {layout.data.slices1.map((item, index) => {
    if (item.variation === "default") {
      return (
        <MenuItem
          key={index}
          slice={item}
        />
      );
    } else {

samuelhorn

<div className="px-0 container lg:px-8 flex flex-col lg:flex-row">
  <div
    className="flex flex-col lg:w-[26.6666666667%] lg:py-12 gap-3 my-6 lg:my-0"
  >
    <SliceZone
      slices="{slice.primary.sub_menu.data.slices}"
      components="{components}"
    />
  </div>
  <ColumnSeparator />