@gosalesdeal/blog 0.1.0 → 0.3.0

package/dist/components/landing/VarietyReviewslistComponent.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React, { useState } from "react";
+const resolveContainerMargin = (position) => {
+  switch (position) {
+    case "left":
+      return { marginLeft: 0, marginRight: "auto" };
+    case "right":
+      return { marginLeft: "auto", marginRight: 0 };
+    default:
+      return { marginLeft: "auto", marginRight: "auto" };
+  }
+};
+const StarRating = ({
+  rating,
+  total,
+  color,
+  size
+}) => /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 20 20",
+    fill: i < rating ? color : "#d1d5db",
+    style: { marginRight: "2px" },
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.286 3.967a1 1 0 00.95.69h4.174c.969 0 1.371 1.24.588 1.81l-3.377 2.454a1 1 0 00-.364 1.118l1.286 3.967c.3.921-.755 1.688-1.54 1.118L10 14.347l-3.377 2.454c-.784.57-1.838-.197-1.54-1.118l1.287-3.967a1 1 0 00-.364-1.118L2.629 9.394c-.783-.57-.38-1.81.588-1.81h4.174a1 1 0 00.95-.69l1.287-3.967z" })
+  },
+  i
+)) });
+const QARow = ({ item, props, isLast }) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+  /* @__PURE__ */ jsxs("div", { style: { paddingTop: props.qaRowPaddingY, paddingBottom: props.qaRowPaddingY }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", marginBottom: "6px" }, children: [
+      /* @__PURE__ */ jsxs("span", { style: {
+        color: props.qaLabelColor,
+        fontSize: props.qaLabelFontSize,
+        fontWeight: props.qaLabelFontWeight,
+        minWidth: "20px",
+        marginRight: "6px",
+        flexShrink: 0
+      }, children: [
+        props.qaLabelQ,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: {
+        color: props.qaQuestionColor,
+        fontSize: props.qaQuestionFontSize,
+        fontWeight: props.qaQuestionFontWeight || "700",
+        lineHeight: "1.5"
+      }, children: item.question })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsxs("span", { style: {
+        color: props.qaLabelColor,
+        fontSize: props.qaLabelFontSize,
+        fontWeight: props.qaLabelFontWeight,
+        minWidth: "20px",
+        marginRight: "6px",
+        flexShrink: 0
+      }, children: [
+        props.qaLabelA,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: {
+        color: props.qaAnswerColor,
+        fontSize: props.qaAnswerFontSize,
+        lineHeight: "1.5"
+      }, children: item.answer })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: {
+      color: props.qaAskedByColor,
+      fontSize: props.qaAskedByFontSize,
+      display: "flex",
+      alignItems: "center",
+      gap: "4px"
+    }, children: [
+      /* @__PURE__ */ jsx("span", { children: props.qaAskedByPrefix }),
+      /* @__PURE__ */ jsx("span", { style: { fontWeight: "600", color: props.qaAskedByColor }, children: item.author }),
+      /* @__PURE__ */ jsx("span", { children: props.qaMetaSeparator }),
+      /* @__PURE__ */ jsx("span", { children: item.date })
+    ] })
+  ] }),
+  !isLast && /* @__PURE__ */ jsx("div", { style: { height: props.dividerHeight, backgroundColor: props.dividerColor, width: "100%" } })
+] });
+const ReviewsListRender = ({ props }) => {
+  const [activeTab, setActiveTab] = useState(props.activeTabKey || "reviews");
+  const [currentPage, setCurrentPage] = useState(1);
+  const reviews = props.reviews || [];
+  const qaItems = props.qa || [];
+  const containerMargin = resolveContainerMargin(props.containerPosition || "center");
+  return /* @__PURE__ */ jsx("section", { className: props.sectionClassName, style: { backgroundColor: props.sectionBgColor }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: props.containerClassName,
+      style: { maxWidth: props.containerMaxWidth, ...containerMargin },
+      children: [
+        props.tabsEnabled && props.tabs?.length > 0 && /* @__PURE__ */ jsx("div", { className: props.tabsWrapperClassName, children: props.tabs.map((tab) => {
+          const isActive = activeTab === tab.key;
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              onClick: () => setActiveTab(tab.key),
+              className: isActive ? props.activeTabClassName : props.inactiveTabClassName,
+              style: {
+                color: isActive ? props.activeTabColor : props.inactiveTabColor,
+                fontSize: isActive ? props.activeTabFontSize : props.inactiveTabFontSize,
+                borderBottomColor: isActive ? props.activeTabBorderColor : "transparent",
+                borderBottomStyle: "solid",
+                borderBottomWidth: isActive ? "2px" : "0",
+                paddingBottom: "8px",
+                marginRight: "16px",
+                cursor: "pointer",
+                display: "inline-block",
+                userSelect: "none"
+              },
+              children: tab.label
+            },
+            tab.key
+          );
+        }) }),
+        activeTab === "reviews" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          reviews.map((review, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: props.reviewRowClassName,
+                style: { display: "flex", paddingTop: "16px", paddingBottom: "16px" },
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: props.leftColumnClassName, style: { width: props.leftColumnWidth, flexShrink: 0 }, children: /* @__PURE__ */ jsx("span", { className: props.reviewerNameClassName, style: { color: props.reviewerNameColor, fontSize: props.reviewerNameFontSize, display: "block" }, children: review.reviewer }) }),
+                  /* @__PURE__ */ jsxs("div", { className: props.middleColumnClassName, style: { flex: 1, paddingLeft: "12px", paddingRight: "12px" }, children: [
+                    /* @__PURE__ */ jsx("div", { className: props.starsWrapperClassName, style: { display: "flex", alignItems: "center", marginBottom: "4px" }, children: /* @__PURE__ */ jsx(StarRating, { rating: review.rating, total: props.starCount || 5, color: props.starColor, size: props.starSize }) }),
+                    /* @__PURE__ */ jsx("div", { className: props.reviewTitleClassName, style: { color: props.reviewTitleColor, fontSize: props.reviewTitleFontSize, fontWeight: "700", marginBottom: "4px" }, children: review.title }),
+                    /* @__PURE__ */ jsx("div", { className: props.reviewBodyClassName, style: { color: props.reviewBodyColor, fontSize: props.reviewBodyFontSize, lineHeight: "1.5" }, children: review.body })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: props.rightColumnClassName, style: { width: props.rightColumnWidth, flexShrink: 0, textAlign: "right" }, children: [
+                    /* @__PURE__ */ jsx("div", { className: props.dateClassName, style: { color: props.dateColor, fontSize: props.dateFontSize, marginBottom: "4px" }, children: review.date }),
+                    props.verifiedBadgeEnabled && review.verified && /* @__PURE__ */ jsx("div", { className: props.verifiedBadgeClassName, style: { color: props.verifiedBadgeColor, fontSize: props.verifiedBadgeFontSize }, children: props.verifiedBadgeText })
+                  ] })
+                ]
+              }
+            ),
+            index < reviews.length - 1 && /* @__PURE__ */ jsx("div", { style: { height: props.dividerHeight, backgroundColor: props.dividerColor, width: "100%" } })
+          ] }, index)),
+          props.paginationEnabled && props.totalPages > 1 && /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", gap: "6px", paddingTop: "16px", paddingBottom: "8px" }, children: Array.from({ length: props.totalPages }).map((_, i) => {
+            const page = i + 1;
+            const isActive = currentPage === page;
+            return /* @__PURE__ */ jsx("button", { onClick: () => setCurrentPage(page), style: {
+              width: props.paginationSize,
+              height: props.paginationSize,
+              borderRadius: props.paginationBorderRadius,
+              fontSize: props.paginationFontSize,
+              backgroundColor: isActive ? props.paginationActiveBgColor : props.paginationInactiveBgColor,
+              color: isActive ? props.paginationActiveColor : props.paginationInactiveColor,
+              border: "none",
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontWeight: isActive ? "700" : "500"
+            }, children: page }, page);
+          }) })
+        ] }),
+        activeTab === "qa" && /* @__PURE__ */ jsx(Fragment, { children: qaItems.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: "#9ca3af", fontSize: "0.9rem", padding: "24px 0" }, children: "No questions yet." }) : qaItems.map((item, index) => /* @__PURE__ */ jsx(QARow, { item, props, isLast: index === qaItems.length - 1 }, index)) })
+      ]
+    }
+  ) });
+};
+export {
+  ReviewsListRender
+};
+//# sourceMappingURL=VarietyReviewslistComponent.js.map

package/dist/components/landing/VarietyReviewslistComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarietyReviewslistComponent.js","sources":["../../../src/components/landing/VarietyReviewslistComponent.tsx"],"sourcesContent":["\"use client\"\nimport React, { useState } from \"react\";\n\n\n\n\nconst resolveContainerMargin = (position: string): React.CSSProperties => {\n    switch (position) {\n        case \"left\":  return { marginLeft: 0,     marginRight: \"auto\" };\n        case \"right\": return { marginLeft: \"auto\", marginRight: 0 };\n        default:      return { marginLeft: \"auto\", marginRight: \"auto\" }; // center\n    }\n};\n\n// ─── Star renderer ────────────────────────────────────────────────────────────\nconst StarRating: React.FC<{ rating: number; total: number; color: string; size: string }> = ({\n    rating, total, color, size,\n}) => (\n    <>\n        {Array.from({ length: total }).map((_, i) => (\n            <svg key={i} width={size} height={size} viewBox=\"0 0 20 20\"\n                fill={i < rating ? color : \"#d1d5db\"}\n                style={{ marginRight: \"2px\" }}\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.286 3.967a1 1 0 00.95.69h4.174c.969 0 1.371 1.24.588 1.81l-3.377 2.454a1 1 0 00-.364 1.118l1.286 3.967c.3.921-.755 1.688-1.54 1.118L10 14.347l-3.377 2.454c-.784.57-1.838-.197-1.54-1.118l1.287-3.967a1 1 0 00-.364-1.118L2.629 9.394c-.783-.57-.38-1.81.588-1.81h4.174a1 1 0 00.95-.69l1.287-3.967z\" />\n            </svg>\n        ))}\n    </>\n);\n\n// ─── Q&A row ─────────────────────────────────────────────────────────────────\nconst QARow: React.FC<{ item: any; props: any; isLast: boolean }> = ({ item, props, isLast }) => (\n    <React.Fragment>\n        <div style={{ paddingTop: props.qaRowPaddingY, paddingBottom: props.qaRowPaddingY }}>\n\n            {/* Q line */}\n            <div style={{ display: \"flex\", alignItems: \"flex-start\", marginBottom: \"6px\" }}>\n                <span style={{\n                    color:      props.qaLabelColor,\n                    fontSize:   props.qaLabelFontSize,\n                    fontWeight: props.qaLabelFontWeight,\n                    minWidth:   \"20px\",\n                    marginRight: \"6px\",\n                    flexShrink: 0,\n                }}>\n                    {props.qaLabelQ}:\n                </span>\n                <span style={{\n                    color:      props.qaQuestionColor,\n                    fontSize:   props.qaQuestionFontSize,\n                    fontWeight: props.qaQuestionFontWeight || \"700\",\n                    lineHeight: \"1.5\",\n                }}>\n                    {item.question}\n                </span>\n            </div>\n\n            {/* A line */}\n            <div style={{ display: \"flex\", alignItems: \"flex-start\", marginBottom: \"8px\" }}>\n                <span style={{\n                    color:      props.qaLabelColor,\n                    fontSize:   props.qaLabelFontSize,\n                    fontWeight: props.qaLabelFontWeight,\n                    minWidth:   \"20px\",\n                    marginRight: \"6px\",\n                    flexShrink: 0,\n                }}>\n                    {props.qaLabelA}:\n                </span>\n                <span style={{\n                    color:    props.qaAnswerColor,\n                    fontSize: props.qaAnswerFontSize,\n                    lineHeight: \"1.5\",\n                }}>\n                    {item.answer}\n                </span>\n            </div>\n\n            {/* Meta — \"Asked by Ahmed • 12/08/25\" */}\n            <div style={{\n                color:    props.qaAskedByColor,\n                fontSize: props.qaAskedByFontSize,\n                display:  \"flex\",\n                alignItems: \"center\",\n                gap: \"4px\",\n            }}>\n                <span>{props.qaAskedByPrefix}</span>\n                <span style={{ fontWeight: \"600\", color: props.qaAskedByColor }}>{item.author}</span>\n                <span>{props.qaMetaSeparator}</span>\n                <span>{item.date}</span>\n            </div>\n        </div>\n\n        {/* Divider */}\n        {!isLast && (\n            <div style={{ height: props.dividerHeight, backgroundColor: props.dividerColor, width: \"100%\" }} />\n        )}\n    </React.Fragment>\n);\n\n// ─── Main render ──────────────────────────────────────────────────────────────\nexport const ReviewsListRender: React.FC<{ props: Record<string, any> }> = ({ props }) => {\n\n    const [activeTab, setActiveTab] = useState<string>(props.activeTabKey || \"reviews\");\n    const [currentPage, setCurrentPage] = useState<number>(1);\n\n    const reviews: any[] = props.reviews || [];\n    const qaItems: any[] = props.qa || [];\n\n    const containerMargin = resolveContainerMargin(props.containerPosition || \"center\");\n\n    return (\n        <section className={props.sectionClassName} style={{ backgroundColor: props.sectionBgColor }}>\n            <div\n                className={props.containerClassName}\n                style={{ maxWidth: props.containerMaxWidth, ...containerMargin }}\n            >\n                {/* ── Tabs ── */}\n                {props.tabsEnabled && props.tabs?.length > 0 && (\n                    <div className={props.tabsWrapperClassName}>\n                        {props.tabs.map((tab: { label: string; key: string }) => {\n                            const isActive = activeTab === tab.key;\n                            return (\n                                <span\n                                    key={tab.key}\n                                    onClick={() => setActiveTab(tab.key)}\n                                    className={isActive ? props.activeTabClassName : props.inactiveTabClassName}\n                                    style={{\n                                        color:             isActive ? props.activeTabColor      : props.inactiveTabColor,\n                                        fontSize:          isActive ? props.activeTabFontSize   : props.inactiveTabFontSize,\n                                        borderBottomColor: isActive ? props.activeTabBorderColor : \"transparent\",\n                                        borderBottomStyle: \"solid\",\n                                        borderBottomWidth: isActive ? \"2px\" : \"0\",\n                                        paddingBottom:     \"8px\",\n                                        marginRight:       \"16px\",\n                                        cursor:            \"pointer\",\n                                        display:           \"inline-block\",\n                                        userSelect:        \"none\",\n                                    }}\n                                >\n                                    {tab.label}\n                                </span>\n                            );\n                        })}\n                    </div>\n                )}\n\n                {/* ── Reviews tab ── */}\n                {activeTab === \"reviews\" && (\n                    <>\n                        {reviews.map((review: any, index: number) => (\n                            <React.Fragment key={index}>\n                                <div\n                                    className={props.reviewRowClassName}\n                                    style={{ display: \"flex\", paddingTop: \"16px\", paddingBottom: \"16px\" }}\n                                >\n                                    {/* Left — Reviewer name */}\n                                    <div className={props.leftColumnClassName} style={{ width: props.leftColumnWidth, flexShrink: 0 }}>\n                                        <span className={props.reviewerNameClassName} style={{ color: props.reviewerNameColor, fontSize: props.reviewerNameFontSize, display: \"block\" }}>\n                                            {review.reviewer}\n                                        </span>\n                                    </div>\n\n                                    {/* Middle — Stars, title, body */}\n                                    <div className={props.middleColumnClassName} style={{ flex: 1, paddingLeft: \"12px\", paddingRight: \"12px\" }}>\n                                        <div className={props.starsWrapperClassName} style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"4px\" }}>\n                                            <StarRating rating={review.rating} total={props.starCount || 5} color={props.starColor} size={props.starSize} />\n                                        </div>\n                                        <div className={props.reviewTitleClassName} style={{ color: props.reviewTitleColor, fontSize: props.reviewTitleFontSize, fontWeight: \"700\", marginBottom: \"4px\" }}>\n                                            {review.title}\n                                        </div>\n                                        <div className={props.reviewBodyClassName} style={{ color: props.reviewBodyColor, fontSize: props.reviewBodyFontSize, lineHeight: \"1.5\" }}>\n                                            {review.body}\n                                        </div>\n                                    </div>\n\n                                    {/* Right — Date + Verified */}\n                                    <div className={props.rightColumnClassName} style={{ width: props.rightColumnWidth, flexShrink: 0, textAlign: \"right\" }}>\n                                        <div className={props.dateClassName} style={{ color: props.dateColor, fontSize: props.dateFontSize, marginBottom: \"4px\" }}>\n                                            {review.date}\n                                        </div>\n                                        {props.verifiedBadgeEnabled && review.verified && (\n                                            <div className={props.verifiedBadgeClassName} style={{ color: props.verifiedBadgeColor, fontSize: props.verifiedBadgeFontSize }}>\n                                                {props.verifiedBadgeText}\n                                            </div>\n                                        )}\n                                    </div>\n                                </div>\n\n                                {index < reviews.length - 1 && (\n                                    <div style={{ height: props.dividerHeight, backgroundColor: props.dividerColor, width: \"100%\" }} />\n                                )}\n                            </React.Fragment>\n                        ))}\n\n                        {/* Pagination */}\n                        {props.paginationEnabled && props.totalPages > 1 && (\n                            <div style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\", gap: \"6px\", paddingTop: \"16px\", paddingBottom: \"8px\" }}>\n                                {Array.from({ length: props.totalPages }).map((_, i) => {\n                                    const page = i + 1;\n                                    const isActive = currentPage === page;\n                                    return (\n                                        <button key={page} onClick={() => setCurrentPage(page)} style={{\n                                            width:           props.paginationSize,\n                                            height:          props.paginationSize,\n                                            borderRadius:    props.paginationBorderRadius,\n                                            fontSize:        props.paginationFontSize,\n                                            backgroundColor: isActive ? props.paginationActiveBgColor   : props.paginationInactiveBgColor,\n                                            color:           isActive ? props.paginationActiveColor     : props.paginationInactiveColor,\n                                            border:          \"none\",\n                                            cursor:          \"pointer\",\n                                            display:         \"flex\",\n                                            alignItems:      \"center\",\n                                            justifyContent:  \"center\",\n                                            fontWeight:      isActive ? \"700\" : \"500\",\n                                        }}>\n                                            {page}\n                                        </button>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {/* ── Q&A tab ── */}\n                {activeTab === \"qa\" && (\n                    <>\n                        {qaItems.length === 0 ? (\n                            <div style={{ color: \"#9ca3af\", fontSize: \"0.9rem\", padding: \"24px 0\" }}>\n                                No questions yet.\n                            </div>\n                        ) : (\n                            qaItems.map((item: any, index: number) => (\n                                <QARow key={index} item={item} props={props} isLast={index === qaItems.length - 1} />\n                            ))\n                        )}\n                    </>\n                )}\n            </div>\n        </section>\n    );\n};"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,9 +1,22 @@
 export { BlogPost, type BlogPostProps } from './components/BlogPost';
+export { BlogPostHeader, type BlogPostHeaderProps } from './components/BlogPostHeader';
 export { BlogList, type BlogListProps } from './components/BlogList';
 export { JsonLd } from './components/JsonLd';
+export { default as HeroFeatureBanner } from './components/landing/HeroFeatureBanner';
+export type { HeroFeatureBannerProps, HeroBullet } from './components/landing/HeroFeatureBanner';
+export { HeroFeatureBannerComponent } from './components/landing/HeroFeatureBannerComponent';
+export { default as HeroFeatureBannerVideo } from './components/landing/HeroFeatureBannerVideo';
+export type { HeroFeatureBannerVideoProps } from './components/landing/HeroFeatureBannerVideo';
+export { HeroFeatureBannerVideoComponent } from './components/landing/HeroFeatureBannerVideoComponent';
+export { ReviewsListRender } from './components/landing/VarietyReviewslistComponent';
+export { BlogTwoColumnComponent, BlogThreeColumnComponent, BlogContainerComponent, } from './components/landing/BlogLayoutComponents';
+export { FlexibleLayoutComponent } from './components/landing/FlexibleLayoutComponent';
 export { BlockRenderer, renderBlocks, type BlockRendererProps } from './render/BlockRenderer';
+export { LandingPageRenderer } from './render/LandingPageRenderer';
 export { configureBlog, getDefaultConfig, resolveConfig, type BlogConfig } from './config';
 export { createBlogClient, getPostBySlug, getPosts, getPostsByCategory, getPublishedSlugs, getCategories, incrementView, type BlogClient, type GetPostsParams, } from './client/blogClient';
 export { generateBlogPostMetadata, generateBlogListMetadata, generateBlogPostJsonLd, generateBlogBreadcrumbJsonLd, type BlogMetadata, type SeoOptions, } from './seo';
 export { formatDate } from './lib/format';
+export { resolveMediaSrc } from './lib/resolveMediaSrc';
+export { postHasLandingPageBody } from './lib/postUtils';
 export type * from './types/blog';

package/dist/index.js

@@ -1,16 +1,38 @@
 import { BlogPost } from "./components/BlogPost.js";
+import { BlogPostHeader } from "./components/BlogPostHeader.js";
 import { BlogList } from "./components/BlogList.js";
 import { JsonLd } from "./components/JsonLd.js";
+import { default as default2 } from "./components/landing/HeroFeatureBanner.js";
+import { HeroFeatureBannerComponent } from "./components/landing/HeroFeatureBannerComponent.js";
+import { default as default3 } from "./components/landing/HeroFeatureBannerVideo.js";
+import { HeroFeatureBannerVideoComponent } from "./components/landing/HeroFeatureBannerVideoComponent.js";
+import { ReviewsListRender } from "./components/landing/VarietyReviewslistComponent.js";
+import { BlogContainerComponent, BlogThreeColumnComponent, BlogTwoColumnComponent } from "./components/landing/BlogLayoutComponents.js";
+import { FlexibleLayoutComponent } from "./components/landing/FlexibleLayoutComponent.js";
 import { BlockRenderer, renderBlocks } from "./render/BlockRenderer.js";
+import { LandingPageRenderer } from "./render/LandingPageRenderer.js";
 import { configureBlog, getDefaultConfig, resolveConfig } from "./config.js";
 import { createBlogClient, getCategories, getPostBySlug, getPosts, getPostsByCategory, getPublishedSlugs, incrementView } from "./client/blogClient.js";
 import { generateBlogBreadcrumbJsonLd, generateBlogListMetadata, generateBlogPostJsonLd, generateBlogPostMetadata } from "./seo/index.js";
 import { formatDate } from "./lib/format.js";
+import { resolveMediaSrc } from "./lib/resolveMediaSrc.js";
+import { postHasLandingPageBody } from "./lib/postUtils.js";
 export {
   BlockRenderer,
+  BlogContainerComponent,
   BlogList,
   BlogPost,
+  BlogPostHeader,
+  BlogThreeColumnComponent,
+  BlogTwoColumnComponent,
+  FlexibleLayoutComponent,
+  default2 as HeroFeatureBanner,
+  HeroFeatureBannerComponent,
+  default3 as HeroFeatureBannerVideo,
+  HeroFeatureBannerVideoComponent,
   JsonLd,
+  LandingPageRenderer,
+  ReviewsListRender,
   configureBlog,
   createBlogClient,
   formatDate,
@@ -25,7 +47,9 @@ export {
   getPostsByCategory,
   getPublishedSlugs,
   incrementView,
+  postHasLandingPageBody,
   renderBlocks,
-  resolveConfig
+  resolveConfig,
+  resolveMediaSrc
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/lib/postUtils.d.ts

@@ -0,0 +1,3 @@
+import { BlogPost } from '../types/blog';
+/** True when the post body is rendered from the page-builder landing schema. */
+export declare function postHasLandingPageBody(post: Pick<BlogPost, 'content_blocks' | 'landing_page_html'>): boolean;

package/dist/lib/postUtils.js

@@ -0,0 +1,8 @@
+function postHasLandingPageBody(post) {
+  const blocks = post.content_blocks ?? [];
+  return blocks.length === 0 && Boolean(post.landing_page_html);
+}
+export {
+  postHasLandingPageBody
+};
+//# sourceMappingURL=postUtils.js.map

package/dist/lib/postUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postUtils.js","sources":["../../src/lib/postUtils.ts"],"sourcesContent":["import type { BlogPost } from '../types/blog';\n\n/** True when the post body is rendered from the page-builder landing schema. */\nexport function postHasLandingPageBody(\n  post: Pick<BlogPost, 'content_blocks' | 'landing_page_html'>,\n): boolean {\n  const blocks = post.content_blocks ?? [];\n  return blocks.length === 0 && Boolean(post.landing_page_html);\n}\n"],"names":[],"mappings":"AAGO,SAAS,uBACd,MACS;AACT,QAAM,SAAS,KAAK,kBAAkB,CAAA;AACtC,SAAO,OAAO,WAAW,KAAK,QAAQ,KAAK,iBAAiB;AAC9D;"}

package/dist/lib/resolveMediaSrc.d.ts

@@ -0,0 +1,2 @@
+/** Resolve a media URL from a string field and/or its companion *New upload object. */
+export declare function resolveMediaSrc(primary?: unknown, secondary?: unknown): string | undefined;

package/dist/lib/resolveMediaSrc.js

@@ -0,0 +1,21 @@
+function urlFromValue(value) {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed || void 0;
+  }
+  if (value && typeof value === "object" && "url" in value) {
+    const url = value?.url;
+    if (typeof url === "string") {
+      const trimmed = url.trim();
+      return trimmed || void 0;
+    }
+  }
+  return void 0;
+}
+function resolveMediaSrc(primary, secondary) {
+  return urlFromValue(primary) ?? urlFromValue(secondary);
+}
+export {
+  resolveMediaSrc
+};
+//# sourceMappingURL=resolveMediaSrc.js.map

package/dist/lib/resolveMediaSrc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveMediaSrc.js","sources":["../../src/lib/resolveMediaSrc.ts"],"sourcesContent":["type MediaLike = { url?: unknown } | null | undefined;\n\nfunction urlFromValue(value: unknown): string | undefined {\n  if (typeof value === 'string') {\n    const trimmed = value.trim();\n    return trimmed || undefined;\n  }\n\n  if (value && typeof value === 'object' && 'url' in value) {\n    const url = (value as MediaLike)?.url;\n    if (typeof url === 'string') {\n      const trimmed = url.trim();\n      return trimmed || undefined;\n    }\n  }\n\n  return undefined;\n}\n\n/** Resolve a media URL from a string field and/or its companion *New upload object. */\nexport function resolveMediaSrc(primary?: unknown, secondary?: unknown): string | undefined {\n  return urlFromValue(primary) ?? urlFromValue(secondary);\n}\n"],"names":[],"mappings":"AAEA,SAAS,aAAa,OAAoC;AACxD,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,UAAU,MAAM,KAAA;AACtB,WAAO,WAAW;AAAA,EACpB;AAEA,MAAI,SAAS,OAAO,UAAU,YAAY,SAAS,OAAO;AACxD,UAAM,MAAO,OAAqB;AAClC,QAAI,OAAO,QAAQ,UAAU;AAC3B,YAAM,UAAU,IAAI,KAAA;AACpB,aAAO,WAAW;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,gBAAgB,SAAmB,WAAyC;AAC1F,SAAO,aAAa,OAAO,KAAK,aAAa,SAAS;AACxD;"}

package/dist/render/BlockRenderer.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { animationClass, blockSettingsToStyle } from "./blockStyle.js";
+import { RichText } from "./RichText.js";
 import TextBlock from "./blocks/TextBlock.js";
 import HeadingBlock from "./blocks/HeadingBlock.js";
 import ImageBlock from "./blocks/ImageBlock.js";
@@ -41,6 +42,10 @@ function renderBlockContent(block) {
       return /* @__PURE__ */ jsx(ButtonBlock, { content: block.content });
     case "embed":
       return /* @__PURE__ */ jsx(EmbedBlock, { content: block.content });
+    case "html": {
+      const { html } = block.content ?? {};
+      return html ? /* @__PURE__ */ jsx(RichText, { className: "ggblog-html", html }) : null;
+    }
     case "gallery":
       return /* @__PURE__ */ jsx(GalleryBlock, { content: block.content });
     case "table":

package/dist/render/BlockRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockRenderer.js","sources":["../../src/render/BlockRenderer.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type {\n  ContentBlock,\n  TextBlockContent,\n  HeadingBlockContent,\n  ImageBlockContent,\n  VideoBlockContent,\n  QuoteBlockContent,\n  CodeBlockContent,\n  ListBlockContent,\n  ButtonBlockContent,\n  EmbedBlockContent,\n  GalleryBlockContent,\n  TableBlockContent,\n  AccordionBlockContent,\n  TabsBlockContent,\n  AlertBlockContent,\n  ColumnsBlockContent,\n  SpacerBlockContent,\n  DividerBlockContent,\n} from '../types/blog';\nimport { blockSettingsToStyle, animationClass } from './blockStyle';\nimport TextBlock from './blocks/TextBlock';\nimport HeadingBlock from './blocks/HeadingBlock';\nimport ImageBlock from './blocks/ImageBlock';\nimport VideoBlock from './blocks/VideoBlock';\nimport DividerBlock from './blocks/DividerBlock';\nimport SpacerBlock from './blocks/SpacerBlock';\nimport QuoteBlock from './blocks/QuoteBlock';\nimport CodeBlock from './blocks/CodeBlock';\nimport ListBlock from './blocks/ListBlock';\nimport ButtonBlock from './blocks/ButtonBlock';\nimport EmbedBlock from './blocks/EmbedBlock';\nimport GalleryBlock from './blocks/GalleryBlock';\nimport TableBlock from './blocks/TableBlock';\nimport AlertBlock from './blocks/AlertBlock';\nimport ColumnsBlock from './blocks/ColumnsBlock';\nimport AccordionBlock from './blocks/AccordionBlock';\nimport TabsBlock from './blocks/TabsBlock';\n\n/** Maps a single block to its read-only renderer. */\nfunction renderBlockContent(block: ContentBlock): ReactNode {\n  switch (block.type) {\n    case 'text':\n      return <TextBlock content={block.content as TextBlockContent} />;\n    case 'heading':\n      return <HeadingBlock content={block.content as HeadingBlockContent} />;\n    case 'image':\n      return <ImageBlock content={block.content as ImageBlockContent} />;\n    case 'video':\n      return <VideoBlock content={block.content as VideoBlockContent} />;\n    case 'divider':\n      return <DividerBlock content={block.content as DividerBlockContent} />;\n    case 'spacer':\n      return <SpacerBlock content={block.content as SpacerBlockContent} />;\n    case 'quote':\n      return <QuoteBlock content={block.content as QuoteBlockContent} />;\n    case 'code':\n      return <CodeBlock content={block.content as CodeBlockContent} />;\n    case 'list':\n      return <ListBlock content={block.content as ListBlockContent} />;\n    case 'button':\n      return <ButtonBlock content={block.content as ButtonBlockContent} />;\n    case 'embed':\n      return <EmbedBlock content={block.content as EmbedBlockContent} />;\n    case 'gallery':\n      return <GalleryBlock content={block.content as GalleryBlockContent} />;\n    case 'table':\n      return <TableBlock content={block.content as TableBlockContent} />;\n    case 'alert':\n      return <AlertBlock content={block.content as AlertBlockContent} />;\n    case 'accordion':\n      return <AccordionBlock content={block.content as AccordionBlockContent} />;\n    case 'tabs':\n      return <TabsBlock content={block.content as TabsBlockContent} />;\n    case 'columns':\n      return <ColumnsBlock content={block.content as ColumnsBlockContent} />;\n    default:\n      return null;\n  }\n}\n\nexport interface BlockRendererProps {\n  block: ContentBlock;\n}\n\n/** Renders one content block wrapped with its layout settings. */\nexport function BlockRenderer({ block }: BlockRendererProps) {\n  const className = `ggblog-block ggblog-block-${block.type} ${animationClass(block.settings)}`.trim();\n  return (\n    <div\n      className={className}\n      style={blockSettingsToStyle(block.settings)}\n      data-block-type={block.type}\n      data-block-id={block.id}\n    >\n      {renderBlockContent(block)}\n    </div>\n  );\n}\n\n/** Renders an ordered list of content blocks (used by posts and columns). */\nexport function renderBlocks(blocks: ContentBlock[]): ReactNode {\n  return blocks.map((block) => <BlockRenderer key={block.id} block={block} />);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAyCA,SAAS,mBAAmB,OAAgC;AAC1D,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,SAAS,MAAM,QAAA,CAA+B;AAAA,IACpE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,SAAS,MAAM,QAAA,CAA+B;AAAA,IACpE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,gBAAA,EAAe,SAAS,MAAM,QAAA,CAAkC;AAAA,IAC1E,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE;AACE,aAAO;AAAA,EAAA;AAEb;AAOO,SAAS,cAAc,EAAE,SAA6B;AAC3D,QAAM,YAAY,6BAA6B,MAAM,IAAI,IAAI,eAAe,MAAM,QAAQ,CAAC,GAAG,KAAA;AAC9F,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO,qBAAqB,MAAM,QAAQ;AAAA,MAC1C,mBAAiB,MAAM;AAAA,MACvB,iBAAe,MAAM;AAAA,MAEpB,6BAAmB,KAAK;AAAA,IAAA;AAAA,EAAA;AAG/B;AAGO,SAAS,aAAa,QAAmC;AAC9D,SAAO,OAAO,IAAI,CAAC,8BAAW,eAAA,EAA6B,MAAA,GAAV,MAAM,EAAkB,CAAE;AAC7E;"}
+{"version":3,"file":"BlockRenderer.js","sources":["../../src/render/BlockRenderer.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type {\n  ContentBlock,\n  TextBlockContent,\n  HeadingBlockContent,\n  ImageBlockContent,\n  VideoBlockContent,\n  QuoteBlockContent,\n  CodeBlockContent,\n  ListBlockContent,\n  ButtonBlockContent,\n  EmbedBlockContent,\n  HtmlBlockContent,\n  GalleryBlockContent,\n  TableBlockContent,\n  AccordionBlockContent,\n  TabsBlockContent,\n  AlertBlockContent,\n  ColumnsBlockContent,\n  SpacerBlockContent,\n  DividerBlockContent,\n} from '../types/blog';\nimport { blockSettingsToStyle, animationClass } from './blockStyle';\nimport { RichText } from './RichText';\nimport TextBlock from './blocks/TextBlock';\nimport HeadingBlock from './blocks/HeadingBlock';\nimport ImageBlock from './blocks/ImageBlock';\nimport VideoBlock from './blocks/VideoBlock';\nimport DividerBlock from './blocks/DividerBlock';\nimport SpacerBlock from './blocks/SpacerBlock';\nimport QuoteBlock from './blocks/QuoteBlock';\nimport CodeBlock from './blocks/CodeBlock';\nimport ListBlock from './blocks/ListBlock';\nimport ButtonBlock from './blocks/ButtonBlock';\nimport EmbedBlock from './blocks/EmbedBlock';\nimport GalleryBlock from './blocks/GalleryBlock';\nimport TableBlock from './blocks/TableBlock';\nimport AlertBlock from './blocks/AlertBlock';\nimport ColumnsBlock from './blocks/ColumnsBlock';\nimport AccordionBlock from './blocks/AccordionBlock';\nimport TabsBlock from './blocks/TabsBlock';\n\n/** Maps a single block to its read-only renderer. */\nfunction renderBlockContent(block: ContentBlock): ReactNode {\n  switch (block.type) {\n    case 'text':\n      return <TextBlock content={block.content as TextBlockContent} />;\n    case 'heading':\n      return <HeadingBlock content={block.content as HeadingBlockContent} />;\n    case 'image':\n      return <ImageBlock content={block.content as ImageBlockContent} />;\n    case 'video':\n      return <VideoBlock content={block.content as VideoBlockContent} />;\n    case 'divider':\n      return <DividerBlock content={block.content as DividerBlockContent} />;\n    case 'spacer':\n      return <SpacerBlock content={block.content as SpacerBlockContent} />;\n    case 'quote':\n      return <QuoteBlock content={block.content as QuoteBlockContent} />;\n    case 'code':\n      return <CodeBlock content={block.content as CodeBlockContent} />;\n    case 'list':\n      return <ListBlock content={block.content as ListBlockContent} />;\n    case 'button':\n      return <ButtonBlock content={block.content as ButtonBlockContent} />;\n    case 'embed':\n      return <EmbedBlock content={block.content as EmbedBlockContent} />;\n    case 'html': {\n      const { html } = (block.content ?? {}) as HtmlBlockContent;\n      return html ? <RichText className=\"ggblog-html\" html={html} /> : null;\n    }\n    case 'gallery':\n      return <GalleryBlock content={block.content as GalleryBlockContent} />;\n    case 'table':\n      return <TableBlock content={block.content as TableBlockContent} />;\n    case 'alert':\n      return <AlertBlock content={block.content as AlertBlockContent} />;\n    case 'accordion':\n      return <AccordionBlock content={block.content as AccordionBlockContent} />;\n    case 'tabs':\n      return <TabsBlock content={block.content as TabsBlockContent} />;\n    case 'columns':\n      return <ColumnsBlock content={block.content as ColumnsBlockContent} />;\n    default:\n      return null;\n  }\n}\n\nexport interface BlockRendererProps {\n  block: ContentBlock;\n}\n\n/** Renders one content block wrapped with its layout settings. */\nexport function BlockRenderer({ block }: BlockRendererProps) {\n  const className = `ggblog-block ggblog-block-${block.type} ${animationClass(block.settings)}`.trim();\n  return (\n    <div\n      className={className}\n      style={blockSettingsToStyle(block.settings)}\n      data-block-type={block.type}\n      data-block-id={block.id}\n    >\n      {renderBlockContent(block)}\n    </div>\n  );\n}\n\n/** Renders an ordered list of content blocks (used by posts and columns). */\nexport function renderBlocks(blocks: ContentBlock[]): ReactNode {\n  return blocks.map((block) => <BlockRenderer key={block.id} block={block} />);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CA,SAAS,mBAAmB,OAAgC;AAC1D,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,SAAS,MAAM,QAAA,CAA+B;AAAA,IACpE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,aAAA,EAAY,SAAS,MAAM,QAAA,CAA+B;AAAA,IACpE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK,QAAQ;AACX,YAAM,EAAE,KAAA,IAAU,MAAM,WAAW,CAAA;AACnC,aAAO,OAAO,oBAAC,UAAA,EAAS,WAAU,eAAc,MAAY,IAAK;AAAA,IACnE;AAAA,IACA,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,YAAA,EAAW,SAAS,MAAM,QAAA,CAA8B;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,gBAAA,EAAe,SAAS,MAAM,QAAA,CAAkC;AAAA,IAC1E,KAAK;AACH,aAAO,oBAAC,WAAA,EAAU,SAAS,MAAM,QAAA,CAA6B;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,cAAA,EAAa,SAAS,MAAM,QAAA,CAAgC;AAAA,IACtE;AACE,aAAO;AAAA,EAAA;AAEb;AAOO,SAAS,cAAc,EAAE,SAA6B;AAC3D,QAAM,YAAY,6BAA6B,MAAM,IAAI,IAAI,eAAe,MAAM,QAAQ,CAAC,GAAG,KAAA;AAC9F,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO,qBAAqB,MAAM,QAAQ;AAAA,MAC1C,mBAAiB,MAAM;AAAA,MACvB,iBAAe,MAAM;AAAA,MAEpB,6BAAmB,KAAK;AAAA,IAAA;AAAA,EAAA;AAG/B;AAGO,SAAS,aAAa,QAAmC;AAC9D,SAAO,OAAO,IAAI,CAAC,8BAAW,eAAA,EAA6B,MAAA,GAAV,MAAM,EAAkB,CAAE;AAC7E;"}

package/dist/render/LandingPageRenderer.d.ts

@@ -0,0 +1,5 @@
+import { LandingPageSchema } from './landingPageHtml';
+/** Render page-builder schema as React (with HTML fallback per component). */
+export declare function LandingPageRenderer({ schema }: {
+    schema: LandingPageSchema;
+}): import("react").JSX.Element | null;

package/dist/render/LandingPageRenderer.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { HeroFeatureBannerComponent } from "../components/landing/HeroFeatureBannerComponent.js";
+import { HeroFeatureBannerVideoComponent } from "../components/landing/HeroFeatureBannerVideoComponent.js";
+import { ReviewsListRender } from "../components/landing/VarietyReviewslistComponent.js";
+import { BlogContainerComponent, BlogThreeColumnComponent, BlogTwoColumnComponent } from "../components/landing/BlogLayoutComponents.js";
+import { FlexibleLayoutComponent } from "../components/landing/FlexibleLayoutComponent.js";
+import { RichText } from "./RichText.js";
+import { generateHtmlFromSchema } from "./landingPageHtml.js";
+function renderComponent(component) {
+  const { type, props = {} } = component;
+  if (!type) return null;
+  switch (type) {
+    case "hero_feature_banner":
+      return /* @__PURE__ */ jsx(HeroFeatureBannerComponent, { props }, component.id ?? type);
+    case "hero_feature_banner_video":
+      return /* @__PURE__ */ jsx(HeroFeatureBannerVideoComponent, { props }, component.id ?? type);
+    case "variety_reviews_lits":
+      return /* @__PURE__ */ jsx(ReviewsListRender, { props }, component.id ?? type);
+    case "blog_two_column":
+      return /* @__PURE__ */ jsx(BlogTwoColumnComponent, { props }, component.id ?? type);
+    case "blog_three_column":
+      return /* @__PURE__ */ jsx(BlogThreeColumnComponent, { props }, component.id ?? type);
+    case "blog_container":
+      return /* @__PURE__ */ jsx(BlogContainerComponent, { props }, component.id ?? type);
+    case "flexible_layout":
+      return /* @__PURE__ */ jsx(
+        FlexibleLayoutComponent,
+        {
+          props
+        },
+        component.id ?? type
+      );
+    default: {
+      const { html } = generateHtmlFromSchema({ components: [component] });
+      if (!html) return null;
+      return /* @__PURE__ */ jsx(RichText, { html }, component.id ?? type);
+    }
+  }
+}
+function LandingPageRenderer({ schema }) {
+  if (!schema.components?.length) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "ggblog-landing-page", children: [
+    schema.settings?.customCss ? /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: schema.settings.customCss } }) : null,
+    /* @__PURE__ */ jsx("div", { className: "ggblog-landing-page-content", children: schema.components.map((component, index) => /* @__PURE__ */ jsx("div", { children: renderComponent(component) }, component.id ?? `${component.type}-${index}`)) })
+  ] });
+}
+export {
+  LandingPageRenderer
+};
+//# sourceMappingURL=LandingPageRenderer.js.map

package/dist/render/LandingPageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPageRenderer.js","sources":["../../src/render/LandingPageRenderer.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { HeroFeatureBannerComponent } from '../components/landing/HeroFeatureBannerComponent';\nimport { HeroFeatureBannerVideoComponent } from '../components/landing/HeroFeatureBannerVideoComponent';\nimport { ReviewsListRender } from '../components/landing/VarietyReviewslistComponent';\nimport {\n  BlogTwoColumnComponent,\n  BlogThreeColumnComponent,\n  BlogContainerComponent,\n} from '../components/landing/BlogLayoutComponents';\nimport { FlexibleLayoutComponent } from '../components/landing/FlexibleLayoutComponent';\nimport { RichText } from './RichText';\nimport { generateHtmlFromSchema, type LandingPageSchema } from './landingPageHtml';\n\nfunction renderComponent(component: {\n  id?: string;\n  type?: string;\n  props?: Record<string, unknown>;\n}): ReactNode {\n  const { type, props = {} } = component;\n  if (!type) return null;\n\n  switch (type) {\n    case 'hero_feature_banner':\n      return <HeroFeatureBannerComponent key={component.id ?? type} props={props} />;\n    case 'hero_feature_banner_video':\n      return <HeroFeatureBannerVideoComponent key={component.id ?? type} props={props} />;\n    case 'variety_reviews_lits':\n      return <ReviewsListRender key={component.id ?? type} props={props} />;\n    case 'blog_two_column':\n      return <BlogTwoColumnComponent key={component.id ?? type} props={props} />;\n    case 'blog_three_column':\n      return <BlogThreeColumnComponent key={component.id ?? type} props={props} />;\n    case 'blog_container':\n      return <BlogContainerComponent key={component.id ?? type} props={props} />;\n    case 'flexible_layout':\n      return (\n        <FlexibleLayoutComponent\n          key={component.id ?? type}\n          props={props as ComponentProps<typeof FlexibleLayoutComponent>['props']}\n        />\n      );\n    default: {\n      const { html } = generateHtmlFromSchema({ components: [component] });\n      if (!html) return null;\n      return <RichText key={component.id ?? type} html={html} />;\n    }\n  }\n}\n\n/** Render page-builder schema as React (with HTML fallback per component). */\nexport function LandingPageRenderer({ schema }: { schema: LandingPageSchema }) {\n  if (!schema.components?.length) return null;\n\n  return (\n    <div className=\"ggblog-landing-page\">\n      {schema.settings?.customCss ? (\n        <style dangerouslySetInnerHTML={{ __html: schema.settings.customCss }} />\n      ) : null}\n      <div className=\"ggblog-landing-page-content\">\n        {schema.components.map((component, index) => (\n          <div key={component.id ?? `${component.type}-${index}`}>\n            {renderComponent(component)}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAaA,SAAS,gBAAgB,WAIX;AACZ,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO;AAC7B,MAAI,CAAC,KAAM,QAAO;AAElB,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO,oBAAC,4BAAA,EAAsD,MAAA,GAAtB,UAAU,MAAM,IAAoB;AAAA,IAC9E,KAAK;AACH,aAAO,oBAAC,iCAAA,EAA2D,MAAA,GAAtB,UAAU,MAAM,IAAoB;AAAA,IACnF,KAAK;AACH,aAAO,oBAAC,mBAAA,EAA6C,MAAA,GAAtB,UAAU,MAAM,IAAoB;AAAA,IACrE,KAAK;AACH,aAAO,oBAAC,wBAAA,EAAkD,MAAA,GAAtB,UAAU,MAAM,IAAoB;AAAA,IAC1E,KAAK;AACH,aAAO,oBAAC,0BAAA,EAAoD,MAAA,GAAtB,UAAU,MAAM,IAAoB;AAAA,IAC5E,KAAK;AACH,aAAO,oBAAC,wBAAA,EAAkD,MAAA,GAAtB,UAAU,MAAM,IAAoB;AAAA,IAC1E,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,QAAA;AAAA,QADK,UAAU,MAAM;AAAA,MAAA;AAAA,IAI3B,SAAS;AACP,YAAM,EAAE,SAAS,uBAAuB,EAAE,YAAY,CAAC,SAAS,GAAG;AACnE,UAAI,CAAC,KAAM,QAAO;AAClB,aAAO,oBAAC,UAAA,EAAoC,KAAA,GAAtB,UAAU,MAAM,IAAkB;AAAA,IAC1D;AAAA,EAAA;AAEJ;AAGO,SAAS,oBAAoB,EAAE,UAAyC;AAC7E,MAAI,CAAC,OAAO,YAAY,OAAQ,QAAO;AAEvC,SACE,qBAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,IAAA,OAAO,UAAU,YAChB,oBAAC,SAAA,EAAM,yBAAyB,EAAE,QAAQ,OAAO,SAAS,UAAA,EAAU,CAAG,IACrE;AAAA,IACJ,oBAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,OAAO,WAAW,IAAI,CAAC,WAAW,UACjC,oBAAC,OAAA,EACE,0BAAgB,SAAS,KADlB,UAAU,MAAM,GAAG,UAAU,IAAI,IAAI,KAAK,EAEpD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/render/landingPageHtml.d.ts

@@ -0,0 +1,28 @@
+/** Page-builder schema shape stored on blog posts via landingPage.publishedVersion.schema_json. */
+export interface LandingPageSchema {
+    components?: Array<{
+        id?: string;
+        type?: string;
+        props?: Record<string, unknown>;
+    }>;
+    settings?: {
+        customCss?: string;
+        maxWidth?: string;
+        backgroundColor?: string;
+    };
+}
+/** Convert a page-builder schema to trusted HTML (+ optional CSS) for blog post bodies. */
+export declare function generateHtmlFromSchema(schema: LandingPageSchema | null | undefined): {
+    html: string;
+    css: string;
+};
+/** Read landing page schema from a blog post API payload. */
+export declare function getLandingPageSchema(post: {
+    landingPage?: {
+        publishedVersion?: {
+            schema_json?: LandingPageSchema | string;
+        };
+        landing_page_schema?: LandingPageSchema | string;
+    };
+    landing_page_schema?: LandingPageSchema | string;
+} | null | undefined): LandingPageSchema | null;