Changeset 353530

Timestamp:

10/13/2026 12:00:01 PM (2 weeks ago)

Author:

themedropbox

Message:

New version of Postfolio Blocks - 1.2.0

Location:

postfolio-blocks/1.2.0

Files:

• . (copied) (copied from postfolio-blocks/1.1.0 )
• assets/css/admin-dashboard.css (modified) (3 diffs)
• assets/css/custom.css (modified) (2 diffs)
• assets/css/modules.css (modified) (2 diffs)
• assets/images/demo (added)
• assets/images/demo/business-city.jpg (added)
• assets/images/demo/business-growth.jpg (added)
• assets/images/demo/culture-gallery.jpg (added)
• assets/images/demo/culture-vinyl.jpg (added)
• assets/images/demo/design-bauhaus.jpg (added)
• assets/images/demo/design-studio.jpg (added)
• assets/images/demo/lifestyle-coffee.jpg (added)
• assets/images/demo/lifestyle-plants.jpg (added)
• assets/images/demo/tech-orbit.jpg (added)
• assets/images/demo/tech-workspace.jpg (added)
• assets/images/demo/travel-mountains.jpg (added)
• assets/images/demo/travel-sea.jpg (added)
• assets/js/admin-dashboard.js (modified) (3 diffs)
• assets/js/ticker.js (added)
• functions.php (modified) (3 diffs)
• inc/admin-dashboard.php (modified) (4 diffs)
• inc/blog-features.php (modified) (4 diffs)
• inc/demo-content.php (added)
• inc/modules.php (modified) (2 diffs)
• inc/news-features.php (added)
• inc/partials (added)
• inc/partials/case-study.php (added)
• inc/recommended-plugins.php (added)
• inc/starter-sites.php (modified) (13 diffs)
• patterns/ad-slot-in-article.php (added)
• patterns/ad-slot-leaderboard.php (added)
• patterns/ad-slot-rectangle.php (added)
• patterns/breaking-news-ticker.php (added)
• patterns/case-study-content.php (added)
• patterns/cta-portfolio.php (added)
• patterns/featured-split.php (modified) (2 diffs)
• patterns/live-blog.php (added)
• patterns/news-top-bar.php (added)
• patterns/page-blog-starter.php (added)
• patterns/page-editorial-starter.php (added)
• patterns/page-landing-starter.php (modified) (2 diffs)
• patterns/page-magazine-starter.php (added)
• patterns/page-portfolio-starter.php (modified) (3 diffs)
• patterns/post-footer.php (modified) (1 diff)
• patterns/post-grid-cards.php (modified) (1 diff)
• patterns/post-meta.php (modified) (1 diff)
• patterns/starter-portfolio-landing.php (modified) (2 diffs)
• patterns/template-body-author.php (modified) (1 diff)
• patterns/template-body-category.php (added)
• patterns/template-body-home-2.php (modified) (1 diff)
• patterns/template-body-home-3.php (modified) (1 diff)
• patterns/template-body-single-audio.php (added)
• patterns/template-body-single-case-study.php (added)
• patterns/template-body-single-gallery.php (added)
• patterns/template-body-single-quote.php (added)
• patterns/template-body-single-video.php (added)
• readme.txt (modified) (4 diffs)
• screenshot.png (modified) ( previous)
• style.css (modified) (1 diff)
• templates/category.html (modified) (1 diff)
• templates/single-case-study.html (added)
• templates/single-format-audio.html (added)
• templates/single-format-gallery.html (added)
• templates/single-format-quote.html (added)
• templates/single-format-video.html (added)
• theme.json (modified) (1 diff)

postfolio-blocks/1.2.0/assets/css/admin-dashboard.css

@@ -326 +326 @@
 }
 
-/* Starter Sites Cards */
-.postfolio-starter-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
-        gap: 24px;
-        margin-top: 20px;
-}
-
-.postfolio-starter-card {
-        background: #ffffff;
-        border: 1px solid #e2e8f0;
-        border-radius: 10px;
-        overflow: hidden;
-        box-shadow: 0 1px 3px rgba(0,0,0,0.03);
-        display: flex;
-        flex-direction: column;
-        position: relative;
-        transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-
-.postfolio-starter-card:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 8px 24px rgba(0,0,0,0.06);
-}
-
-.postfolio-starter-preview-wrap {
-        width: 100%;
-        height: 220px;
-        background: #f8fafc;
-        position: relative;
-        overflow: hidden;
-        border-bottom: 1px solid #f1f5f9;
-}
-
-.postfolio-starter-preview-wrap img,
-.postfolio-starter-preview-wrap svg {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        display: block;
-}
-
-.postfolio-pro-badge {
-        position: absolute;
-        top: 12px;
-        right: 12px;
-        background: #ea580c;
-        color: #ffffff;
-        font-size: 11px;
-        font-weight: 700;
-        padding: 3px 8px;
-        border-radius: 4px;
-        letter-spacing: 0.5px;
-        text-transform: uppercase;
-}
-
-.postfolio-starter-footer {
-        padding: 16px 20px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background: #ffffff;
-}
-
-.postfolio-starter-title {
-        font-size: 16px;
-        font-weight: 600;
-        color: #0f172a;
-}
-
-.postfolio-starter-actions {
-        display: flex;
-        gap: 8px;
-}
-
 .postfolio-btn-outline {
         background: #ffffff;
@@ -648 +573 @@
 }
 
-.postfolio-starter-desc {
-        margin: 4px 0 12px;
-        font-size: 13px;
-        color: #64748b;
-        line-height: 1.5;
-}
-
-.postfolio-starter-footer {
-        flex-direction: column;
-        align-items: flex-start;
-}
-
-.postfolio-starter-actions {
-        width: 100%;
-}
-
-.postfolio-starter-actions .postfolio-btn-import {
-        width: 100%;
-        justify-content: center;
-}
+/* starter cards: see the end of this file */
 
 .postfolio-comparison-table tbody th {
@@ -698 +604 @@
         }
 }
+
+/* ==========================================================================
+   Starter sites
+   Each card carries its starter site's design tokens as custom properties
+   (--pf-bg, --pf-fg, --pf-ac, --pf-hf, --pf-r …) and paints a mini mockup
+   of the homepage with them, using the theme's own bundled fonts.
+   ========================================================================== */
+
+@font-face { font-family: "Poppins"; src: url(../fonts/poppins-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }
+@font-face { font-family: "Poppins"; src: url(../fonts/poppins-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
+@font-face { font-family: "Montserrat"; src: url(../fonts/montserrat-latin-300-800-normal.woff2) format("woff2"); font-weight: 300 800; font-display: swap; }
+@font-face { font-family: "Manrope"; src: url(../fonts/manrope-latin-wght-normal.woff2) format("woff2"); font-weight: 200 800; font-display: swap; }
+@font-face { font-family: "Lora"; src: url(../fonts/lora-latin-400-700-normal.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }
+@font-face { font-family: "Playfair Display"; src: url(../fonts/playfair-display-latin-400-900-normal.woff2) format("woff2"); font-weight: 400 900; font-display: swap; }
+@font-face { font-family: "Playfair Display"; src: url(../fonts/playfair-display-latin-400-900-italic.woff2) format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }
+
+.postfolio-starter-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
+        gap: 24px;
+        margin-top: 20px;
+}
+
+.postfolio-starter-card {
+        display: flex;
+        flex-direction: column;
+        background: #ffffff;
+        border: 1px solid #e2e8f0;
+        border-radius: 14px;
+        overflow: hidden;
+        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
+}
+
+.postfolio-starter-card:hover,
+.postfolio-starter-card:focus-within {
+        transform: translateY(-3px);
+        border-color: color-mix(in srgb, var(--pf-ac) 45%, #e2e8f0);
+        box-shadow: 0 14px 34px -12px color-mix(in srgb, var(--pf-ac) 40%, transparent);
+}
+
+/* Preview stage: tinted with the site's own accent colors. */
+.postfolio-starter-preview-wrap {
+        padding: 18px 18px 0;
+        background:
+                radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--pf-ac) 22%, transparent), transparent 60%),
+                radial-gradient(90% 70% at 0% 100%, color-mix(in srgb, var(--pf-ac2) 18%, transparent), transparent 60%),
+                color-mix(in srgb, var(--pf-ac) 6%, #f8fafc);
+        border-bottom: 1px solid #eef2f7;
+}
+
+/* ---------- Mini browser ---------- */
+.pfm-chrome {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+        height: 22px;
+        padding: 0 10px;
+        background: #ffffff;
+        border: 1px solid rgba(15, 23, 42, 0.08);
+        border-bottom: 0;
+        border-radius: 9px 9px 0 0;
+}
+
+.pfm-chrome i {
+        width: 7px;
+        height: 7px;
+        border-radius: 50%;
+        background: #e2e8f0;
+}
+
+.pfm-chrome i:first-child { background: #fca5a5; }
+.pfm-chrome i:nth-child(2) { background: #fcd34d; }
+.pfm-chrome i:nth-child(3) { background: #86efac; }
+
+.pfm-url {
+        flex: 1;
+        max-width: 55%;
+        height: 9px;
+        margin-left: 8px;
+        border-radius: 9px;
+        background: #f1f5f9;
+}
+
+.pfm-screen {
+        container-type: inline-size;
+        position: relative;
+        aspect-ratio: 16 / 10;
+        overflow: hidden;
+        background: var(--pf-bg);
+        border: 1px solid rgba(15, 23, 42, 0.08);
+        border-bottom: 0;
+        box-shadow: 0 -2px 18px -6px rgba(15, 23, 42, 0.18);
+}
+
+/* The page is taller than the screen and scrolls into view on hover. */
+.pfm-page {
+        display: flex;
+        flex-direction: column;
+        gap: 5cqw;
+        padding: 0 5cqw 6cqw;
+        color: var(--pf-fg);
+        background: var(--pf-bg);
+        font-family: var(--pf-bf);
+        transition: transform 2.4s cubic-bezier(0.45, 0, 0.25, 1);
+}
+
+.postfolio-starter-card:hover .pfm-page,
+.postfolio-starter-card:focus-within .pfm-page {
+        transform: translateY(-38%);
+}
+
+@media (prefers-reduced-motion: reduce) {
+        .postfolio-starter-card,
+        .pfm-page {
+                transition: none;
+        }
+
+        .postfolio-starter-card:hover .pfm-page,
+        .postfolio-starter-card:focus-within .pfm-page {
+                transform: none;
+        }
+}
+
+/* ---------- Mockup atoms ---------- */
+.pfm-header {
+        display: flex;
+        align-items: center;
+        gap: 3cqw;
+        padding: 3.4cqw 0;
+        border-bottom: 1px solid color-mix(in srgb, var(--pf-fg) 10%, transparent);
+}
+
+.pfm-header.is-ruled {
+        border-bottom: 2px solid var(--pf-fg);
+}
+
+.pfm-header.is-transparent {
+        border-color: color-mix(in srgb, var(--pf-bg) 25%, transparent);
+        color: var(--pf-bg);
+}
+
+.pfm-logo {
+        max-width: 32%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        font-family: var(--pf-hf);
+        font-size: 3.6cqw;
+        font-weight: 800;
+        letter-spacing: -0.01em;
+}
+
+.pfm-nav {
+        display: flex;
+        gap: 2.4cqw;
+        margin-left: auto;
+}
+
+.pfm-nav i {
+        width: 6cqw;
+        height: 1.2cqw;
+        border-radius: 2cqw;
+        background: currentColor;
+        opacity: 0.35;
+}
+
+.pfm-btn {
+        display: inline-block;
+        width: 16cqw;
+        height: 5.4cqw;
+        border-radius: var(--pf-r);
+        background: var(--pf-ac);
+}
+
+.pfm-btn.is-small { width: 11cqw; height: 4cqw; }
+.pfm-btn.is-ghost { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; opacity: 0.6; }
+.pfm-btn.is-block { width: 100%; height: 4.4cqw; margin-top: auto; }
+
+.pfm-actions {
+        display: flex;
+        gap: 2cqw;
+        margin-top: 1cqw;
+}
+
+.pfm-kicker {
+        width: 14cqw;
+        height: 1.4cqw;
+        border-radius: 2cqw;
+        background: var(--pf-ac);
+}
+
+.pfm-title {
+        display: block;
+        font-family: var(--pf-hf);
+        font-size: 6.4cqw;
+        font-weight: 700;
+        line-height: 1.12;
+        letter-spacing: -0.015em;
+        color: inherit;
+}
+
+.pfm-title.is-lg { font-size: 7.6cqw; }
+.pfm-title.is-md { font-size: 4.2cqw; }
+.pfm-title.is-sm { font-size: 3.8cqw; }
+
+.pfm-title em {
+        font-style: italic;
+        color: var(--pf-ac);
+}
+
+.pfm-line {
+        display: block;
+        height: 1.3cqw;
+        border-radius: 2cqw;
+        background: var(--pf-fg2);
+        opacity: 0.35;
+}
+
+.pfm-line.is-strong {
+        height: 1.7cqw;
+        background: var(--pf-fg);
+        opacity: 0.8;
+}
+
+.pfm-tag {
+        display: block;
+        width: 9cqw;
+        height: 1.2cqw;
+        border-radius: 2cqw;
+        background: var(--pf-ac);
+        opacity: 0.85;
+}
+
+.pfm-img {
+        display: block;
+        aspect-ratio: 4 / 3;
+        border-radius: calc(min(var(--pf-r), 12px) * 0.6);
+        background:
+                radial-gradient(circle at 72% 30%, color-mix(in srgb, var(--pf-bg) 70%, transparent) 0 9%, transparent 10%),
+                linear-gradient(160deg, transparent 55%, color-mix(in srgb, var(--pf-fg) 22%, transparent) 56%),
+                linear-gradient(135deg, var(--pf-ac), var(--pf-ac2));
+}
+
+.pfm-grid .pfm-card:nth-child(2) .pfm-img { filter: hue-rotate(-18deg); }
+.pfm-grid .pfm-card:nth-child(3) .pfm-img { filter: saturate(0.7) brightness(1.1); }
+.pfm-img.is-tall { aspect-ratio: 16 / 10; }
+.pfm-img.is-thumb { flex: none; width: 15cqw; aspect-ratio: 1; }
+
+.pfm-hero,
+.pfm-card,
+.pfm-lead,
+.pfm-list {
+        display: flex;
+        flex-direction: column;
+        gap: 1.8cqw;
+}
+
+.pfm-list { gap: 3cqw; }
+.pfm-hero { gap: 2.4cqw; padding-top: 3cqw; }
+.pfm-hero.is-center { align-items: center; text-align: center; }
+
+.pfm-grid {
+        display: grid;
+        gap: 3cqw;
+}
+
+.pfm-grid.is-3 { grid-template-columns: repeat(3, 1fr); }
+.pfm-grid.is-4 { grid-template-columns: repeat(4, 1fr); gap: 2.4cqw; }
+
+.pfm-card.is-boxed {
+        padding: 3cqw;
+        border-radius: min(var(--pf-r), 12px);
+        background: var(--pf-bg2);
+}
+
+.pfm-row {
+        display: flex;
+        align-items: center;
+        gap: 2.4cqw;
+}
+
+.pfm-row > div {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: 1.4cqw;
+}
+
+.pfm-row.is-list {
+        padding-bottom: 3cqw;
+        border-bottom: 1px solid color-mix(in srgb, var(--pf-fg) 12%, transparent);
+}
+
+.pfm-band {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 2.4cqw;
+        padding: 5cqw;
+        border-radius: min(var(--pf-r), 14px);
+        background: var(--pf-bg2);
+        text-align: center;
+}
+
+.pfm-band.is-split {
+        flex-direction: row;
+        justify-content: space-between;
+        background: var(--pf-ac);
+        color: var(--pf-bg);
+}
+
+.pfm-band.is-split .pfm-btn { background: var(--pf-bg); }
+
+.pfm-input {
+        width: 60%;
+        height: 5cqw;
+        border-radius: var(--pf-r);
+        background: var(--pf-bg);
+        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-fg) 15%, transparent);
+}
+
+.pfm-label {
+        width: 22cqw;
+        height: 2cqw;
+        margin-bottom: -2cqw;
+        border-radius: 2cqw;
+        background: var(--pf-fg);
+}
+
+/* Magazine */
+.pfm-feature {
+        display: grid;
+        grid-template-columns: 1.4fr 1fr;
+        gap: 3.4cqw;
+        padding-top: 1cqw;
+}
+
+.pfm-side {
+        display: flex;
+        flex-direction: column;
+        gap: 2.6cqw;
+}
+
+.pfm-magazine .pfm-img { border-radius: 0; }
+
+/* Portfolio */
+.pfm-projects { gap: 2.4cqw; }
+
+.pfm-tile {
+        aspect-ratio: 1;
+        border-radius: min(var(--pf-r), 12px);
+        background: linear-gradient(140deg, var(--pf-ac), color-mix(in srgb, var(--pf-ac) 30%, var(--pf-bg2)));
+}
+
+.pfm-tile:nth-child(2n) { background: linear-gradient(140deg, var(--pf-ac2), color-mix(in srgb, var(--pf-ac2) 30%, var(--pf-bg2))); }
+.pfm-tile:nth-child(3n) { background: var(--pf-bg2); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-fg) 12%, transparent); }
+
+/* Business */
+.pfm-cover {
+        display: flex;
+        flex-direction: column;
+        gap: 2.4cqw;
+        margin: 0 -5cqw;
+        padding: 0 5cqw 11cqw;
+        color: var(--pf-bg);
+        background:
+                radial-gradient(80% 90% at 100% 100%, color-mix(in srgb, var(--pf-ac2) 70%, transparent), transparent 60%),
+                linear-gradient(135deg, var(--pf-ac), color-mix(in srgb, var(--pf-ac) 55%, var(--pf-fg)));
+}
+
+.pfm-cover .pfm-header { margin-bottom: 4cqw; }
+.pfm-cover .pfm-kicker,
+.pfm-cover .pfm-line,
+.pfm-cover .pfm-btn:not(.is-ghost) { background: var(--pf-bg); }
+.pfm-services { margin-top: -9cqw; }
+.pfm-services .pfm-card { background: var(--pf-bg); box-shadow: 0 2cqw 5cqw -2cqw rgba(0, 0, 0, 0.25); }
+
+.pfm-icon {
+        width: 6cqw;
+        height: 6cqw;
+        border-radius: 30%;
+        background: var(--pf-ac);
+        box-shadow: 0 0 0 1.4cqw color-mix(in srgb, var(--pf-ac) 18%, var(--pf-bg));
+        margin: 1.4cqw;
+}
+
+.pfm-pricing .pfm-card { min-height: 34cqw; }
+.pfm-pricing .is-featured { background: var(--pf-fg); color: var(--pf-bg); }
+.pfm-pricing .is-featured .pfm-line { background: var(--pf-bg); }
+
+.pfm-price {
+        display: block;
+        width: 50%;
+        height: 4.4cqw;
+        border-radius: 1cqw;
+        background: currentColor;
+}
+
+/* ---------- Card body ---------- */
+.postfolio-starter-footer {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: 12px;
+        padding: 18px 20px 20px;
+}
+
+.postfolio-starter-head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 12px;
+}
+
+.postfolio-starter-title {
+        margin: 0;
+        font-size: 16px;
+        font-weight: 600;
+        color: #0f172a;
+}
+
+.postfolio-starter-status {
+        display: inline-flex;
+        align-items: center;
+        padding: 2px 8px 2px 4px;
+        border-radius: 999px;
+        background: #dcfce7;
+        color: #166534;
+        font-size: 11px;
+        font-weight: 600;
+        white-space: nowrap;
+}
+
+.postfolio-starter-status .dashicons {
+        width: 16px;
+        height: 16px;
+        font-size: 16px;
+}
+
+.postfolio-starter-desc {
+        margin: 0;
+        font-size: 13px;
+        line-height: 1.55;
+        color: #64748b;
+}
+
+.postfolio-starter-meta {
+        display: grid;
+        gap: 8px;
+        margin: 0;
+        padding: 12px 0 0;
+        border-top: 1px dashed #e2e8f0;
+        font-size: 12px;
+}
+
+.postfolio-starter-meta > div {
+        display: grid;
+        grid-template-columns: 48px 1fr;
+        align-items: center;
+        gap: 8px;
+}
+
+.postfolio-starter-meta dt {
+        color: #94a3b8;
+        font-weight: 500;
+}
+
+.postfolio-starter-meta dd {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 6px;
+        margin: 0;
+        color: #334155;
+        font-weight: 600;
+}
+
+.postfolio-starter-swatches {
+        display: inline-flex;
+}
+
+.postfolio-starter-swatches i {
+        width: 14px;
+        height: 14px;
+        margin-right: -4px;
+        border-radius: 50%;
+        box-shadow: 0 0 0 2px #ffffff, inset 0 0 0 1px rgba(15, 23, 42, 0.12);
+}
+
+.postfolio-starter-swatches i:last-child {
+        margin-right: 4px;
+}
+
+.postfolio-starter-font {
+        font-size: 13px;
+}
+
+.postfolio-starter-font.is-heading {
+        font-family: var(--pf-hf);
+        font-weight: 700;
+}
+
+.postfolio-starter-font.is-body {
+        font-family: var(--pf-bf);
+        font-weight: 500;
+}
+
+.postfolio-starter-pages {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 4px;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+}
+
+.postfolio-starter-pages li {
+        margin: 0;
+        padding: 1px 7px;
+        border-radius: 5px;
+        background: #f1f5f9;
+        color: #475569;
+        font-weight: 500;
+}
+
+/* The button sits at the bottom so every card lines up. */
+.postfolio-starter-actions {
+        display: flex;
+        margin-top: auto;
+        padding-top: 4px;
+}
+
+.postfolio-starter-actions .postfolio-btn-import {
+        width: 100%;
+        justify-content: center;
+        gap: 6px;
+        padding: 9px 16px;
+        border-radius: 8px;
+        font-size: 13px;
+}
+
+.postfolio-starter-actions .postfolio-btn-import:focus-visible {
+        outline: 2px solid #2563eb;
+        outline-offset: 2px;
+}
+
+.postfolio-starter-card.is-imported .postfolio-btn-import {
+        background: #ffffff;
+        color: #1d4ed8;
+}
+
+.postfolio-starter-card.is-imported .postfolio-btn-import:hover {
+        background: #eff6ff;
+}
+
+/* ==========================================================================
+   Recommended plugins
+   ========================================================================== */
+.postfolio-plugin-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr));
+        gap: 24px;
+        margin-top: 20px;
+}
+
+.postfolio-plugin-card {
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+        padding: 24px;
+        background: #ffffff;
+        border: 1px solid #e2e8f0;
+        border-radius: 14px;
+        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+        transition: box-shadow 0.25s ease, border-color 0.25s ease;
+}
+
+.postfolio-plugin-card:hover {
+        border-color: #c7d2fe;
+        box-shadow: 0 14px 34px -14px rgba(37, 99, 235, 0.35);
+}
+
+.postfolio-plugin-card.is-active {
+        border-color: #bbf7d0;
+}
+
+.postfolio-plugin-head {
+        display: flex;
+        align-items: center;
+        gap: 14px;
+}
+
+.postfolio-plugin-icon {
+        flex: none;
+        width: 56px;
+        height: 56px;
+}
+
+.postfolio-plugin-icon svg {
+        display: block;
+        width: 100%;
+        height: 100%;
+}
+
+.postfolio-plugin-head h3 {
+        margin: 0 0 2px;
+        font-size: 17px;
+        color: #0f172a;
+}
+
+.postfolio-plugin-tagline {
+        margin: 0;
+        color: #64748b;
+        font-size: 13px;
+}
+
+.postfolio-plugin-free {
+        margin-left: auto;
+        align-self: flex-start;
+        padding: 2px 10px;
+        border-radius: 999px;
+        background: #dcfce7;
+        color: #166534;
+        font-size: 11px;
+        font-weight: 700;
+        letter-spacing: 0.04em;
+        text-transform: uppercase;
+}
+
+.postfolio-plugin-desc {
+        margin: 0;
+        color: #334155;
+        font-size: 14px;
+        line-height: 1.6;
+}
+
+.postfolio-plugin-features {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
+        gap: 6px 16px;
+        margin: 0;
+        padding: 12px 0;
+        border-top: 1px dashed #e2e8f0;
+        border-bottom: 1px dashed #e2e8f0;
+}
+
+.postfolio-plugin-features li {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        margin: 0;
+        color: #334155;
+        font-size: 13px;
+}
+
+.postfolio-plugin-features .dashicons {
+        color: #16a34a;
+}
+
+.postfolio-plugin-bestfor {
+        margin: 0;
+        color: #64748b;
+        font-size: 13px;
+}
+
+.postfolio-plugin-bestfor strong {
+        color: #0f172a;
+}
+
+.postfolio-plugin-actions {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px;
+        margin-top: auto;
+}
+
+.postfolio-plugin-actions .button {
+        min-height: 36px;
+        padding: 0 16px;
+        line-height: 34px;
+        border-radius: 8px;
+}
+
+.postfolio-plugin-active {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        padding: 6px 12px;
+        border-radius: 8px;
+        background: #dcfce7;
+        color: #166534;
+        font-weight: 600;
+}
+
+.postfolio-plugin-actions .button {
+        display: inline-flex;
+        align-items: center;
+        border: 1px solid #cbd5e1;
+        background: #ffffff;
+        color: #0f172a;
+        font-weight: 600;
+        text-decoration: none;
+}
+
+.postfolio-plugin-actions .button-primary {
+        border-color: #2563eb;
+        background: #2563eb;
+        color: #ffffff;
+}
+
+.postfolio-plugin-actions .button-primary:hover,
+.postfolio-plugin-actions .button-primary:focus {
+        border-color: #1d4ed8;
+        background: #1d4ed8;
+        color: #ffffff;
+}
+
+.postfolio-plugin-actions .button:focus-visible {
+        outline: 2px solid #2563eb;
+        outline-offset: 2px;
+}

postfolio-blocks/1.2.0/assets/css/custom.css

@@ -396 +396 @@
 }
 
+/* ---------- Single post: centered header ---------- */
+.postfolio-post-header {
+        text-align: center;
+}
+
+.postfolio-post-header > * {
+        max-width: 100%;
+}
+
+.postfolio-post-header .wp-block-post-title {
+        text-wrap: balance;
+}
+
+/* ---------- Single post: share card ---------- */
+.postfolio-share-row {
+        background: var(--wp--preset--color--base);
+        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+}
+
+.postfolio-share-row > p {
+        margin: 0;
+}
+
+.postfolio-share .wp-social-link {
+        border-radius: 0.5rem;
+        transition: transform 0.2s ease;
+}
+
+.postfolio-share .wp-social-link:hover {
+        transform: translateY(-2px);
+}
+
+/* ---------- Single post: author box ---------- */
+.postfolio-author-box {
+        background: var(--wp--preset--color--base);
+        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+}
+
+.postfolio-author-ring {
+        flex: none;
+}
+
+.postfolio-author-ring img {
+        padding: 3px;
+        border: 2px solid var(--wp--preset--color--accent);
+        background: var(--wp--preset--color--base);
+}
+
+.postfolio-author-name {
+        font-weight: 700;
+        line-height: 1.2;
+}
+
+.postfolio-author-name a {
+        color: var(--wp--preset--color--accent);
+        text-decoration: none;
+}
+
+.postfolio-author-name a:hover {
+        text-decoration: underline;
+}
+
+.postfolio-author-bio {
+        margin: 0;
+        line-height: 1.7;
+}
+
+@media (max-width: 600px) {
+        .postfolio-author-box {
+                flex-direction: column;
+                align-items: flex-start !important;
+        }
+}
+
+/* ---------- Comment form: breathing room above the footer ---------- */
+.wp-block-post-comments-form .form-submit {
+        margin-bottom: 0;
+}
+
+.postfolio-comments-area {
+        padding-bottom: var(--wp--preset--spacing--40);
+}
+
+/* ---------- Header search: never wider than the screen ---------- */
+.postfolio-header .wp-block-search,
+.postfolio-header .wp-block-search__inside-wrapper,
+.postfolio-header .wp-block-search__input {
+        min-width: 0;
+        max-width: 100%;
+}
+
+@media (max-width: 781px) {
+        .postfolio-header .wp-block-search {
+                flex: 1 0 100%;
+                order: 3;
+        }
+
+        .postfolio-header .wp-block-search__inside-wrapper {
+                width: 100% !important;
+        }
+}
+
+/* ---------- Magazine home ---------- */
+.postfolio-kicker {
+        margin: 0;
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+}
+
+.postfolio-kicker a {
+        color: inherit;
+        text-decoration: none;
+}
+
+.postfolio-badge-accent {
+        display: inline-flex;
+        gap: 0.4em;
+        margin: 0;
+}
+
+.postfolio-badge-accent a {
+        padding: 0.3em 0.85em;
+        border-radius: 999px;
+        background: var(--wp--preset--color--accent);
+        color: var(--wp--preset--color--base);
+        font-size: var(--wp--preset--font-size--small);
+        font-weight: 700;
+        letter-spacing: 0.06em;
+        text-decoration: none;
+        text-transform: uppercase;
+}
+
+.postfolio-badge-accent .wp-block-post-terms__separator {
+        display: none;
+}
+
+/* Spotlight lead story: the whole card scales gently on hover. */
+.postfolio-spotlight-primary {
+        overflow: hidden;
+}
+
+.postfolio-spotlight-primary .wp-block-cover__image-background {
+        transition: transform 0.6s ease;
+}
+
+.postfolio-spotlight-primary:hover .wp-block-cover__image-background {
+        transform: scale(1.04);
+}
+
+.postfolio-spotlight-primary .wp-block-cover__inner-container {
+        max-width: 40rem;
+}
+
+.postfolio-spotlight-excerpt {
+        opacity: 0.85;
+}
+
+.postfolio-spotlight-primary .wp-block-post-date,
+.postfolio-spotlight-primary .wp-block-post-author-name {
+        color: var(--wp--preset--color--base);
+        opacity: 0.85;
+}
+
+.postfolio-story-card .wp-block-post-featured-image,
+.postfolio-dark-row .wp-block-post-featured-image,
+.postfolio-row-item .wp-block-post-featured-image {
+        flex: none;
+        overflow: hidden;
+}
+
+.postfolio-story-card .wp-block-post-featured-image img {
+        transition: transform 0.5s ease;
+}
+
+.postfolio-story-card:hover .wp-block-post-featured-image img {
+        transform: scale(1.04);
+}
+
+.postfolio-story-card .wp-block-post-title a,
+.postfolio-dark-row .wp-block-post-title a,
+.postfolio-row-item .wp-block-post-title a {
+        color: inherit;
+        text-decoration: none;
+}
+
+.postfolio-story-card .wp-block-post-title a:hover,
+.postfolio-dark-row .wp-block-post-title a:hover,
+.postfolio-row-item .wp-block-post-title a:hover {
+        text-decoration: underline;
+        text-decoration-thickness: 2px;
+        text-underline-offset: 0.15em;
+}
+
+.postfolio-dark-row:last-child {
+        margin-bottom: 0 !important;
+        border-bottom: 0 !important;
+}
+
+.postfolio-more-link {
+        margin: 0;
+        font-weight: 600;
+        white-space: nowrap;
+}
+
+.postfolio-more-link a {
+        text-decoration: none;
+}
+
+.postfolio-topic-pills .wp-block-button__link {
+        padding: 0.4em 1.1em;
+}
+
+/* ---------- Personal blog home ---------- */
+.postfolio-blog-hero-image img {
+        box-shadow: 0 24px 48px -20px rgba(15, 23, 42, 0.35);
+}
+
+.postfolio-feature-card .wp-block-columns {
+        margin-bottom: 0;
+}
+
+.postfolio-list-card {
+        height: 100%;
+}
+
+.postfolio-list-card .wp-block-post-excerpt__excerpt {
+        margin: 0;
+}
+
+/* ---------- Editorial home ---------- */
+.postfolio-topic-nav .wp-block-navigation-item__content {
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.06em;
+}
+
+.postfolio-live-dot {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.4em;
+        margin: 0;
+}
+
+.postfolio-live-dot::before {
+        content: "";
+        width: 0.5em;
+        height: 0.5em;
+        border-radius: 50%;
+        background: currentColor;
+        box-shadow: 0 0 0 0.25em color-mix(in srgb, currentColor 25%, transparent);
+}
+
+.postfolio-headline-item .wp-block-post-title a,
+.postfolio-numbered-item .wp-block-post-title a {
+        color: inherit;
+        text-decoration: none;
+}
+
+.postfolio-headline-item .wp-block-post-title a:hover,
+.postfolio-numbered-item .wp-block-post-title a:hover {
+        color: var(--wp--preset--color--accent);
+}
+
+.postfolio-news-row > .wp-block-group {
+        flex: 1;
+}
+
+.postfolio-news-row .wp-block-post-excerpt__excerpt {
+        margin: 0;
+}
+
+.postfolio-sticky-sidebar {
+        position: sticky;
+        top: 6rem;
+}
+
+/* Numbered "most discussed" list. */
+.postfolio-numbered .wp-block-post-template {
+        counter-reset: postfolio-rank;
+}
+
+.postfolio-numbered-item {
+        position: relative;
+        padding-left: 2.6rem !important;
+        counter-increment: postfolio-rank;
+}
+
+.postfolio-numbered-item::before {
+        content: counter(postfolio-rank, decimal-leading-zero);
+        position: absolute;
+        top: 0.85rem;
+        left: 0;
+        color: var(--wp--preset--color--accent);
+        font-family: var(--wp--preset--font-family--poppins, inherit);
+        font-size: 1.35rem;
+        font-weight: 700;
+        line-height: 1;
+}
+
+.postfolio-numbered-item:last-child,
+.postfolio-headline-item:last-child {
+        border-bottom: 0 !important;
+}
+
+.postfolio-comment-count {
+        margin: 0;
+}
+
+.postfolio-topic-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+}
+
+.postfolio-topic-list li {
+        display: flex;
+        justify-content: space-between;
+        padding: 0.55rem 0;
+        border-bottom: 1px solid var(--wp--preset--color--base-2);
+        color: var(--wp--preset--color--contrast-2);
+}
+
+.postfolio-topic-list li a {
+        color: var(--wp--preset--color--contrast);
+        font-weight: 600;
+        text-decoration: none;
+}
+
+.postfolio-topic-list li a:hover {
+        color: var(--wp--preset--color--accent);
+}
+
+@media (max-width: 781px) {
+        .postfolio-sticky-sidebar {
+                position: static;
+        }
+
+        .postfolio-list-card .wp-block-post-featured-image {
+                width: 112px !important;
+                height: 96px !important;
+        }
+
+        .postfolio-news-row .wp-block-post-featured-image {
+                width: 112px !important;
+                height: 84px !important;
+        }
+
+        .postfolio-news-row .wp-block-post-excerpt {
+                display: none;
+        }
+}
+
+@media (max-width: 781px) {
+        .postfolio-spotlight-primary {
+                min-height: 420px !important;
+        }
+
+        .postfolio-dark-row .wp-block-post-featured-image {
+                width: 104px !important;
+                height: 80px !important;
+        }
+}
+
+/* ---------- Agency landing ---------- */
+.postfolio-agency-hero {
+        position: relative;
+        overflow: hidden;
+        background-image:
+                radial-gradient(60% 70% at 85% 20%, color-mix(in srgb, var(--wp--preset--color--accent) 45%, transparent), transparent 70%),
+                radial-gradient(45% 60% at 0% 100%, color-mix(in srgb, var(--wp--preset--color--accent-2) 30%, transparent), transparent 70%);
+}
+
+.postfolio-hero-pill {
+        display: inline-flex;
+        align-self: flex-start;
+        padding: 0.4em 1em;
+        border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
+        border-radius: 999px;
+        font-weight: 600;
+        letter-spacing: 0.06em;
+        text-transform: uppercase;
+}
+
+.postfolio-avatar-stack figure {
+        margin: 0 0 0 -10px !important;
+}
+
+.postfolio-avatar-stack figure:first-child {
+        margin-left: 0 !important;
+}
+
+.postfolio-avatar-stack img {
+        border: 2px solid var(--wp--preset--color--contrast);
+}
+
+.postfolio-stars {
+        color: #f5b400;
+        letter-spacing: 0.1em;
+}
+
+.postfolio-hero-visual {
+        position: relative;
+}
+
+.postfolio-hero-visual .wp-block-image img {
+        box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.6);
+}
+
+.postfolio-hero-float {
+        position: absolute;
+        bottom: 2rem;
+        left: -2rem;
+        box-shadow: var(--wp--preset--shadow--elevated);
+}
+
+.postfolio-hero-float p {
+        margin: 0;
+}
+
+.postfolio-service-card {
+        transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
+}
+
+.postfolio-service-card:hover {
+        border-color: var(--wp--preset--color--accent) !important;
+        box-shadow: var(--wp--preset--shadow--card);
+        transform: translateY(-4px);
+}
+
+.postfolio-service-icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 3rem;
+        height: 3rem;
+        border-radius: 0.9rem;
+        background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, var(--wp--preset--color--base));
+        color: var(--wp--preset--color--accent);
+        font-weight: 800;
+}
+
+.postfolio-work-card .wp-block-image {
+        overflow: hidden;
+        border-radius: 1.25rem;
+}
+
+.postfolio-work-card .wp-block-image img {
+        transition: transform 0.5s ease;
+}
+
+.postfolio-work-card:hover .wp-block-image img {
+        transform: scale(1.04);
+}
+
+.postfolio-work-card h3,
+.postfolio-work-card p {
+        margin: 0;
+}
+
+.postfolio-result-pill {
+        padding: 0.25em 0.8em;
+        border-radius: 999px;
+        background: var(--wp--preset--color--base);
+        color: var(--wp--preset--color--accent);
+        font-weight: 700;
+}
+
+/* Process: numbered steps joined by a line on wide screens. */
+.postfolio-step {
+        position: relative;
+        padding-top: 1rem;
+}
+
+.postfolio-step__number {
+        position: relative;
+        z-index: 1;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 3.25rem;
+        height: 3.25rem;
+        margin-bottom: 0.75rem !important;
+        border: 2px solid var(--wp--preset--color--accent);
+        border-radius: 50%;
+        background: var(--wp--preset--color--base);
+        color: var(--wp--preset--color--accent);
+        font-weight: 800;
+}
+
+@media (min-width: 900px) {
+        .postfolio-step:not(:last-child)::after {
+                content: "";
+                position: absolute;
+                top: calc(1rem + 1.625rem);
+                left: 3.5rem;
+                right: -1rem;
+                height: 2px;
+                background: linear-gradient(90deg, var(--wp--preset--color--accent), color-mix(in srgb, var(--wp--preset--color--accent) 15%, transparent));
+        }
+}
+
+/* Pricing: equal-height cards, the featured plan lifted. */
+.postfolio-pricing {
+        align-items: stretch;
+}
+
+.postfolio-plan {
+        height: 100%;
+}
+
+.postfolio-plan.is-featured {
+        box-shadow: var(--wp--preset--shadow--elevated);
+}
+
+/* Headings default to the contrast color, which is this card's background. */
+.postfolio-plan.is-featured :is(h1, h2, h3, h4) {
+        color: inherit;
+}
+
+.postfolio-trust p,
+.postfolio-hero-pill {
+        margin: 0;
+}
+
+@media (min-width: 900px) {
+        .postfolio-plan.is-featured {
+                transform: scale(1.04);
+        }
+}
+
+.postfolio-plan__badge {
+        padding: 0.2em 0.75em;
+        border-radius: 999px;
+        background: var(--wp--preset--color--accent);
+        color: var(--wp--preset--color--base);
+        font-weight: 700;
+}
+
+.postfolio-plan__price strong {
+        font-size: clamp(2.2rem, 1.8rem + 1.2vw, 2.8rem);
+        font-weight: 800;
+        letter-spacing: -0.02em;
+}
+
+.postfolio-plan__price span {
+        opacity: 0.72;
+}
+
+.postfolio-checklist {
+        flex: 1;
+        margin: 0;
+        padding: 1rem 0 0;
+        border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
+        list-style: none;
+}
+
+.postfolio-checklist li {
+        position: relative;
+        padding: 0.4rem 0 0.4rem 1.75rem;
+}
+
+.postfolio-checklist li::before {
+        content: "";
+        position: absolute;
+        top: 0.75rem;
+        left: 0;
+        width: 1.1rem;
+        height: 1.1rem;
+        border-radius: 50%;
+        background: color-mix(in srgb, var(--wp--preset--color--accent) 18%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.8rem no-repeat;
+}
+
+.postfolio-plan.is-featured .postfolio-checklist li::before {
+        background-color: var(--wp--preset--color--accent);
+}
+
+.postfolio-plan__cta {
+        width: 100%;
+}
+
+@media (max-width: 781px) {
+        .postfolio-agency-hero {
+                padding-top: 8rem !important;
+        }
+
+        .postfolio-hero-float {
+                left: 1rem;
+                bottom: 1rem;
+        }
+
+        .postfolio-hero-visual .wp-block-image img {
+                aspect-ratio: 4 / 3 !important;
+        }
+}
+
+@media (prefers-reduced-motion: reduce) {
+        .postfolio-service-card,
+        .postfolio-work-card .wp-block-image img {
+                transition: none;
+                transform: none !important;
+        }
+}
+
+/* ---------- Portfolio ---------- */
+.postfolio-availability {
+        display: inline-flex;
+        align-items: center;
+        align-self: flex-start;
+        gap: 0.55em;
+        margin: 0;
+        padding: 0.35em 0.95em 0.35em 0.8em;
+        border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
+        border-radius: 999px;
+        font-weight: 600;
+}
+
+.postfolio-availability::before {
+        content: "";
+        width: 0.55em;
+        height: 0.55em;
+        border-radius: 50%;
+        background: #16a34a;
+        box-shadow: 0 0 0 0.25em rgba(22, 163, 74, 0.2);
+}
+
+.postfolio-hero-stats p {
+        margin: 0;
+        color: var(--wp--preset--color--contrast-2);
+}
+
+.postfolio-hero-stats strong {
+        display: block;
+        color: var(--wp--preset--color--contrast);
+        font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
+        line-height: 1.1;
+}
+
+.postfolio-tag-row {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.4rem;
+}
+
+.postfolio-tag-row a {
+        padding: 0.2em 0.75em;
+        border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 18%, transparent);
+        border-radius: 999px;
+        color: var(--wp--preset--color--contrast-2);
+        text-decoration: none;
+}
+
+.postfolio-tag-row a:hover {
+        border-color: var(--wp--preset--color--accent);
+        color: var(--wp--preset--color--accent);
+}
+
+.postfolio-tag-row .wp-block-post-terms__separator {
+        display: none;
+}
+
+.postfolio-work-card .wp-block-post-featured-image {
+        overflow: hidden;
+}
+
+.postfolio-work-card .wp-block-post-featured-image img {
+        transition: transform 0.5s ease;
+}
+
+.postfolio-work-card:hover .wp-block-post-featured-image img {
+        transform: scale(1.04);
+}
+
+.postfolio-work-card .wp-block-post-title a {
+        color: inherit;
+        text-decoration: none;
+}
+
+.postfolio-work-card .wp-block-post-title a:hover {
+        color: var(--wp--preset--color--accent);
+}
+
+.postfolio-lede {
+        max-width: 42rem;
+}
+
+.postfolio-experience-row p {
+        margin: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+        .postfolio-work-card .wp-block-post-featured-image img {
+                transition: none;
+                transform: none !important;
+        }
+}
+
+/* Secondary text that must work on any background, light or dark. */
+.postfolio-muted {
+        opacity: 0.72;
+}
+
+/* ---------- Breaking news ticker ---------- */
+.postfolio-ticker {
+        position: relative;
+        overflow: hidden;
+        min-height: 2.75rem;
+}
+
+.postfolio-ticker__label {
+        position: relative;
+        z-index: 2;
+        flex: none;
+        align-self: stretch;
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
+        margin: 0;
+        padding: 0 1.1rem;
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+}
+
+.postfolio-ticker__label::before {
+        content: "";
+        width: 0.5em;
+        height: 0.5em;
+        border-radius: 50%;
+        background: currentColor;
+        animation: postfolio-pulse 1.6s ease-in-out infinite;
+}
+
+.postfolio-ticker__track {
+        flex: 1;
+        min-width: 0;
+        overflow: hidden;
+        -webkit-mask-image: linear-gradient(90deg, transparent, #000 2rem, #000 calc(100% - 3rem), transparent);
+        mask-image: linear-gradient(90deg, transparent, #000 2rem, #000 calc(100% - 3rem), transparent);
+}
+
+.postfolio-ticker .wp-block-post-template {
+        display: flex;
+        flex-wrap: nowrap;
+        width: max-content;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+}
+
+.postfolio-ticker .wp-block-post-template > li {
+        display: flex;
+        align-items: center;
+        margin: 0;
+        padding: 0.7rem 1.5rem;
+        white-space: nowrap;
+}
+
+.postfolio-ticker .wp-block-post-template > li::after {
+        content: "";
+        width: 0.35rem;
+        height: 0.35rem;
+        margin-left: 3rem;
+        border-radius: 50%;
+        background: var(--wp--preset--color--accent);
+}
+
+.postfolio-ticker .wp-block-post-title {
+        margin: 0;
+        color: inherit; /* headings default to "contrast", which matches the bar */
+        font-weight: 600;
+        line-height: 1.3;
+}
+
+.postfolio-ticker .wp-block-post-title a {
+        color: inherit;
+        text-decoration: none;
+}
+
+.postfolio-ticker .wp-block-post-title a:hover,
+.postfolio-ticker .wp-block-post-title a:focus-visible {
+        text-decoration: underline;
+}
+
+.postfolio-ticker.is-ready .wp-block-post-template {
+        animation: postfolio-ticker var(--postfolio-ticker-duration, 40s) linear infinite;
+}
+
+.postfolio-ticker.is-ready:hover .wp-block-post-template,
+.postfolio-ticker.is-ready:focus-within .wp-block-post-template,
+.postfolio-ticker.is-paused .wp-block-post-template {
+        animation-play-state: paused;
+}
+
+.postfolio-ticker__toggle {
+        position: relative;
+        z-index: 2;
+        flex: none;
+        width: 2.75rem;
+        align-self: stretch;
+        border: 0;
+        border-left: 1px solid color-mix(in srgb, currentColor 20%, transparent);
+        background: transparent;
+        color: inherit;
+        cursor: pointer;
+}
+
+.postfolio-ticker__toggle span {
+        display: block;
+        width: 10px;
+        height: 12px;
+        margin: auto;
+        border-left: 3px solid currentColor;
+        border-right: 3px solid currentColor;
+}
+
+.postfolio-ticker__toggle[aria-pressed="true"] span {
+        width: 0;
+        height: 0;
+        border-top: 6px solid transparent;
+        border-bottom: 6px solid transparent;
+        border-left: 10px solid currentColor;
+        border-right: 0;
+}
+
+.postfolio-ticker__toggle:focus-visible {
+        outline: 2px solid var(--wp--preset--color--accent);
+        outline-offset: -4px;
+}
+
+@keyframes postfolio-ticker {
+        to {
+                transform: translateX(-50%);
+        }
+}
+
+@keyframes postfolio-pulse {
+        50% {
+                opacity: 0.35;
+        }
+}
+
+/* ---------- News top bar ---------- */
+.postfolio-top-bar p {
+        margin: 0;
+}
+
+.postfolio-top-bar__date {
+        font-weight: 600;
+}
+
+.postfolio-trending-tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.25rem 1rem;
+        margin: 0;
+}
+
+.postfolio-trending-tags a {
+        color: var(--wp--preset--color--contrast);
+        text-decoration: none;
+        white-space: nowrap;
+}
+
+.postfolio-trending-tags a::before {
+        content: "#";
+        color: var(--wp--preset--color--accent);
+}
+
+.postfolio-trending-tags a:hover {
+        color: var(--wp--preset--color--accent);
+}
+
+.postfolio-top-bar__toggle .wp-block-button__link {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.4em;
+        padding: 0.3em 0.9em;
+        border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent);
+        background: transparent;
+        color: var(--wp--preset--color--contrast);
+}
+
+.postfolio-top-bar__toggle .wp-block-button__link::before {
+        content: "\263E";
+}
+
+.postfolio-is-dark .postfolio-top-bar__toggle .wp-block-button__link::before {
+        content: "\2600";
+}
+
+/* The switch only works when the Dark mode module is on. */
+body:not(.postfolio-has-dark-mode) .wp-block-button.is-style-theme-toggle {
+        display: none;
+}
+
+@media (max-width: 781px) {
+        .postfolio-top-bar__trending,
+        .postfolio-top-bar__social {
+                display: none !important;
+        }
+}
+
+/* ---------- Ad slots: space is reserved so the page never jumps ---------- */
+.postfolio-ad {
+        margin-left: auto;
+        margin-right: auto;
+}
+
+.postfolio-ad__label {
+        margin: 0;
+        color: var(--wp--preset--color--contrast-2);
+        font-size: 0.6875rem;
+        letter-spacing: 0.12em;
+        text-align: center;
+        text-transform: uppercase;
+}
+
+.postfolio-ad__slot {
+        width: 100%;
+        overflow: hidden;
+        border: 1px dashed color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent);
+        border-radius: 0.5rem;
+        background: var(--wp--preset--color--base-2);
+}
+
+/* Once real ad code is inside, drop the placeholder look. */
+.postfolio-ad__slot:has(iframe, ins, script, img) {
+        border: 0;
+        background: transparent;
+}
+
+.postfolio-ad__size {
+        margin: 0;
+        color: var(--wp--preset--color--contrast-2);
+        font-size: var(--wp--preset--font-size--small);
+}
+
+.postfolio-ad--leaderboard .postfolio-ad__slot {
+        max-width: 728px;
+        min-height: 90px;
+}
+
+.postfolio-ad--rectangle .postfolio-ad__slot {
+        max-width: 300px;
+        min-height: 250px;
+}
+
+.postfolio-ad--in-article {
+        padding: 1rem 0;
+        border-top: 1px solid var(--wp--preset--color--base-2);
+        border-bottom: 1px solid var(--wp--preset--color--base-2);
+}
+
+.postfolio-ad--in-article .postfolio-ad__slot {
+        min-height: 250px;
+}
+
+@media (max-width: 781px) {
+        .postfolio-ad--leaderboard .postfolio-ad__slot {
+                max-width: 320px;
+                min-height: 100px;
+        }
+}
+
+/* ---------- Live blog ---------- */
+.postfolio-live__badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.45em;
+        margin: 0;
+        padding: 0.25em 0.75em;
+        border-radius: 999px;
+        background: #dc2626;
+        color: #fff;
+        font-size: var(--wp--preset--font-size--small);
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+}
+
+.postfolio-live__badge::before {
+        content: "";
+        width: 0.5em;
+        height: 0.5em;
+        border-radius: 50%;
+        background: currentColor;
+        animation: postfolio-pulse 1.4s ease-in-out infinite;
+}
+
+.postfolio-live__summary ul {
+        margin: 0;
+        padding-left: 1.2em;
+}
+
+.postfolio-live__timeline {
+        position: relative;
+        padding-left: 2rem;
+}
+
+.postfolio-live__timeline::before {
+        content: "";
+        position: absolute;
+        top: 0.5rem;
+        bottom: 0.5rem;
+        left: 0.45rem;
+        width: 2px;
+        background: var(--wp--preset--color--base-2);
+}
+
+.postfolio-live__entry {
+        position: relative;
+        padding-bottom: var(--wp--preset--spacing--30);
+}
+
+.postfolio-live__entry + .postfolio-live__entry {
+        margin-top: 0;
+        padding-top: var(--wp--preset--spacing--30);
+        border-top: 1px solid var(--wp--preset--color--base-2);
+}
+
+.postfolio-live__entry::before {
+        content: "";
+        position: absolute;
+        top: 0.35rem;
+        left: -1.95rem;
+        width: 0.85rem;
+        height: 0.85rem;
+        border: 3px solid var(--wp--preset--color--base);
+        border-radius: 50%;
+        background: var(--wp--preset--color--accent);
+        box-shadow: 0 0 0 1px var(--wp--preset--color--accent);
+}
+
+.postfolio-live__entry + .postfolio-live__entry::before {
+        top: calc(var(--wp--preset--spacing--30) + 0.35rem);
+}
+
+.postfolio-live__entry.is-pinned::before {
+        box-shadow: 0 0 0 1px var(--wp--preset--color--accent), 0 0 0 6px color-mix(in srgb, var(--wp--preset--color--accent) 25%, transparent);
+}
+
+.postfolio-live__time {
+        margin: 0;
+        font-weight: 700;
+        font-variant-numeric: tabular-nums;
+}
+
+/* ---------- Category archive ---------- */
+.postfolio-subcategories {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 0.6rem 1rem;
+        margin-top: 0.5rem;
+}
+
+.postfolio-subcategories ul {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+}
+
+.postfolio-subcategories a {
+        display: inline-flex;
+        gap: 0.4em;
+        padding: 0.35em 0.9em;
+        border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 20%, transparent);
+        border-radius: 999px;
+        color: var(--wp--preset--color--contrast);
+        font-size: var(--wp--preset--font-size--small);
+        font-weight: 600;
+        text-decoration: none;
+}
+
+.postfolio-subcategories a span {
+        color: var(--wp--preset--color--contrast-2);
+        font-weight: 400;
+}
+
+.postfolio-subcategories a:hover {
+        border-color: var(--wp--preset--color--accent);
+        color: var(--wp--preset--color--accent);
+}
+
+.postfolio-category-lead .wp-block-post-title a {
+        color: inherit;
+        text-decoration: none;
+}
+
+/* ---------- Post formats ---------- */
+.postfolio-format-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.45em;
+        margin: 0;
+        padding: 0.3em 0.9em;
+        border-radius: 999px;
+        background: var(--wp--preset--color--accent);
+        color: var(--wp--preset--color--base);
+        font-size: var(--wp--preset--font-size--small);
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+}
+
+p.has-text-align-center.postfolio-format-badge {
+        display: table;
+        margin-left: auto;
+        margin-right: auto;
+}
+
+/* Video: the first video or embed fills the wide width of the dark stage. */
+.postfolio-format-video .wp-block-post-content > :is(.wp-block-video, .wp-block-embed):first-child {
+        max-width: var(--wp--style--global--wide-size);
+        margin-left: auto;
+        margin-right: auto;
+}
+
+.postfolio-format-video .wp-block-post-content > :is(.wp-block-video, .wp-block-embed):first-child :is(video, iframe) {
+        border-radius: 1rem;
+        box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6);
+}
+
+.postfolio-format-video .wp-block-post-terms a,
+.postfolio-format-video .wp-block-post-author-name a {
+        color: inherit;
+}
+
+/* Gallery: galleries and images break out to the wide width. */
+.postfolio-format-gallery .wp-block-post-content > :is(.wp-block-gallery, .wp-block-image) {
+        max-width: var(--wp--style--global--wide-size);
+        margin-left: auto;
+        margin-right: auto;
+}
+
+.postfolio-format-gallery .wp-block-gallery img {
+        border-radius: 0.75rem;
+}
+
+/* Quote: the quote is the hero. */
+.postfolio-format-quote .wp-block-quote {
+        position: relative;
+        margin: 0;
+        padding: 4.5rem 0 0;
+        border: 0;
+        text-align: center;
+}
+
+.postfolio-format-quote .wp-block-quote::before {
+        content: "\201C";
+        position: absolute;
+        top: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        color: var(--wp--preset--color--accent);
+        font-family: Georgia, serif;
+        font-size: 6rem;
+        line-height: 1;
+}
+
+.postfolio-format-quote .wp-block-quote p {
+        font-family: var(--wp--preset--font-family--playfair-display, Georgia, serif);
+        font-size: clamp(1.6rem, 1.1rem + 2vw, 2.75rem);
+        font-style: italic;
+        line-height: 1.3;
+}
+
+.postfolio-format-quote .wp-block-quote cite {
+        display: block;
+        margin-top: 1rem;
+        color: var(--wp--preset--color--contrast-2);
+        font-style: normal;
+        font-weight: 600;
+}
+
+/* Audio: podcast-style cover art and a full-width player. */
+.postfolio-cover-art img {
+        box-shadow: 0 20px 40px -18px rgba(15, 23, 42, 0.45);
+}
+
+.postfolio-format-audio .wp-block-audio audio {
+        width: 100%;
+}
+
+.postfolio-format-audio .wp-block-audio {
+        padding: 1rem;
+        border: 1px solid var(--wp--preset--color--base-2);
+        border-radius: 999px;
+}
+
+/* ---------- Author archive hero ---------- */
+.postfolio-author-hero p {
+        margin: 0;
+}
+
+.postfolio-author-hero-avatar {
+        flex: none;
+}
+
+.postfolio-author-hero-stats {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.4rem 1.25rem;
+        color: var(--wp--preset--color--contrast-2);
+}
+
+.postfolio-author-hero-stats strong {
+        color: var(--wp--preset--color--contrast);
+        font-size: 1.1em;
+}
+
+.postfolio-author-social .wp-social-link {
+        background: var(--wp--preset--color--contrast) !important;
+        color: var(--wp--preset--color--base) !important;
+}
+
+@media (max-width: 600px) {
+        .postfolio-author-hero__inner {
+                flex-direction: column;
+                align-items: flex-start !important;
+        }
+
+        .postfolio-author-hero-avatar img {
+                width: 96px !important;
+                height: 96px !important;
+        }
+}
+
+/* ---------- Case study ---------- */
+.postfolio-case-study__lede {
+        max-width: 46rem;
+}
+
+.postfolio-case-heading {
+        margin-top: var(--wp--preset--spacing--50) !important;
+}
+
+.postfolio-case-facts p {
+        margin: 0;
+}
+
+.postfolio-case-quote {
+        margin: var(--wp--preset--spacing--40) 0;
+        padding-left: 1.25rem;
+        border-left: 4px solid var(--wp--preset--color--accent);
+}
+
+.postfolio-case-quote p {
+        font-size: var(--wp--preset--font-size--x-large);
+        font-weight: 600;
+        line-height: 1.35;
+}
+
+.postfolio-case-quote cite {
+        color: var(--wp--preset--color--contrast-2);
+        font-style: normal;
+}
+
+.postfolio-next-project a {
+        color: inherit;
+        text-decoration: none;
+}
+
+.postfolio-next-project a:hover {
+        text-decoration: underline;
+}
+
+.postfolio-case-study__cta .postfolio-kicker {
+        opacity: 0.72;
+}
+
 /* ---------- Reduced motion ---------- */
 @media (prefers-reduced-motion: reduce) {
+        /* The ticker becomes a static list visitors can scroll sideways. */
+        .postfolio-ticker__track {
+                overflow-x: auto;
+                -webkit-mask-image: none;
+                mask-image: none;
+        }
+
+        .postfolio-ticker .wp-block-post-template,
+        .postfolio-ticker__label::before,
+        .postfolio-live__badge::before {
+                animation: none !important;
+        }
+
         .is-style-card,
         .is-style-card .wp-block-post-featured-image img,
+        .postfolio-spotlight-primary .wp-block-cover__image-background,
+        .postfolio-story-card .wp-block-post-featured-image img,
         .postfolio-row-item,
         .postfolio-logo-cloud img,
@@ -416 +1706 @@
 }
 
+.postfolio-meta-row > :first-child::before {
+        content: none !important;
+}
+
 .postfolio-logo-cloud .wp-block-image img {
         width: 100%;

postfolio-blocks/1.2.0/assets/css/modules.css

@@ -33 +33 @@
         background: var(--wp--preset--color--contrast, #101014);
         color: var(--wp--preset--color--base, #fff);
-        box-shadow: var(--wp--preset--shadow--elevated, 0 12px 24px rgba(0, 0, 0, 0.2));
+        /* The thin ring keeps the button visible over a footer of the same color. */
+        box-shadow: 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--base, #fff) 22%, transparent), var(--wp--preset--shadow--elevated, 0 12px 24px rgba(0, 0, 0, 0.2));
         cursor: pointer;
         text-decoration: none;
@@ -146 +147 @@
 /* ---------- Footer reveal ---------- */
 .postfolio-footer-reveal-ready .wp-site-blocks > :not(footer) {
+        /* flow-root keeps the last section's bottom margin inside this painted
+           area, so content never sits flush against the revealed footer. */
+        display: flow-root;
         position: relative;
         z-index: 1;

postfolio-blocks/1.2.0/assets/js/admin-dashboard.js

@@ -48 +48 @@
                 } );
 
+                // Recommended plugins: install with core's wp.updates, then activate,
+                // all without leaving the page. Without JS the link opens core's installer.
+                function markActive( $btn ) {
+                        $btn.closest( '.postfolio-plugin-card' ).removeClass( 'is-install is-activate' ).addClass( 'is-active' );
+                        $btn.replaceWith(
+                                $( '<span class="postfolio-plugin-active">' )
+                                        .append( '<span class="dashicons dashicons-yes-alt" aria-hidden="true"></span>' )
+                                        .append( document.createTextNode( i18n.active || '' ) )
+                        );
+                }
+
+                function activate( $btn, url ) {
+                        $btn.addClass( 'updating-message' ).text( i18n.activating || '…' );
+                        $.get( url )
+                                .done( function () {
+                                        markActive( $btn );
+                                } )
+                                .fail( function () {
+                                        window.location.href = url;
+                                } );
+                }
+
+                $( document ).on( 'click', '.postfolio-plugin-install', function ( e ) {
+                        var $btn = $( this );
+
+                        if ( ! window.wp || ! window.wp.updates ) {
+                                return; // Follow the link to core's install screen.
+                        }
+
+                        e.preventDefault();
+                        $btn.addClass( 'updating-message disabled' ).attr( 'aria-disabled', 'true' ).text( i18n.installing || '…' );
+
+                        window.wp.updates
+                                .installPlugin( { slug: $btn.data( 'slug' ) } )
+                                .done( function ( response ) {
+                                        if ( response && response.activateUrl ) {
+                                                activate( $btn, response.activateUrl );
+                                        } else {
+                                                markActive( $btn );
+                                        }
+                                } )
+                                .fail( function () {
+                                        $btn.removeClass( 'updating-message disabled' ).text( i18n.installFail || '' );
+                                        window.location.href = $btn.attr( 'href' );
+                                } );
+                } );
+
+                // Activate links stay on this page too.
+                $( document ).on( 'click', '.postfolio-plugin-card.is-activate .postfolio-plugin-btn', function ( e ) {
+                        e.preventDefault();
+                        activate( $( this ), $( this ).attr( 'href' ) );
+                } );
+
                 // AJAX starter site import.
                 $( document ).on( 'click', '.postfolio-btn-import', function ( e ) {
@@ -74 +127 @@
                                         demo_slug: demoSlug,
                                         apply_style: $( '#postfolio-apply-style' ).is( ':checked' ) ? 1 : 0,
+                                        demo_content: $( '#postfolio-demo-content' ).is( ':checked' ) ? 1 : 0,
                                         security: vars.nonce,
                                 },
@@ -80 +134 @@
                                         if ( response && response.success ) {
                                                 $btn.prop( 'disabled', false ).text( i18n.imported || '' );
+                                                $btn.closest( '.postfolio-starter-card' ).addClass( 'is-imported' );
                                                 $notice
                                                         .addClass( 'success' )

postfolio-blocks/1.2.0/functions.php

@@ -44 +44 @@
                 wp_enqueue_style( 'postfolio-blocks-style', get_stylesheet_uri(), array(), $version );
                 wp_enqueue_style( 'postfolio-blocks-custom', get_theme_file_uri( 'assets/css/custom.css' ), array( 'postfolio-blocks-style' ), $version );
+                wp_add_inline_style( 'postfolio-blocks-custom', postfolio_blocks_footer_palette_css() );
         }
 }
@@ -82 +83 @@
                                 'label'       => _x( 'Postfolio — Author & Contact', 'Block pattern category', 'postfolio-blocks' ),
                                 'description' => __( 'Author bio cards, social link profiles and contact blocks.', 'postfolio-blocks' ),
+                        ),
+                        'postfolio-blocks-news'         => array(
+                                'label'       => _x( 'Postfolio — News & Ads', 'Block pattern category', 'postfolio-blocks' ),
+                                'description' => __( 'Breaking news ticker, top bar, live blog and ad slots.', 'postfolio-blocks' ),
                         ),
                         'postfolio-blocks-pages'        => array(
@@ -165 +170 @@
 require_once get_template_directory() . '/inc/modules.php';
 require_once get_template_directory() . '/inc/blog-features.php';
+require_once get_template_directory() . '/inc/news-features.php';
+require_once get_template_directory() . '/inc/demo-content.php';
 require_once get_template_directory() . '/inc/starter-sites.php';
+require_once get_template_directory() . '/inc/recommended-plugins.php';
 require_once get_template_directory() . '/inc/admin-dashboard.php';

postfolio-blocks/1.2.0/inc/admin-dashboard.php

@@ -66 +66 @@
                                 'error'     => __( 'An unexpected server error occurred during import.', 'postfolio-blocks' ),
                                 'visit'     => __( 'View site', 'postfolio-blocks' ),
+                                'installing'  => __( 'Installing…', 'postfolio-blocks' ),
+                                'activating'  => __( 'Activating…', 'postfolio-blocks' ),
+                                'active'      => __( 'Active', 'postfolio-blocks' ),
+                                'installFail' => __( 'Could not install. Opening the WordPress installer…', 'postfolio-blocks' ),
                         ),
                 )
@@ -134 +138 @@
 
 /**
+ * Render a decorative mini mockup of a starter site's homepage.
+ *
+ * The markup is plain divs painted with the site's own design tokens
+ * (see postfolio_blocks_starter_site_tokens()), so no preview images ship
+ * with the theme and the cards follow any palette or font change.
+ *
+ * @param string $layout Starter site layout key.
+ * @param string $logo   Short brand name shown in the mock header.
+ */
+function postfolio_blocks_starter_mockup( $layout, $logo ) {
+        $lines = function ( $widths, $class = '' ) {
+                foreach ( $widths as $width ) {
+                        printf( '<span class="pfm-line %1$s" style="width:%2$d%%"></span>', esc_attr( $class ), (int) $width );
+                }
+        };
+        $card  = function ( $img = 'pfm-img' ) use ( $lines ) {
+                echo '<div class="pfm-card"><span class="' . esc_attr( $img ) . '"></span><span class="pfm-tag"></span>';
+                $lines( array( 92, 70 ), 'is-strong' );
+                $lines( array( 55 ) );
+                echo '</div>';
+        };
+        $header = function ( $class = '' ) use ( $logo ) {
+                echo '<div class="pfm-header ' . esc_attr( $class ) . '"><b class="pfm-logo">' . esc_html( $logo ) . '</b><span class="pfm-nav"><i></i><i></i><i></i><i></i></span><span class="pfm-btn is-small"></span></div>';
+        };
+        ?>
+        <div class="pfm-chrome"><i></i><i></i><i></i><span class="pfm-url"></span></div>
+        <div class="pfm-screen">
+                <div class="pfm-page pfm-<?php echo esc_attr( $layout ); ?>">
+                        <?php if ( 'blog' === $layout ) : ?>
+                                <?php $header(); ?>
+                                <div class="pfm-hero">
+                                        <span class="pfm-kicker"></span>
+                                        <b class="pfm-title"><?php esc_html_e( 'Notes on design, code & life', 'postfolio-blocks' ); ?></b>
+                                        <?php $lines( array( 74, 52 ) ); ?>
+                                        <span class="pfm-btn"></span>
+                                </div>
+                                <div class="pfm-grid is-3"><?php $card(); $card(); $card(); ?></div>
+                                <div class="pfm-grid is-3"><?php $card(); $card(); $card(); ?></div>
+                                <div class="pfm-band"><b class="pfm-title is-sm"><?php esc_html_e( 'Join the newsletter', 'postfolio-blocks' ); ?></b><span class="pfm-input"></span></div>
+
+                        <?php elseif ( 'magazine' === $layout ) : ?>
+                                <?php $header( 'is-ruled' ); ?>
+                                <div class="pfm-feature">
+                                        <div class="pfm-lead">
+                                                <span class="pfm-img is-tall"></span>
+                                                <span class="pfm-tag"></span>
+                                                <b class="pfm-title is-md"><?php esc_html_e( 'The stories shaping this week', 'postfolio-blocks' ); ?></b>
+                                                <?php $lines( array( 86, 60 ) ); ?>
+                                        </div>
+                                        <div class="pfm-side">
+                                                <?php for ( $i = 0; $i < 3; $i++ ) : ?>
+                                                        <div class="pfm-row"><span class="pfm-img is-thumb"></span><div><span class="pfm-tag"></span><?php $lines( array( 95, 70 ), 'is-strong' ); ?></div></div>
+                                                <?php endfor; ?>
+                                        </div>
+                                </div>
+                                <div class="pfm-label"></div>
+                                <div class="pfm-grid is-4"><?php $card(); $card(); $card(); $card(); ?></div>
+                                <div class="pfm-grid is-4"><?php $card(); $card(); $card(); $card(); ?></div>
+
+                        <?php elseif ( 'editorial' === $layout ) : ?>
+                                <?php $header(); ?>
+                                <div class="pfm-hero is-center">
+                                        <span class="pfm-kicker"></span>
+                                        <b class="pfm-title"><?php esc_html_e( 'The Daily Edition', 'postfolio-blocks' ); ?></b>
+                                        <?php $lines( array( 60 ) ); ?>
+                                </div>
+                                <div class="pfm-list">
+                                        <?php for ( $i = 0; $i < 6; $i++ ) : ?>
+                                                <div class="pfm-row is-list"><div><span class="pfm-tag"></span><?php $lines( array( 88, 64 ), 'is-strong' ); ?><?php $lines( array( 40 ) ); ?></div><span class="pfm-img is-thumb"></span></div>
+                                        <?php endfor; ?>
+                                </div>
+
+                        <?php elseif ( 'portfolio' === $layout ) : ?>
+                                <?php $header(); ?>
+                                <div class="pfm-hero">
+                                        <span class="pfm-kicker"></span>
+                                        <b class="pfm-title is-lg"><?php esc_html_e( 'I design calm, useful', 'postfolio-blocks' ); ?> <em><?php esc_html_e( 'digital products.', 'postfolio-blocks' ); ?></em></b>
+                                        <span class="pfm-actions"><span class="pfm-btn"></span><span class="pfm-btn is-ghost"></span></span>
+                                </div>
+                                <div class="pfm-grid is-3 pfm-projects">
+                                        <?php for ( $i = 0; $i < 6; $i++ ) : ?>
+                                                <span class="pfm-tile"></span>
+                                        <?php endfor; ?>
+                                </div>
+                                <div class="pfm-band is-split"><b class="pfm-title is-sm"><?php esc_html_e( 'Let’s work together', 'postfolio-blocks' ); ?></b><span class="pfm-btn"></span></div>
+
+                        <?php else : ?>
+                                <div class="pfm-cover">
+                                        <?php $header( 'is-transparent' ); ?>
+                                        <span class="pfm-kicker"></span>
+                                        <b class="pfm-title"><?php esc_html_e( 'We help brands grow online', 'postfolio-blocks' ); ?></b>
+                                        <?php $lines( array( 62 ) ); ?>
+                                        <span class="pfm-actions"><span class="pfm-btn"></span><span class="pfm-btn is-ghost"></span></span>
+                                </div>
+                                <div class="pfm-grid is-3 pfm-services">
+                                        <?php for ( $i = 0; $i < 3; $i++ ) : ?>
+                                                <div class="pfm-card is-boxed"><span class="pfm-icon"></span><?php $lines( array( 70 ), 'is-strong' ); ?><?php $lines( array( 92, 80 ) ); ?></div>
+                                        <?php endfor; ?>
+                                </div>
+                                <div class="pfm-grid is-3 pfm-pricing">
+                                        <?php for ( $i = 0; $i < 3; $i++ ) : ?>
+                                                <div class="pfm-card is-boxed<?php echo 1 === $i ? ' is-featured' : ''; ?>"><?php $lines( array( 40 ) ); ?><b class="pfm-price"></b><?php $lines( array( 80, 70, 75 ) ); ?><span class="pfm-btn is-block"></span></div>
+                                        <?php endfor; ?>
+                                </div>
+                        <?php endif; ?>
+                </div>
+        </div>
+        <?php
+}
+
+/**
  * Render the main theme dashboard admin page.
  */
@@ -153 +268 @@
                                 <li><button type="button" role="tab" class="nav-tab" data-tab="modules"><?php esc_html_e( 'Modules', 'postfolio-blocks' ); ?></button></li>
                                 <li><button type="button" role="tab" class="nav-tab" data-tab="starter-sites"><?php esc_html_e( 'Starter Sites', 'postfolio-blocks' ); ?></button></li>
+                                <li><button type="button" role="tab" class="nav-tab" data-tab="recommended-plugins"><?php esc_html_e( 'Recommended Plugins', 'postfolio-blocks' ); ?></button></li>
                                 <li><button type="button" role="tab" class="nav-tab" data-tab="features"><?php esc_html_e( 'All Features', 'postfolio-blocks' ); ?></button></li>
                         </ul>
@@ -278 +394 @@
                                 <?php esc_html_e( 'Also apply the matching style variation (replaces your current Global Styles colors and fonts)', 'postfolio-blocks' ); ?>
                         </label>
+                        <label class="postfolio-apply-style">
+                                <input type="checkbox" id="postfolio-demo-content" value="1" checked>
+                                <?php esc_html_e( 'Add demo posts, categories, featured images and a menu where the starter site includes them (marked "Demo content")', 'postfolio-blocks' ); ?>
+                        </label>
 
                         <div class="postfolio-starter-grid">
-                                <?php foreach ( postfolio_blocks_starter_sites() as $slug => $site ) : ?>
-                                        <div class="postfolio-starter-card">
-                                                <?php if ( $site['style'] ) : ?>
-                                                        <div class="postfolio-pro-badge"><?php echo esc_html( $site['style'] ); ?></div>
-                                                <?php endif; ?>
-                                                <div class="postfolio-starter-preview-wrap">
-                                                        <img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/' . $site['image'] ) ); ?>" alt="" loading="lazy">
+                                <?php
+                                $imported_sites = get_option( 'postfolio_blocks_imported_pages', array() );
+                                $imported_sites = is_array( $imported_sites ) ? $imported_sites : array();
+
+                                foreach ( postfolio_blocks_starter_sites() as $slug => $site ) :
+                                        $tokens   = postfolio_blocks_starter_site_tokens( $site['style'] );
+                                        $imported = ! empty( $imported_sites[ $slug ] );
+                                        $pages    = wp_list_pluck( $site['pages'], 0 );
+
+                                        if ( ! $site['front'] ) {
+                                                array_unshift( $pages, __( 'Latest posts', 'postfolio-blocks' ) );
+                                        }
+
+                                        if ( ! empty( $site['demo'] ) ) {
+                                                /* translators: %d: number of demo posts. */
+                                                $pages[] = sprintf( __( 'Demo content: %d posts', 'postfolio-blocks' ), count( postfolio_blocks_demo_posts() ) + ( empty( $site['projects'] ) ? 0 : count( postfolio_blocks_demo_projects() ) ) );
+                                        }
+
+                                        $vars = sprintf(
+                                                '--pf-bg:%1$s;--pf-bg2:%2$s;--pf-fg:%3$s;--pf-fg2:%4$s;--pf-ac:%5$s;--pf-ac2:%6$s;--pf-hf:%7$s;--pf-bf:%8$s;--pf-r:%9$s',
+                                                $tokens['base'],
+                                                $tokens['base-2'],
+                                                $tokens['contrast'],
+                                                $tokens['contrast-2'],
+                                                $tokens['accent'],
+                                                $tokens['accent-2'],
+                                                $tokens['heading'],
+                                                $tokens['body'],
+                                                $tokens['radius']
+                                        );
+                                        ?>
+                                        <article class="postfolio-starter-card<?php echo $imported ? ' is-imported' : ''; ?>" style="<?php echo esc_attr( $vars ); ?>" aria-labelledby="postfolio-starter-<?php echo esc_attr( $slug ); ?>">
+                                                <div class="postfolio-starter-preview-wrap" aria-hidden="true">
+                                                        <?php postfolio_blocks_starter_mockup( $site['layout'], get_bloginfo( 'name' ) ? get_bloginfo( 'name' ) : 'Postfolio' ); ?>
                                                 </div>
                                                 <div class="postfolio-starter-footer">
-                                                        <span class="postfolio-starter-title"><?php echo esc_html( $site['title'] ); ?></span>
+                                                        <div class="postfolio-starter-head">
+                                                                <h3 class="postfolio-starter-title" id="postfolio-starter-<?php echo esc_attr( $slug ); ?>"><?php echo esc_html( $site['title'] ); ?></h3>
+                                                                <?php if ( $imported ) : ?>
+                                                                        <span class="postfolio-starter-status"><span class="dashicons dashicons-yes" aria-hidden="true"></span><?php esc_html_e( 'Imported', 'postfolio-blocks' ); ?></span>
+                                                                <?php endif; ?>
+                                                        </div>
                                                         <p class="postfolio-starter-desc"><?php echo esc_html( $site['description'] ); ?></p>
+
+                                                        <dl class="postfolio-starter-meta">
+                                                                <div>
+                                                                        <dt><?php esc_html_e( 'Style', 'postfolio-blocks' ); ?></dt>
+                                                                        <dd>
+                                                                                <span class="postfolio-starter-swatches" aria-hidden="true"><i style="background:var(--pf-bg)"></i><i style="background:var(--pf-fg)"></i><i style="background:var(--pf-ac)"></i><i style="background:var(--pf-ac2)"></i></span>
+                                                                                <?php echo esc_html( $site['style'] ? $site['style'] : __( 'Default', 'postfolio-blocks' ) ); ?>
+                                                                        </dd>
+                                                                </div>
+                                                                <div>
+                                                                        <dt><?php esc_html_e( 'Fonts', 'postfolio-blocks' ); ?></dt>
+                                                                        <dd>
+                                                                                <span class="postfolio-starter-font is-heading"><?php echo esc_html( $tokens['heading-name'] ); ?></span>
+                                                                                <?php if ( $tokens['body-name'] !== $tokens['heading-name'] ) : ?>
+                                                                                        <span aria-hidden="true">+</span>
+                                                                                        <span class="postfolio-starter-font is-body"><?php echo esc_html( $tokens['body-name'] ); ?></span>
+                                                                                <?php endif; ?>
+                                                                        </dd>
+                                                                </div>
+                                                                <div>
+                                                                        <dt><?php esc_html_e( 'Pages', 'postfolio-blocks' ); ?></dt>
+                                                                        <dd>
+                                                                                <ul class="postfolio-starter-pages">
+                                                                                        <?php foreach ( $pages as $page_title ) : ?>
+                                                                                                <li><?php echo esc_html( $page_title ); ?></li>
+                                                                                        <?php endforeach; ?>
+                                                                                </ul>
+                                                                        </dd>
+                                                                </div>
+                                                        </dl>
+
                                                         <div class="postfolio-starter-actions">
                                                                 <button type="button" class="postfolio-btn-import" data-demo="<?php echo esc_attr( $slug ); ?>" data-title="<?php echo esc_attr( $site['title'] ); ?>">
-                                                                        <span class="dashicons dashicons-download" aria-hidden="true"></span>
-                                                                        <?php esc_html_e( 'Import', 'postfolio-blocks' ); ?>
+                                                                        <span class="dashicons dashicons-<?php echo $imported ? 'update' : 'download'; ?>" aria-hidden="true"></span>
+                                                                        <?php $imported ? esc_html_e( 'Re-import', 'postfolio-blocks' ) : esc_html_e( 'Import', 'postfolio-blocks' ); ?>
                                                                 </button>
                                                         </div>
                                                 </div>
-                                        </div>
+                                        </article>
                                 <?php endforeach; ?>
                         </div>
                 </div>
 
-                <!-- TAB 4: ALL FEATURES -->
+                <!-- TAB 4: RECOMMENDED PLUGINS -->
+                <div id="recommended-plugins" class="postfolio-tab-panel" role="tabpanel">
+                        <?php postfolio_blocks_render_recommended_plugins(); ?>
+                </div>
+
+                <!-- TAB 5: ALL FEATURES -->
                 <div id="features" class="postfolio-tab-panel" role="tabpanel">
                         <div class="postfolio-section-header">

postfolio-blocks/1.2.0/inc/blog-features.php

@@ -50 +50 @@
                         $parsed_block['attrs']['query']['inherit']       = false;
                         $parsed_block['attrs']['query']['postfolioMode'] = 'popular';
+                } elseif ( postfolio_blocks_block_has_class( $parsed_block, 'postfolio-current-term' ) ) {
+                        $parsed_block['attrs']['query']['inherit']       = false;
+                        $parsed_block['attrs']['query']['postfolioMode'] = 'current-term';
                 }
         }
@@ -60 +63 @@
 }
 add_filter( 'render_block_data', 'postfolio_blocks_render_block_data' );
+
+/**
+ * Pass the related/popular mode from a tagged Query Loop to its Post Template.
+ *
+ * render_block_data only reaches the post template's context when the Query
+ * Loop is a top-level block; inside groups or columns the context is built
+ * from the parent block, so set it here from the parent's class name.
+ *
+ * @param array         $context      Block context.
+ * @param array         $parsed_block Block being rendered.
+ * @param WP_Block|null $parent_block Parent block.
+ * @return array
+ */
+function postfolio_blocks_query_mode_context( $context, $parsed_block, $parent_block = null ) {
+        if ( ! $parent_block || 'core/query' !== $parent_block->name || ! isset( $context['query'] ) ) {
+                return $context;
+        }
+
+        $parent = $parent_block->parsed_block;
+
+        if ( postfolio_blocks_block_has_class( $parent, 'postfolio-related-posts' ) ) {
+                $context['query']['inherit']       = false;
+                $context['query']['postfolioMode'] = 'related';
+        } elseif ( postfolio_blocks_block_has_class( $parent, 'postfolio-popular-posts' ) ) {
+                $context['query']['inherit']       = false;
+                $context['query']['postfolioMode'] = 'popular';
+        } elseif ( postfolio_blocks_block_has_class( $parent, 'postfolio-current-term' ) ) {
+                $context['query']['inherit']       = false;
+                $context['query']['postfolioMode'] = 'current-term';
+        }
+
+        return $context;
+}
+add_filter( 'render_block_context', 'postfolio_blocks_query_mode_context', 10, 3 );
 
 /**
@@ -82 +119 @@
                                 $query['category__in'] = $categories;
                         }
+                }
+        } elseif ( 'current-term' === $mode ) {
+                // Archive sections (lead story, grid) scoped to the term being viewed.
+                $term = get_queried_object();
+                if ( $term instanceof WP_Term ) {
+                        $query['tax_query'] = array(
+                                array(
+                                        'taxonomy'         => $term->taxonomy,
+                                        'field'            => 'term_id',
+                                        'terms'            => array( $term->term_id ),
+                                        'include_children' => true,
+                                ),
+                        );
+                        $query['ignore_sticky_posts'] = true;
                 }
         } elseif ( 'popular' === $mode ) {
@@ -176 +227 @@
 }
 add_filter( 'render_block_core/group', 'postfolio_blocks_maybe_enqueue_toc', 10, 2 );
+
+/**
+ * Give the author box a short fallback bio, with a link to the author's
+ * archive, when the author has not filled in their biography yet.
+ *
+ * @param string $block_content Rendered block.
+ * @param array  $block         Parsed block.
+ * @return string
+ */
+function postfolio_blocks_author_bio_fallback( $block_content, $block ) {
+        if ( '' !== trim( $block_content ) || empty( $block['attrs']['className'] ) || false === strpos( $block['attrs']['className'], 'postfolio-author-bio' ) ) {
+                return $block_content;
+        }
+
+        $author_id = (int) get_post_field( 'post_author', get_the_ID() );
+        if ( ! $author_id ) {
+                return $block_content;
+        }
+
+        return sprintf(
+                '<div class="wp-block-post-author-biography postfolio-author-bio has-contrast-2-color has-text-color">%1$s <a href="%2$s">%3$s</a></div>',
+                /* translators: 1: author name, 2: site name. */
+                esc_html( sprintf( __( '%1$s writes for %2$s.', 'postfolio-blocks' ), get_the_author_meta( 'display_name', $author_id ), get_bloginfo( 'name' ) ) ),
+                esc_url( get_author_posts_url( $author_id ) ),
+                esc_html__( 'Read all their stories →', 'postfolio-blocks' )
+        );
+}
+add_filter( 'render_block_core/post-author-biography', 'postfolio_blocks_author_bio_fallback', 10, 2 );

postfolio-blocks/1.2.0/inc/modules.php

@@ -243 +243 @@
 
         return sprintf( 'html[data-postfolio-scheme="%1$s"]{%2$scolor-scheme:%1$s;}', $scheme, $declarations );
+}
+
+/**
+ * CSS that keeps the footers readable with any palette.
+ *
+ * The footers have a fixed dark background, so inside them "base" must
+ * always be the light color and "contrast" the dark one — whether the
+ * active palette is light, dark (e.g. Midnight) or switched by dark mode.
+ *
+ * @return string
+ */
+function postfolio_blocks_footer_palette_css() {
+        $palette = wp_get_global_settings( array( 'color', 'palette' ) );
+        $colors  = array();
+
+        foreach ( array( 'default', 'theme', 'custom' ) as $origin ) {
+                if ( ! empty( $palette[ $origin ] ) ) {
+                        foreach ( $palette[ $origin ] as $entry ) {
+                                $colors[ $entry['slug'] ] = $entry['color'];
+                        }
+                }
+        }
+
+        foreach ( array( 'base', 'contrast' ) as $slug ) {
+                if ( empty( $colors[ $slug ] ) || '#' !== substr( $colors[ $slug ], 0, 1 ) ) {
+                        return '';
+                }
+        }
+
+        $light = $colors['base'];
+        $dark  = $colors['contrast'];
+
+        if ( postfolio_blocks_luminance( $light ) < postfolio_blocks_luminance( $dark ) ) {
+                list( $light, $dark ) = array( $dark, $light );
+        }
+
+        return sprintf(
+                '.postfolio-footer{--wp--preset--color--base:%1$s;--wp--preset--color--base-2:%2$s;--wp--preset--color--contrast:%3$s;--wp--preset--color--contrast-2:%4$s;color-scheme:dark;}',
+                $light,
+                postfolio_blocks_mix_hex( $dark, $light, 0.12 ),
+                $dark,
+                postfolio_blocks_mix_hex( $light, $dark, 0.35 )
+        );
 }
 
@@ -339 +382 @@
  */
 function postfolio_blocks_module_body_class( $classes ) {
-        foreach ( array( 'smart_header', 'footer_reveal', 'animations' ) as $key ) {
+        foreach ( array( 'smart_header', 'footer_reveal', 'animations', 'dark_mode' ) as $key ) {
                 if ( postfolio_blocks_module_enabled( $key ) ) {
                         $classes[] = 'postfolio-has-' . str_replace( '_', '-', $key );

postfolio-blocks/1.2.0/inc/starter-sites.php

@@ -24 +24 @@
                 'blog'      => array(
                         'title'       => __( 'Personal Blog', 'postfolio-blocks' ),
-                        'description' => __( 'Latest posts on the homepage, plus About and Contact pages.', 'postfolio-blocks' ),
+                        'description' => __( 'Personal homepage with an intro, featured story and recent writing, plus Blog, About and Contact.', 'postfolio-blocks' ),
                         'style'       => '',
-                        'image'       => 'photo-1.svg',
-                        'front'       => '',
+                        'layout'      => 'blog',
+                        'demo'        => true,
+                        'front'       => 'home',
+                        'posts'       => 'blog',
                         'pages'       => array(
+                                'home'    => array( __( 'Home', 'postfolio-blocks' ), 'postfolio-blocks/page-blog-starter', 'page-no-title' ),
+                                'blog'    => array( __( 'Blog', 'postfolio-blocks' ), '', '' ),
                                 'about'   => array( __( 'About', 'postfolio-blocks' ), 'postfolio-blocks/page-about-content', '' ),
                                 'contact' => array( __( 'Contact', 'postfolio-blocks' ), 'postfolio-blocks/page-contact-starter', '' ),
@@ -37 +41 @@
                         'description' => __( 'Spotlight homepage with featured stories and a separate blog page.', 'postfolio-blocks' ),
                         'style'       => 'Retro',
-                        'image'       => 'photo-5.svg',
+                        'layout'      => 'magazine',
+                        'demo'        => true,
                         'front'       => 'home',
                         'posts'       => 'blog',
                         'pages'       => array(
-                                'home'    => array( __( 'Home', 'postfolio-blocks' ), '', 'home-2' ),
+                                'home'    => array( __( 'Home', 'postfolio-blocks' ), 'postfolio-blocks/page-magazine-starter', 'page-no-title' ),
                                 'blog'    => array( __( 'Blog', 'postfolio-blocks' ), '', '' ),
                                 'about'   => array( __( 'About', 'postfolio-blocks' ), 'postfolio-blocks/page-about-content', '' ),
@@ -49 +54 @@
                 'editorial' => array(
                         'title'       => __( 'Editorial News', 'postfolio-blocks' ),
-                        'description' => __( 'Clean editorial list homepage in the Nordic style.', 'postfolio-blocks' ),
+                        'description' => __( 'Lead story, latest headlines and a news list with sidebar, in the Nordic style.', 'postfolio-blocks' ),
                         'style'       => 'Nordic',
-                        'image'       => 'photo-6.svg',
+                        'layout'      => 'editorial',
+                        'demo'        => true,
                         'front'       => 'home',
                         'posts'       => 'blog',
                         'pages'       => array(
-                                'home'    => array( __( 'Home', 'postfolio-blocks' ), '', 'home-3' ),
+                                'home'    => array( __( 'Home', 'postfolio-blocks' ), 'postfolio-blocks/page-editorial-starter', 'page-no-title' ),
                                 'blog'    => array( __( 'Latest', 'postfolio-blocks' ), '', '' ),
                                 'about'   => array( __( 'About', 'postfolio-blocks' ), 'postfolio-blocks/page-about-content', '' ),
@@ -63 +69 @@
                 'portfolio' => array(
                         'title'       => __( 'Creative Portfolio', 'postfolio-blocks' ),
-                        'description' => __( 'Portfolio homepage, project grid, case study and contact page.', 'postfolio-blocks' ),
+                        'description' => __( 'Portfolio homepage, 4 demo case studies, work grid, journal and contact page.', 'postfolio-blocks' ),
                         'style'       => 'Midnight',
-                        'image'       => 'photo-7.svg',
+                        'layout'      => 'portfolio',
+                        'demo'        => true,
+                        'projects'    => true,
                         'front'       => 'home',
                         'posts'       => 'journal',
@@ -77 +85 @@
                 'business'  => array(
                         'title'       => __( 'Business & Agency', 'postfolio-blocks' ),
-                        'description' => __( 'Landing page with transparent header, services, pricing and contact.', 'postfolio-blocks' ),
+                        'description' => __( 'Agency homepage with split hero, services, selected work, process, team, pricing and FAQ.', 'postfolio-blocks' ),
                         'style'       => 'Sunset',
-                        'image'       => 'photo-2.svg',
+                        'layout'      => 'business',
                         'front'       => 'home',
                         'posts'       => 'news',
@@ -94 +102 @@
 
 /**
+ * Design tokens (colors, fonts, button radius) for a starter site preview.
+ *
+ * Read from theme.json and the starter site's style variation, so the
+ * dashboard card always matches what the import will actually look like.
+ *
+ * @param string $style Style variation title, or '' for the default style.
+ * @return array<string, string>
+ */
+function postfolio_blocks_starter_site_tokens( $style ) {
+        static $base = null;
+
+        if ( null === $base ) {
+                $base = wp_json_file_decode( get_theme_file_path( 'theme.json' ), array( 'associative' => true ) );
+                $base = is_array( $base ) ? $base : array();
+        }
+
+        $data = $base;
+
+        if ( $style ) {
+                foreach ( WP_Theme_JSON_Resolver::get_style_variations() as $variation ) {
+                        if ( isset( $variation['title'] ) && $variation['title'] === $style ) {
+                                $data = array_replace_recursive( $base, $variation );
+
+                                // Presets are replaced, not merged; newer WordPress versions also
+                                // key them by origin ("theme"), like Global Styles does.
+                                if ( isset( $variation['settings']['color']['palette'] ) ) {
+                                        $palette = $variation['settings']['color']['palette'];
+                                        $data['settings']['color']['palette'] = isset( $palette['theme'] ) ? $palette['theme'] : $palette;
+                                }
+                                break;
+                        }
+                }
+        }
+
+        $colors = array();
+        foreach ( isset( $data['settings']['color']['palette'] ) ? $data['settings']['color']['palette'] : array() as $color ) {
+                if ( isset( $color['slug'], $color['color'] ) ) {
+                        $colors[ $color['slug'] ] = $color['color'];
+                }
+        }
+
+        $fonts = array();
+        foreach ( isset( $base['settings']['typography']['fontFamilies'] ) ? $base['settings']['typography']['fontFamilies'] : array() as $font ) {
+                $fonts[ $font['slug'] ] = array( $font['name'], $font['fontFamily'] );
+        }
+
+        $font_for = function ( $value, $fallback ) use ( $fonts ) {
+                if ( is_string( $value ) && preg_match( '/font-family--([a-z0-9-]+)/', $value, $match ) && isset( $fonts[ $match[1] ] ) ) {
+                        return $fonts[ $match[1] ];
+                }
+                return isset( $fonts[ $fallback ] ) ? $fonts[ $fallback ] : array( '', 'sans-serif' );
+        };
+
+        $styles  = isset( $data['styles'] ) ? $data['styles'] : array();
+        $body    = $font_for( isset( $styles['typography']['fontFamily'] ) ? $styles['typography']['fontFamily'] : '', 'montserrat' );
+        $heading = $font_for( isset( $styles['elements']['heading']['typography']['fontFamily'] ) ? $styles['elements']['heading']['typography']['fontFamily'] : '', 'poppins' );
+        $radius  = isset( $styles['elements']['button']['border']['radius'] ) ? $styles['elements']['button']['border']['radius'] : '999px';
+
+        return array(
+                'base'         => isset( $colors['base'] ) ? $colors['base'] : '#ffffff',
+                'base-2'       => isset( $colors['base-2'] ) ? $colors['base-2'] : '#f3f3f6',
+                'contrast'     => isset( $colors['contrast'] ) ? $colors['contrast'] : '#101014',
+                'contrast-2'   => isset( $colors['contrast-2'] ) ? $colors['contrast-2'] : '#54545e',
+                'accent'       => isset( $colors['accent'] ) ? $colors['accent'] : '#4f46e5',
+                'accent-2'     => isset( $colors['accent-2'] ) ? $colors['accent-2'] : '#ff5a36',
+                'heading'      => $heading[1],
+                'heading-name' => $heading[0],
+                'body'         => $body[1],
+                'body-name'    => $body[0],
+                'radius'       => is_string( $radius ) ? $radius : '999px',
+        );
+}
+
+/**
+ * URL of a page in the starter site being imported (by page key, such as
+ * "blog" or "about"). Outside an import, falls back to the page with that
+ * slug, then to the posts page or home URL.
+ *
+ * @param string $key Page key.
+ * @return string
+ */
+function postfolio_blocks_starter_page_url( $key ) {
+        if ( ! empty( $GLOBALS['postfolio_blocks_starter_pages'][ $key ] ) ) {
+                return get_permalink( $GLOBALS['postfolio_blocks_starter_pages'][ $key ] );
+        }
+
+        $page = get_page_by_path( $key );
+        if ( $page ) {
+                return get_permalink( $page );
+        }
+
+        $posts_page = (int) get_option( 'page_for_posts' );
+        return $posts_page ? get_permalink( $posts_page ) : home_url( '/' );
+}
+
+/**
  * Get the registered content of a theme pattern.
  *
@@ -182 +286 @@
  * @param string $slug        Starter site key.
  * @param bool   $apply_style Whether to apply the matching style variation.
+ * @param bool   $with_demo   Whether to add demo posts, images and a menu.
  * @return array|WP_Error Summary on success.
  */
-function postfolio_blocks_import_starter_site( $slug, $apply_style = false ) {
+function postfolio_blocks_import_starter_site( $slug, $apply_style = false, $with_demo = true ) {
         $sites = postfolio_blocks_starter_sites();
 
@@ -191 +296 @@
         }
 
-        $site     = $sites[ $slug ];
+        $site       = $sites[ $slug ];
+        $with_demo  = $with_demo && ! empty( $site['demo'] );
+        $demo_posts = 0;
+
+        // Demo terms must exist before the pages are built: page patterns look them up.
+        if ( $with_demo ) {
+                $demo       = postfolio_blocks_import_demo_content();
+                $demo_posts = $demo['posts'];
+
+                if ( ! empty( $site['projects'] ) ) {
+                        $demo_posts += postfolio_blocks_import_demo_projects();
+                }
+        }
+
         $imported = get_option( 'postfolio_blocks_imported_pages', array() );
         $imported = is_array( $imported ) ? $imported : array();
         $page_ids = array();
 
+        // Pass 1: make sure every page exists, so page patterns can link to each
+        // other (see postfolio_blocks_starter_page_url()) when they are built.
+        foreach ( $site['pages'] as $key => $page ) {
+                $existing = isset( $imported[ $slug ][ $key ] ) ? get_post( $imported[ $slug ][ $key ] ) : null;
+
+                if ( $existing && 'page' === $existing->post_type && 'trash' !== $existing->post_status ) {
+                        $page_ids[ $key ] = (int) $existing->ID;
+                        continue;
+                }
+
+                $page_id = wp_insert_post(
+                        array(
+                                'post_title'  => $page[0],
+                                'post_status' => 'publish',
+                                'post_type'   => 'page',
+                        ),
+                        true
+                );
+
+                if ( is_wp_error( $page_id ) ) {
+                        return $page_id;
+                }
+
+                $page_ids[ $key ] = (int) $page_id;
+        }
+
+        $GLOBALS['postfolio_blocks_starter_pages'] = $page_ids;
+
+        // Pass 2: fill in content and templates.
         foreach ( $site['pages'] as $key => $page ) {
                 list( $title, $pattern, $template ) = $page;
 
                 $content  = postfolio_blocks_pattern_content( $pattern );
-                $existing = isset( $imported[ $slug ][ $key ] ) ? get_post( $imported[ $slug ][ $key ] ) : null;
+                $existing = get_post( $page_ids[ $key ] );
                 $postarr  = array(
                         'post_title'   => $title,
@@ -227 +374 @@
                 $page_ids[ $key ] = (int) $page_id;
         }
+
+        unset( $GLOBALS['postfolio_blocks_starter_pages'] );
 
         $imported[ $slug ] = $page_ids;
@@ -241 +390 @@
         }
 
+        if ( $with_demo ) {
+                postfolio_blocks_import_demo_menu( $page_ids, empty( $site['projects'] ) );
+        }
+
         $style_applied = false;
         if ( $apply_style && $site['style'] ) {
@@ -248 +401 @@
         return array(
                 'pages'         => count( $page_ids ),
+                'posts'         => $demo_posts,
                 'style_applied' => $style_applied,
         );
@@ -264 +418 @@
         $slug        = isset( $_POST['demo_slug'] ) ? sanitize_key( wp_unslash( $_POST['demo_slug'] ) ) : '';
         $apply_style = ! empty( $_POST['apply_style'] );
-        $result      = postfolio_blocks_import_starter_site( $slug, $apply_style );
+        $with_demo   = ! isset( $_POST['demo_content'] ) || ! empty( $_POST['demo_content'] );
+        $result      = postfolio_blocks_import_starter_site( $slug, $apply_style, $with_demo );
 
         if ( is_wp_error( $result ) ) {
@@ -277 +432 @@
         );
 
+        $demo_count = (int) $result['posts'];
+
+        if ( $demo_count ) {
+                $message .= ' ' . sprintf(
+                        /* translators: %d: number of demo posts. */
+                        _n( '%d demo post with images and a menu were added.', '%d demo posts with images and a menu were added.', $demo_count, 'postfolio-blocks' ),
+                        $demo_count
+                );
+        }
+
         if ( $result['style_applied'] ) {
                 $message .= ' ' . __( 'The matching style variation was applied.', 'postfolio-blocks' );

postfolio-blocks/1.2.0/patterns/featured-split.php

@@ -14 +14 @@
 }
 ?>
-<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"fontSize":"xx-large","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
 <h2 class="wp-block-heading has-xx-large-font-size" style="margin-bottom:var(--wp--preset--spacing--30)"><?php esc_html_e( 'Spotlight', 'postfolio-blocks' ); ?></h2>
@@ -24 +24 @@
 <div class="wp-block-query"><!-- wp:post-template -->
 <!-- wp:cover {"useFeaturedImage":true,"dimRatio":40,"minHeight":460,"minHeightUnit":"px","className":"postfolio-spotlight-primary","style":{"border":{"radius":"1.25rem"}}} -->
-<div class="wp-block-cover postfolio-spotlight-primary" style="border-radius:1.25rem;min-height:460px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:post-terms {"term":"category","className":"postfolio-badge","textColor":"base"} /-->
+<div class="wp-block-cover postfolio-spotlight-primary" style="border-radius:1.25rem;min-height:460px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:post-terms {"term":"category","className":"postfolio-badge-accent"} /-->
 
 <!-- wp:post-title {"isLink":true,"fontSize":"xx-large"} /-->

postfolio-blocks/1.2.0/patterns/page-landing-starter.php

@@ -1 +1 @@
 <?php
 /**
- * Title: Page: business landing
+ * Title: Page: Agency landing
  * Slug: postfolio-blocks/page-landing-starter
  * Categories: postfolio-blocks, postfolio-blocks-pages
- * Keywords: landing, business, agency, homepage
- * Description: A complete landing page: hero, logos, features, process, stats, testimonial, pricing, FAQ and a call to action. Pairs with the "Landing Page" template.
- * Block Types: core/post-content
- * Post Types: page
- * Viewport Width: 1400
+ * Keywords: agency, business, landing, services, pricing, team, portfolio
+ * Description: A complete agency homepage for the Landing Page template: split hero with social proof, client logos, services, selected work, process, numbers, team, testimonial, pricing, FAQ and a closing call to action.
  * Inserter: true
  *
@@ -17 +14 @@
         exit; // Exit if accessed directly.
 }
+
+$postfolio_img = function ( $file ) {
+        return esc_url( get_theme_file_uri( 'assets/images/' . $file ) );
+};
+
+$postfolio_services = array(
+        array( '01', __( 'Brand strategy', 'postfolio-blocks' ), __( 'Positioning, naming and messaging that make you the obvious choice.', 'postfolio-blocks' ) ),
+        array( '02', __( 'Visual identity', 'postfolio-blocks' ), __( 'Logos, type and colour systems that work on every surface.', 'postfolio-blocks' ) ),
+        array( '03', __( 'Website design', 'postfolio-blocks' ), __( 'Fast, accessible sites designed to turn visitors into customers.', 'postfolio-blocks' ) ),
+        array( '04', __( 'Development', 'postfolio-blocks' ), __( 'WordPress and headless builds your team can edit with confidence.', 'postfolio-blocks' ) ),
+        array( '05', __( 'Content & SEO', 'postfolio-blocks' ), __( 'Copy, structure and search strategy that bring the right traffic.', 'postfolio-blocks' ) ),
+        array( '06', __( 'Growth marketing', 'postfolio-blocks' ), __( 'Campaigns, landing pages and testing that compound month after month.', 'postfolio-blocks' ) ),
+);
+
+$postfolio_work = array(
+        array( 'demo/design-studio.jpg', __( 'Northwind Coffee', 'postfolio-blocks' ), __( 'Branding · Website', 'postfolio-blocks' ), __( '+140% online orders', 'postfolio-blocks' ) ),
+        array( 'demo/business-city.jpg', __( 'Civic Downtown', 'postfolio-blocks' ), __( 'Strategy · Campaign', 'postfolio-blocks' ), __( '3× event sign-ups', 'postfolio-blocks' ) ),
+        array( 'demo/tech-workspace.jpg', __( 'Localfirst App', 'postfolio-blocks' ), __( 'Product · Web app', 'postfolio-blocks' ), __( '42k users in 6 months', 'postfolio-blocks' ) ),
+        array( 'demo/culture-gallery.jpg', __( 'The Small Museum', 'postfolio-blocks' ), __( 'Identity · Website', 'postfolio-blocks' ), __( '+65% ticket sales', 'postfolio-blocks' ) ),
+);
+
+$postfolio_steps = array(
+        array( '01', __( 'Discover', 'postfolio-blocks' ), __( 'We listen, research and agree on what success looks like.', 'postfolio-blocks' ) ),
+        array( '02', __( 'Define', 'postfolio-blocks' ), __( 'A clear plan, scope and timeline — no surprises later.', 'postfolio-blocks' ) ),
+        array( '03', __( 'Design', 'postfolio-blocks' ), __( 'We sketch, prototype and test until it feels obvious.', 'postfolio-blocks' ) ),
+        array( '04', __( 'Deliver', 'postfolio-blocks' ), __( 'Launch, measure and keep improving together.', 'postfolio-blocks' ) ),
+);
+
+$postfolio_team = array(
+        array( 'portrait-1.svg', __( 'Maya Chen', 'postfolio-blocks' ), __( 'Founder & Strategy', 'postfolio-blocks' ) ),
+        array( 'portrait-2.svg', __( 'Daniel Okafor', 'postfolio-blocks' ), __( 'Design Director', 'postfolio-blocks' ) ),
+        array( 'portrait-3.svg', __( 'Sofia Rossi', 'postfolio-blocks' ), __( 'Lead Developer', 'postfolio-blocks' ) ),
+        array( 'portrait-4.svg', __( 'Leo Fischer', 'postfolio-blocks' ), __( 'Growth & Content', 'postfolio-blocks' ) ),
+);
+
+$postfolio_plans = array(
+        array(
+                'name'     => __( 'Launch', 'postfolio-blocks' ),
+                'desc'     => __( 'For new brands that need a strong start.', 'postfolio-blocks' ),
+                'price'    => '$2,900',
+                'unit'     => __( 'per project', 'postfolio-blocks' ),
+                'features' => array( __( 'Brand essentials & logo', 'postfolio-blocks' ), __( '5-page website', 'postfolio-blocks' ), __( 'Basic SEO setup', 'postfolio-blocks' ), __( '2 rounds of revisions', 'postfolio-blocks' ) ),
+                'featured' => false,
+        ),
+        array(
+                'name'     => __( 'Growth', 'postfolio-blocks' ),
+                'desc'     => __( 'Our most popular plan for growing teams.', 'postfolio-blocks' ),
+                'price'    => '$5,900',
+                'unit'     => __( 'per project', 'postfolio-blocks' ),
+                'features' => array( __( 'Full identity system', 'postfolio-blocks' ), __( 'Up to 15 pages + blog', 'postfolio-blocks' ), __( 'Content & SEO strategy', 'postfolio-blocks' ), __( 'Analytics & conversion setup', 'postfolio-blocks' ), __( '30 days of launch support', 'postfolio-blocks' ) ),
+                'featured' => true,
+        ),
+        array(
+                'name'     => __( 'Partner', 'postfolio-blocks' ),
+                'desc'     => __( 'An embedded team for ongoing work.', 'postfolio-blocks' ),
+                'price'    => __( 'Custom', 'postfolio-blocks' ),
+                'unit'     => __( 'monthly retainer', 'postfolio-blocks' ),
+                'features' => array( __( 'Dedicated design & dev team', 'postfolio-blocks' ), __( 'Unlimited requests', 'postfolio-blocks' ), __( 'Monthly growth reports', 'postfolio-blocks' ), __( 'Priority support', 'postfolio-blocks' ) ),
+                'featured' => false,
+        ),
+);
+
+$postfolio_contact  = postfolio_blocks_starter_page_url( 'contact' );
+$postfolio_services_url = postfolio_blocks_starter_page_url( 'services' );
 ?>
-<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/assets/images/photo-7.svg' ); ?>","alt":"<?php echo esc_attr__( 'Purple abstract landscape', 'postfolio-blocks' ); ?>","dimRatio":50,"overlayColor":"contrast","minHeight":640,"minHeightUnit":"px","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}}} -->
-<div class="wp-block-cover alignfull" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--20);min-height:640px"><img class="wp-block-cover__image-background" alt="<?php echo esc_attr__( 'Purple abstract landscape', 'postfolio-blocks' ); ?>" src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/photo-7.svg' ); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-contrast-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"1.5rem"}},"layout":{"type":"constrained","contentSize":"820px"}} -->
-<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"base","fontSize":"small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.1em","fontWeight":"600"}}} -->
-<p class="has-text-align-center has-base-color has-text-color has-small-font-size" style="font-weight:600;letter-spacing:0.1em;text-transform:uppercase"><?php esc_html_e( 'Strategy · Design · Development', 'postfolio-blocks' ); ?></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:heading {"textAlign":"center","level":1,"textColor":"base","style":{"typography":{"fontSize":"clamp(2.25rem, 1.5rem + 3vw, 4rem)","fontWeight":"800","lineHeight":"1.08"}}} -->
-<h1 class="wp-block-heading has-text-align-center has-base-color has-text-color" style="font-size:clamp(2.25rem, 1.5rem + 3vw, 4rem);font-weight:800;line-height:1.08"><?php esc_html_e( 'We build brands and websites people remember.', 'postfolio-blocks' ); ?></h1>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph {"align":"center","textColor":"base","fontSize":"large"} -->
-<p class="has-text-align-center has-base-color has-text-color has-large-font-size"><?php esc_html_e( 'An independent studio helping ambitious teams launch faster with clear strategy and beautiful design.', 'postfolio-blocks' ); ?></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
-<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","textColor":"contrast"} -->
-<div class="wp-block-button"><a class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background wp-element-button" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>"><?php esc_html_e( 'Start a project', 'postfolio-blocks' ); ?></a></div>
+<!-- wp:group {"align":"full","className":"postfolio-agency-hero","backgroundColor":"contrast","textColor":"base","style":{"spacing":{"padding":{"top":"11rem","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull postfolio-agency-hero has-base-color has-contrast-background-color has-text-color has-background" style="padding-top:11rem;padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"54%","style":{"spacing":{"blockGap":"1.5rem"}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:54%"><!-- wp:paragraph {"className":"postfolio-hero-pill","fontSize":"small"} -->
+<p class="postfolio-hero-pill has-small-font-size"><?php esc_html_e( 'Strategy · Design · Development', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":1,"textColor":"base","style":{"typography":{"fontSize":"clamp(2.5rem, 1.5rem + 3.6vw, 4.6rem)","fontWeight":"800","lineHeight":"1.04","letterSpacing":"-0.03em"}}} -->
+<h1 class="wp-block-heading has-base-color has-text-color" style="font-size:clamp(2.5rem, 1.5rem + 3.6vw, 4.6rem);font-weight:800;letter-spacing:-0.03em;line-height:1.04"><?php esc_html_e( 'We build brands and websites people remember.', 'postfolio-blocks' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"className":"postfolio-muted","fontSize":"large"} -->
+<p class="postfolio-muted has-large-font-size"><?php esc_html_e( 'An independent studio helping ambitious teams launch faster — with clear strategy, beautiful design and websites that actually convert.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons {"style":{"spacing":{"blockGap":"0.75rem"}}} -->
+<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"accent","textColor":"base"} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-accent-background-color has-text-color has-background wp-element-button" href="<?php echo esc_url( $postfolio_contact ); ?>"><?php esc_html_e( 'Start a project', 'postfolio-blocks' ); ?></a></div>
 <!-- /wp:button -->
 
 <!-- wp:button {"textColor":"base","className":"is-style-outline"} -->
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-base-color has-text-color wp-element-button" href="<?php echo esc_url( home_url( '/services/' ) ); ?>"><?php esc_html_e( 'See our work', 'postfolio-blocks' ); ?></a></div>
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-base-color has-text-color wp-element-button" href="#work"><?php esc_html_e( 'See our work', 'postfolio-blocks' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:group {"className":"postfolio-trust","style":{"spacing":{"blockGap":"0.9rem","margin":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group postfolio-trust" style="margin-top:var(--wp--preset--spacing--20)"><!-- wp:group {"className":"postfolio-avatar-stack","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group postfolio-avatar-stack"><?php foreach ( array_slice( $postfolio_team, 0, 4 ) as $postfolio_person ) : ?><!-- wp:image {"width":"40px","height":"40px","scale":"cover","sizeSlug":"full","style":{"border":{"radius":"999px"}}} -->
+<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo $postfolio_img( $postfolio_person[0] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" alt="" style="border-radius:999px;object-fit:cover;width:40px;height:40px"/></figure>
+<!-- /wp:image --><?php endforeach; ?></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><span class="postfolio-stars" aria-hidden="true">★★★★★</span><br><?php esc_html_e( 'Rated 4.9/5 by 120+ teams', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"46%","className":"postfolio-hero-visual"} -->
+<div class="wp-block-column is-vertically-aligned-center postfolio-hero-visual" style="flex-basis:46%"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","style":{"border":{"radius":"1.75rem"}}} -->
+<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo $postfolio_img( 'demo/design-studio.jpg' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" alt="<?php esc_attr_e( 'Colour swatches and design tools on a studio desk', 'postfolio-blocks' ); ?>" style="border-radius:1.75rem;aspect-ratio:4/5;object-fit:cover"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:group {"className":"postfolio-hero-float","backgroundColor":"base","textColor":"contrast","style":{"spacing":{"padding":{"top":"1rem","bottom":"1rem","left":"1.25rem","right":"1.25rem"},"blockGap":"0.15rem"},"border":{"radius":"1rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-hero-float has-contrast-color has-base-background-color has-text-color has-background" style="border-radius:1rem;padding-top:1rem;padding-right:1.25rem;padding-bottom:1rem;padding-left:1.25rem"><!-- wp:paragraph {"textColor":"accent","style":{"typography":{"fontSize":"1.75rem","fontWeight":"800","lineHeight":"1.1"}}} -->
+<p class="has-accent-color has-text-color" style="font-size:1.75rem;font-weight:800;line-height:1.1">+140%</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><?php esc_html_e( 'average growth in online sales', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:pattern {"slug":"postfolio-blocks/logo-cloud"} /-->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'What we do', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
+<h2 class="wp-block-heading has-text-align-center has-huge-font-size"><?php esc_html_e( 'Services built around your goals', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","textColor":"contrast-2","fontSize":"large"} -->
+<p class="has-text-align-center has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'One senior team from the first workshop to launch day — and beyond.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","className":"postfolio-services","style":{"spacing":{"blockGap":"1.25rem"}},"layout":{"type":"grid","columnCount":3,"minimumColumnWidth":"16rem"}} -->
+<div class="wp-block-group alignwide postfolio-services"><?php foreach ( $postfolio_services as $postfolio_service ) : ?><!-- wp:group {"className":"postfolio-service-card","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"0.75rem"},"border":{"radius":"1.25rem","width":"1px","color":"var:preset|color|base-2"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-service-card has-border-color" style="border-color:var(--wp--preset--color--base-2);border-width:1px;border-radius:1.25rem;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"className":"postfolio-service-icon"} -->
+<p class="postfolio-service-icon"><?php echo esc_html( $postfolio_service[0] ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3,"fontSize":"x-large"} -->
+<h3 class="wp-block-heading has-x-large-font-size"><?php echo esc_html( $postfolio_service[1] ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"textColor":"contrast-2"} -->
+<p class="has-contrast-2-color has-text-color"><?php echo esc_html( $postfolio_service[2] ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"className":"postfolio-more-link","fontSize":"small"} -->
+<p class="postfolio-more-link has-small-font-size"><a href="<?php echo esc_url( $postfolio_services_url ); ?>"><?php esc_html_e( 'Learn more →', 'postfolio-blocks' ); ?></a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"anchor":"work","align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div id="work" class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-badge","backgroundColor":"base"} -->
+<p class="postfolio-badge has-base-background-color has-background"><?php esc_html_e( 'Selected work', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"fontSize":"huge"} -->
+<h2 class="wp-block-heading has-huge-font-size"><?php esc_html_e( 'Results we are proud of', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( $postfolio_services_url ); ?>"><?php esc_html_e( 'All case studies', 'postfolio-blocks' ); ?></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons --></div>
-<!-- /wp:group --></div></div>
-<!-- /wp:cover -->
-
-<!-- wp:pattern {"slug":"postfolio-blocks/logo-cloud"} /-->
-
-<!-- wp:pattern {"slug":"postfolio-blocks/features-grid"} /-->
-
-<!-- wp:pattern {"slug":"postfolio-blocks/process-steps"} /-->
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","className":"postfolio-work-grid","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":"20rem"}} -->
+<div class="wp-block-group alignwide postfolio-work-grid"><?php foreach ( $postfolio_work as $postfolio_project ) : ?><!-- wp:group {"className":"postfolio-work-card postfolio-story-card","style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-work-card postfolio-story-card"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","className":"wp-block-post-featured-image","style":{"border":{"radius":"1.25rem"}}} -->
+<figure class="wp-block-image size-full has-custom-border wp-block-post-featured-image"><img src="<?php echo $postfolio_img( $postfolio_project[0] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" alt="<?php echo esc_attr( $postfolio_project[1] ); ?>" style="border-radius:1.25rem;aspect-ratio:4/3;object-fit:cover"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem","margin":{"top":"0.5rem"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group" style="margin-top:0.5rem"><!-- wp:heading {"level":3,"fontSize":"x-large"} -->
+<h3 class="wp-block-heading has-x-large-font-size"><?php echo esc_html( $postfolio_project[1] ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"className":"postfolio-result-pill","fontSize":"small"} -->
+<p class="postfolio-result-pill has-small-font-size"><?php echo esc_html( $postfolio_project[3] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph {"textColor":"contrast-2"} -->
+<p class="has-contrast-2-color has-text-color"><?php echo esc_html( $postfolio_project[2] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'How we work', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
+<h2 class="wp-block-heading has-text-align-center has-huge-font-size"><?php esc_html_e( 'A clear path from idea to launch', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","className":"postfolio-steps","style":{"spacing":{"blockGap":"1.25rem"}},"layout":{"type":"grid","minimumColumnWidth":"14rem"}} -->
+<div class="wp-block-group alignwide postfolio-steps"><?php foreach ( $postfolio_steps as $postfolio_step ) : ?><!-- wp:group {"className":"postfolio-step","style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-step"><!-- wp:paragraph {"className":"postfolio-step__number"} -->
+<p class="postfolio-step__number"><?php echo esc_html( $postfolio_step[0] ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3,"fontSize":"x-large"} -->
+<h3 class="wp-block-heading has-x-large-font-size"><?php echo esc_html( $postfolio_step[1] ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"textColor":"contrast-2"} -->
+<p class="has-contrast-2-color has-text-color"><?php echo esc_html( $postfolio_step[2] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
 
 <!-- wp:pattern {"slug":"postfolio-blocks/stats-counters"} /-->
 
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'Our team', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
+<h2 class="wp-block-heading has-text-align-center has-huge-font-size"><?php esc_html_e( 'The people behind the work', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","textColor":"contrast-2","fontSize":"large"} -->
+<p class="has-text-align-center has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'Small on purpose: you always work with the senior people you meet.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","className":"postfolio-team","style":{"spacing":{"blockGap":"1.25rem"}},"layout":{"type":"grid","minimumColumnWidth":"13rem"}} -->
+<div class="wp-block-group alignwide postfolio-team"><?php foreach ( $postfolio_team as $postfolio_person ) : ?><!-- wp:group {"className":"postfolio-team-card","style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-team-card"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","style":{"border":{"radius":"1.25rem"},"spacing":{"margin":{"bottom":"0.75rem"}}}} -->
+<figure class="wp-block-image size-full has-custom-border" style="margin-bottom:0.75rem"><img src="<?php echo $postfolio_img( $postfolio_person[0] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>" alt="<?php echo esc_attr( $postfolio_person[1] ); ?>" style="border-radius:1.25rem;aspect-ratio:4/5;object-fit:cover"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:heading {"level":3,"fontSize":"large"} -->
+<h3 class="wp-block-heading has-large-font-size"><?php echo esc_html( $postfolio_person[1] ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"small"} -->
+<p class="has-contrast-2-color has-text-color has-small-font-size"><?php echo esc_html( $postfolio_person[2] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
 <!-- wp:pattern {"slug":"postfolio-blocks/testimonial-spotlight"} /-->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/pricing-simple"} /-->
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'Pricing', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
+<h2 class="wp-block-heading has-text-align-center has-huge-font-size"><?php esc_html_e( 'Simple, honest pricing', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"align":"center","textColor":"contrast-2","fontSize":"large"} -->
+<p class="has-text-align-center has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'Fixed prices, clear scope. No hourly surprises.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","className":"postfolio-pricing","style":{"spacing":{"blockGap":"1.25rem"}},"layout":{"type":"grid","minimumColumnWidth":"17rem"}} -->
+<div class="wp-block-group alignwide postfolio-pricing"><?php foreach ( $postfolio_plans as $postfolio_plan ) : ?><!-- wp:group {"className":"postfolio-plan<?php echo $postfolio_plan['featured'] ? ' is-featured' : ''; ?>",<?php echo $postfolio_plan['featured'] ? '"backgroundColor":"contrast","textColor":"base",' : ''; ?>"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"1rem"},"border":{"radius":"1.5rem","width":"1px","color":"var:preset|color|base-2"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group postfolio-plan<?php echo $postfolio_plan['featured'] ? ' is-featured has-base-color has-contrast-background-color has-text-color has-background' : ''; ?> has-border-color" style="border-color:var(--wp--preset--color--base-2);border-width:1px;border-radius:1.5rem;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"x-large"} -->
+<h3 class="wp-block-heading has-x-large-font-size"><?php echo esc_html( $postfolio_plan['name'] ); ?></h3>
+<!-- /wp:heading --><?php if ( $postfolio_plan['featured'] ) : ?>
+
+<!-- wp:paragraph {"className":"postfolio-plan__badge","fontSize":"small"} -->
+<p class="postfolio-plan__badge has-small-font-size"><?php esc_html_e( 'Most popular', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --><?php endif; ?></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph {"className":"postfolio-muted"} -->
+<p class="postfolio-muted"><?php echo esc_html( $postfolio_plan['desc'] ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"className":"postfolio-plan__price"} -->
+<p class="postfolio-plan__price"><strong><?php echo esc_html( $postfolio_plan['price'] ); ?></strong> <span><?php echo esc_html( $postfolio_plan['unit'] ); ?></span></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:list {"className":"postfolio-checklist"} -->
+<ul class="wp-block-list postfolio-checklist"><?php foreach ( $postfolio_plan['features'] as $postfolio_feature ) : ?><!-- wp:list-item -->
+<li><?php echo esc_html( $postfolio_feature ); ?></li>
+<!-- /wp:list-item --><?php endforeach; ?></ul>
+<!-- /wp:list -->
+
+<!-- wp:buttons {"className":"postfolio-plan__cta"} -->
+<div class="wp-block-buttons postfolio-plan__cta"><!-- wp:button {"width":100<?php echo $postfolio_plan['featured'] ? ',"backgroundColor":"accent","textColor":"base"' : ',"className":"is-style-outline"'; ?>} -->
+<div class="wp-block-button has-custom-width wp-block-button__width-100<?php echo $postfolio_plan['featured'] ? '' : ' is-style-outline'; ?>"><a class="wp-block-button__link<?php echo $postfolio_plan['featured'] ? ' has-base-color has-accent-background-color has-text-color has-background' : ''; ?> wp-element-button" href="<?php echo esc_url( $postfolio_contact ); ?>"><?php echo $postfolio_plan['featured'] ? esc_html__( 'Get started', 'postfolio-blocks' ) : esc_html__( 'Talk to us', 'postfolio-blocks' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
 
 <!-- wp:pattern {"slug":"postfolio-blocks/faq-modern"} /-->

postfolio-blocks/1.2.0/patterns/page-portfolio-starter.php

@@ -1 +1 @@
 <?php
 /**
- * Title: Page: portfolio
+ * Title: Page: Portfolio work
  * Slug: postfolio-blocks/page-portfolio-starter
- * Categories: postfolio-blocks, postfolio-blocks-pages
- * Keywords: portfolio, work, projects
- * Description: A portfolio page with an intro, project grid, case study, client logos and a call to action.
- * Block Types: core/post-content
- * Post Types: page
- * Viewport Width: 1400
+ * Categories: postfolio-blocks, postfolio-blocks-pages, postfolio-blocks-showcase
+ * Keywords: portfolio, work, projects, case studies, grid
+ * Description: A work index page: intro, a grid of every post in the "Work" category (each opens as a case study), client logos, a testimonial and a closing call to action.
  * Inserter: true
  *
@@ -17 +14 @@
         exit; // Exit if accessed directly.
 }
+
+$postfolio_work_id  = postfolio_blocks_demo_term_id( 'work' );
+$postfolio_work_tax = $postfolio_work_id ? ',"taxQuery":{"category":[' . $postfolio_work_id . ']}' : '';
 ?>
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"1.25rem"}},"layout":{"type":"constrained","contentSize":"760px"}} -->
-<div class="wp-block-group"><!-- wp:paragraph {"align":"center","className":"postfolio-badge"} -->
-<p class="has-text-align-center postfolio-badge"><?php esc_html_e( 'Portfolio', 'postfolio-blocks' ); ?></p>
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"1rem","padding":{"bottom":"var:preset|spacing|40"}},"border":{"bottom":{"color":"var:preset|color|base-2","width":"1px"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group alignwide" style="border-bottom-color:var(--wp--preset--color--base-2);border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'Portfolio', 'postfolio-blocks' ); ?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"huge"} -->
-<h1 class="wp-block-heading has-text-align-center has-huge-font-size"><?php esc_html_e( 'Work that speaks for itself.', 'postfolio-blocks' ); ?></h1>
+<!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"clamp(2.4rem, 1.5rem + 3.2vw, 4.4rem)","lineHeight":"1.05","letterSpacing":"-0.03em"}}} -->
+<h1 class="wp-block-heading" style="font-size:clamp(2.4rem, 1.5rem + 3.2vw, 4.4rem);letter-spacing:-0.03em;line-height:1.05"><?php esc_html_e( 'Work that speaks for itself.', 'postfolio-blocks' ); ?></h1>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph {"align":"center","textColor":"contrast-2","fontSize":"large"} -->
-<p class="has-text-align-center has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'A selection of projects for startups, studios and established brands.', 'postfolio-blocks' ); ?></p>
+<!-- wp:paragraph {"className":"postfolio-lede","textColor":"contrast-2","fontSize":"large"} -->
+<p class="postfolio-lede has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'Selected projects for startups, studios and established brands. Open any project to read the full case study — the challenge, the process and the results.', 'postfolio-blocks' ); ?></p>
 <!-- /wp:paragraph --></div>
-<!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/portfolio-grid"} /-->
+<!-- wp:query {"queryId":96,"query":{"perPage":12,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","sticky":"","inherit":false<?php echo $postfolio_work_tax; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>},"align":"wide","layout":{"type":"default"}} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":"20rem"}} -->
+<!-- wp:group {"className":"postfolio-work-card postfolio-story-card","style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-work-card postfolio-story-card"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"border":{"radius":"1.25rem"}}} /-->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/portfolio-case-study"} /-->
+<!-- wp:post-terms {"term":"post_tag","className":"postfolio-tag-row","fontSize":"small","style":{"spacing":{"margin":{"top":"0.75rem"}}}} /-->
+
+<!-- wp:post-title {"level":2,"isLink":true,"fontSize":"x-large","style":{"typography":{"lineHeight":"1.2"}}} /-->
+
+<!-- wp:post-excerpt {"excerptLength":24,"textColor":"contrast-2"} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:query-no-results -->
+<!-- wp:paragraph {"textColor":"contrast-2"} -->
+<p class="has-contrast-2-color has-text-color"><?php esc_html_e( 'Add posts to the “Work” category to show your projects here.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+<!-- /wp:query-no-results -->
+
+<!-- wp:query-pagination {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:query --></div>
+<!-- /wp:group -->
 
 <!-- wp:pattern {"slug":"postfolio-blocks/logo-cloud"} /-->
@@ -42 +66 @@
 <!-- wp:pattern {"slug":"postfolio-blocks/testimonial-spotlight"} /-->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/cta-split-image"} /-->
+<!-- wp:pattern {"slug":"postfolio-blocks/cta-portfolio"} /-->

postfolio-blocks/1.2.0/patterns/post-footer.php

@@ -17 +17 @@
 <div class="wp-block-group"><!-- wp:post-terms {"term":"post_tag","className":"is-style-pill"} /-->
 
-<!-- wp:group {"className":"postfolio-share-row","style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
-<div class="wp-block-group postfolio-share-row"><!-- wp:paragraph {"fontSize":"small"} -->
-<p class="has-small-font-size"><strong><?php esc_html_e( 'Share this post', 'postfolio-blocks' ); ?></strong></p>
+<!-- wp:group {"className":"postfolio-share-row","style":{"spacing":{"padding":{"top":"1.25rem","bottom":"1.25rem","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"1rem"},"border":{"radius":"1.25rem","width":"1px","color":"var:preset|color|base-2"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group postfolio-share-row has-border-color" style="border-color:var(--wp--preset--color--base-2);border-width:1px;border-radius:1.25rem;padding-top:1.25rem;padding-right:var(--wp--preset--spacing--30);padding-bottom:1.25rem;padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
+<p style="font-weight:700"><?php esc_html_e( 'Share this post', 'postfolio-blocks' ); ?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:social-links {"openInNewTab":true,"size":"has-normal-icon-size","className":"postfolio-share"} -->
-<ul class="wp-block-social-links has-normal-icon-size postfolio-share"><!-- wp:social-link {"url":"https://x.com/","service":"x"} /-->
+<!-- wp:social-links {"openInNewTab":true,"size":"has-normal-icon-size","className":"postfolio-share","style":{"spacing":{"blockGap":{"left":"0.6rem"}}}} -->
+<ul class="wp-block-social-links has-normal-icon-size postfolio-share"><!-- wp:social-link {"url":"https://www.facebook.com/","service":"facebook"} /-->
 
-<!-- wp:social-link {"url":"https://www.facebook.com/","service":"facebook"} /-->
+<!-- wp:social-link {"url":"https://x.com/","service":"x"} /-->
 
 <!-- wp:social-link {"url":"https://www.linkedin.com/","service":"linkedin"} /-->
 
-<!-- wp:social-link {"url":"https://www.whatsapp.com/","service":"whatsapp"} /-->
+<!-- wp:social-link {"url":"https://www.pinterest.com/","service":"pinterest"} /-->
 
-<!-- wp:social-link {"url":"mailto:hello@example.com","service":"mail"} /--></ul>
+<!-- wp:social-link {"url":"https://www.reddit.com/","service":"reddit"} /-->
+
+<!-- wp:social-link {"url":"https://www.whatsapp.com/","service":"whatsapp"} /--></ul>
 <!-- /wp:social-links --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"1.25rem"},"border":{"radius":"1.25rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
-<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:1.25rem;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:avatar {"size":64,"style":{"border":{"radius":"999px"}}} /-->
+<!-- wp:group {"className":"postfolio-author-box","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"1.5rem"},"border":{"radius":"1.25rem","width":"1px","color":"var:preset|color|base-2"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+<div class="wp-block-group postfolio-author-box has-border-color" style="border-color:var(--wp--preset--color--base-2);border-width:1px;border-radius:1.25rem;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:avatar {"size":72,"className":"postfolio-author-ring","style":{"border":{"radius":"999px"}}} /-->
 
-<!-- wp:group {"style":{"spacing":{"blockGap":"0.35rem"}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast-2","fontSize":"small"} -->
-<p class="has-contrast-2-color has-text-color has-small-font-size"><?php esc_html_e( 'Written by', 'postfolio-blocks' ); ?></p>
-<!-- /wp:paragraph -->
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-author-name {"isLink":true,"className":"postfolio-author-name","fontSize":"large"} /-->
 
-<!-- wp:post-author-name {"isLink":true,"fontSize":"large"} /-->
-
-<!-- wp:post-author-biography {"fontSize":"small"} /--></div>
+<!-- wp:post-author-biography {"className":"postfolio-author-bio","textColor":"contrast-2"} /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->

postfolio-blocks/1.2.0/patterns/post-grid-cards.php

@@ -15 +15 @@
 ?>
 <!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
-<div class="wp-block-group"><!-- wp:heading {"fontSize":"xx-large"} -->
+<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
+<div class="wp-block-group alignwide"><!-- wp:heading {"fontSize":"xx-large"} -->
 <h2 class="wp-block-heading has-xx-large-font-size"><?php esc_html_e( 'Latest stories', 'postfolio-blocks' ); ?></h2>
 <!-- /wp:heading -->

postfolio-blocks/1.2.0/patterns/post-meta.php

@@ -14 +14 @@
 }
 ?>
-<!-- wp:group {"style":{"spacing":{"blockGap":"0.85rem"}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-terms {"term":"category","className":"is-style-pill"} /-->
+<!-- wp:group {"className":"postfolio-post-header","style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
+<div class="wp-block-group postfolio-post-header"><!-- wp:post-terms {"term":"category","textAlign":"center","className":"is-style-pill"} /-->
 
-<!-- wp:post-title {"level":1,"fontSize":"huge"} /-->
+<!-- wp:post-title {"textAlign":"center","level":1,"fontSize":"huge"} /-->
 
-<!-- wp:group {"className":"postfolio-meta-row","style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
+<!-- wp:group {"className":"postfolio-meta-row","style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"center"}} -->
 <div class="wp-block-group postfolio-meta-row"><!-- wp:avatar {"size":32,"style":{"border":{"radius":"999px"}}} /-->
 

postfolio-blocks/1.2.0/patterns/starter-portfolio-landing.php

@@ -1 +1 @@
 <?php
 /**
- * Title: Starter Site — Portfolio Landing Page
+ * Title: Page: Portfolio home
  * Slug: postfolio-blocks/starter-portfolio-landing
- * Categories: postfolio-blocks-pages, postfolio-blocks
- * Description: Complete Portfolio landing page layout with Hero Banner, About, Services, Team and FAQ.
- * Keywords: starter, portfolio, landing page, agency, showcase
- * Block Types: core/post-content
- * Post Types: page
- * Viewport Width: 1400
+ * Categories: postfolio-blocks, postfolio-blocks-pages, postfolio-blocks-showcase
+ * Keywords: portfolio, designer, freelancer, homepage, work, case study
+ * Description: A complete portfolio homepage: intro with availability and key numbers, client logos, selected work from the "Work" category, services, about and experience, a testimonial and a closing call to action. Every section shares the same wide width.
+ * Inserter: true
  *
  * @package Postfolio_Blocks
@@ -16 +14 @@
         exit; // Exit if accessed directly.
 }
+
+$postfolio_work_id  = postfolio_blocks_demo_term_id( 'work' );
+$postfolio_work_tax = $postfolio_work_id ? ',"taxQuery":{"category":[' . $postfolio_work_id . ']}' : '';
+
+$postfolio_services = array(
+        array( '01', __( 'Product design', 'postfolio-blocks' ), __( 'Research, flows and interfaces for apps and web products people enjoy using.', 'postfolio-blocks' ) ),
+        array( '02', __( 'Brand identity', 'postfolio-blocks' ), __( 'Logos, type and colour systems with guidelines your team can actually follow.', 'postfolio-blocks' ) ),
+        array( '03', __( 'Web design & build', 'postfolio-blocks' ), __( 'Fast, accessible WordPress sites that are easy to edit after launch.', 'postfolio-blocks' ) ),
+);
+
+$postfolio_experience = array(
+        array( __( '2023 — Now', 'postfolio-blocks' ), __( 'Independent designer', 'postfolio-blocks' ), __( 'Studio of one', 'postfolio-blocks' ) ),
+        array( '2019 — 2023', __( 'Design lead', 'postfolio-blocks' ), 'Harbor Finance' ),
+        array( '2016 — 2019', __( 'Senior product designer', 'postfolio-blocks' ), 'Northwind Labs' ),
+        array( '2014 — 2016', __( 'Visual designer', 'postfolio-blocks' ), 'Atlas Studio' ),
+);
 ?>
-<!-- wp:pattern {"slug":"postfolio-blocks/hero-portfolio-intro"} /-->
+<!-- wp:group {"align":"full","className":"postfolio-portfolio-hero","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull postfolio-portfolio-hero" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"58%","style":{"spacing":{"blockGap":"1.5rem"}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:58%"><!-- wp:paragraph {"className":"postfolio-availability","fontSize":"small"} -->
+<p class="postfolio-availability has-small-font-size"><?php esc_html_e( 'Available for new projects', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/about-me-skills-grid"} /-->
+<!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"clamp(2.4rem, 1.5rem + 3.2vw, 4.4rem)","lineHeight":"1.05","letterSpacing":"-0.03em"}}} -->
+<h1 class="wp-block-heading" style="font-size:clamp(2.4rem, 1.5rem + 3.2vw, 4.4rem);letter-spacing:-0.03em;line-height:1.05"><?php esc_html_e( 'Hi, I’m Jordan — I design calm, useful', 'postfolio-blocks' ); ?> <mark class="has-inline-color has-accent-color" style="background-color:rgba(0,0,0,0)"><?php esc_html_e( 'digital products.', 'postfolio-blocks' ); ?></mark></h1>
+<!-- /wp:heading -->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/services-grid"} /-->
+<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"large"} -->
+<p class="has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'Product and brand designer helping startups and studios turn messy ideas into clear, beautiful work — from the first sketch to launch.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/team-members-grid"} /-->
+<!-- wp:buttons {"style":{"spacing":{"blockGap":"0.75rem"}}} -->
+<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"accent","textColor":"base"} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-accent-background-color has-text-color has-background wp-element-button" href="<?php echo esc_url( postfolio_blocks_starter_page_url( 'work' ) ); ?>"><?php esc_html_e( 'View my work', 'postfolio-blocks' ); ?></a></div>
+<!-- /wp:button -->
 
-<!-- wp:pattern {"slug":"postfolio-blocks/faq-accordion"} /-->
+<!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( postfolio_blocks_starter_page_url( 'contact' ) ); ?>"><?php esc_html_e( 'Get in touch', 'postfolio-blocks' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:group {"className":"postfolio-hero-stats","style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|30"}},"border":{"top":{"color":"var:preset|color|base-2","width":"1px"}}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
+<div class="wp-block-group postfolio-hero-stats" style="border-top-color:var(--wp--preset--color--base-2);border-top-width:1px;padding-top:var(--wp--preset--spacing--30)"><?php foreach ( array( array( '10+', __( 'years designing', 'postfolio-blocks' ) ), array( '60+', __( 'projects shipped', 'postfolio-blocks' ) ), array( '12', __( 'design awards', 'postfolio-blocks' ) ) ) as $postfolio_stat ) : ?><!-- wp:paragraph -->
+<p><strong><?php echo esc_html( $postfolio_stat[0] ); ?></strong> <?php echo esc_html( $postfolio_stat[1] ); ?></p>
+<!-- /wp:paragraph --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"42%","className":"postfolio-hero-visual"} -->
+<div class="wp-block-column is-vertically-aligned-center postfolio-hero-visual" style="flex-basis:42%"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","style":{"border":{"radius":"1.75rem"}}} -->
+<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/portrait-3.svg' ) ); ?>" alt="<?php esc_attr_e( 'Illustrated portrait of Jordan', 'postfolio-blocks' ); ?>" width="800" height="1000" style="border-radius:1.75rem;aspect-ratio:4/5;object-fit:cover"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:group {"className":"postfolio-hero-float","backgroundColor":"base","textColor":"contrast","style":{"spacing":{"padding":{"top":"0.9rem","bottom":"0.9rem","left":"1.1rem","right":"1.1rem"},"blockGap":"0.1rem"},"border":{"radius":"1rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-hero-float has-contrast-color has-base-background-color has-text-color has-background" style="border-radius:1rem;padding-top:0.9rem;padding-right:1.1rem;padding-bottom:0.9rem;padding-left:1.1rem"><!-- wp:paragraph {"className":"postfolio-kicker","textColor":"accent","fontSize":"small"} -->
+<p class="postfolio-kicker has-accent-color has-text-color has-small-font-size"><?php esc_html_e( 'Currently', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"}}} -->
+<p style="font-weight:600"><?php esc_html_e( 'Designing a calmer banking app', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:pattern {"slug":"postfolio-blocks/logo-cloud"} /-->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'Selected work', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"fontSize":"huge"} -->
+<h2 class="wp-block-heading has-huge-font-size"><?php esc_html_e( 'Projects I’m proud of', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( postfolio_blocks_starter_page_url( 'work' ) ); ?>"><?php esc_html_e( 'All projects', 'postfolio-blocks' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group -->
+
+<!-- wp:query {"queryId":95,"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","sticky":"","inherit":false<?php echo $postfolio_work_tax; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>},"align":"wide","layout":{"type":"default"}} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":"20rem"}} -->
+<!-- wp:group {"className":"postfolio-work-card postfolio-story-card","style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-work-card postfolio-story-card"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"border":{"radius":"1.25rem"}}} /-->
+
+<!-- wp:post-terms {"term":"post_tag","className":"postfolio-tag-row","fontSize":"small","style":{"spacing":{"margin":{"top":"0.75rem"}}}} /-->
+
+<!-- wp:post-title {"level":3,"isLink":true,"fontSize":"x-large","style":{"typography":{"lineHeight":"1.2"}}} /-->
+
+<!-- wp:post-excerpt {"excerptLength":20,"textColor":"contrast-2"} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:query --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"postfolio-badge","backgroundColor":"base"} -->
+<p class="postfolio-badge has-base-background-color has-background"><?php esc_html_e( 'What I do', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"fontSize":"huge"} -->
+<h2 class="wp-block-heading has-huge-font-size"><?php esc_html_e( 'Ways we can work together', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","className":"postfolio-services","style":{"spacing":{"blockGap":"1.25rem"}},"layout":{"type":"grid","columnCount":3,"minimumColumnWidth":"16rem"}} -->
+<div class="wp-block-group alignwide postfolio-services"><?php foreach ( $postfolio_services as $postfolio_service ) : ?><!-- wp:group {"className":"postfolio-service-card","backgroundColor":"base","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"0.75rem"},"border":{"radius":"1.25rem","width":"1px","color":"var:preset|color|base-2"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group postfolio-service-card has-border-color has-base-background-color has-background" style="border-color:var(--wp--preset--color--base-2);border-width:1px;border-radius:1.25rem;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"className":"postfolio-service-icon"} -->
+<p class="postfolio-service-icon"><?php echo esc_html( $postfolio_service[0] ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":3,"fontSize":"x-large"} -->
+<h3 class="wp-block-heading has-x-large-font-size"><?php echo esc_html( $postfolio_service[1] ); ?></h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"textColor":"contrast-2"} -->
+<p class="has-contrast-2-color has-text-color"><?php echo esc_html( $postfolio_service[2] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"1.25rem"}}} -->
+<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"className":"postfolio-badge"} -->
+<p class="postfolio-badge"><?php esc_html_e( 'About', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"fontSize":"huge"} -->
+<h2 class="wp-block-heading has-huge-font-size"><?php esc_html_e( 'Design that feels obvious — afterwards.', 'postfolio-blocks' ); ?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"large"} -->
+<p class="has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'For over ten years I have helped teams simplify complicated products. I start with the people who will use the thing, keep the process open, and ship work that holds up long after launch.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"textColor":"contrast-2"} -->
+<p class="has-contrast-2-color has-text-color"><?php esc_html_e( 'When I am not designing, I am usually walking somewhere with a camera, or teaching a workshop on design systems.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"0"}}} -->
+<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"className":"postfolio-kicker","fontSize":"small","style":{"spacing":{"padding":{"bottom":"0.75rem"}},"border":{"bottom":{"color":"var:preset|color|contrast","width":"2px"}}}} -->
+<p class="postfolio-kicker has-small-font-size" style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-width:2px;padding-bottom:0.75rem"><?php esc_html_e( 'Experience', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph --><?php foreach ( $postfolio_experience as $postfolio_job ) : ?>
+
+<!-- wp:group {"className":"postfolio-experience-row","style":{"spacing":{"padding":{"top":"1.1rem","bottom":"1.1rem"}},"border":{"bottom":{"color":"var:preset|color|base-2","width":"1px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group postfolio-experience-row" style="border-bottom-color:var(--wp--preset--color--base-2);border-bottom-width:1px;padding-top:1.1rem;padding-bottom:1.1rem"><!-- wp:group {"style":{"spacing":{"blockGap":"0.15rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
+<p style="font-weight:700"><?php echo esc_html( $postfolio_job[1] ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"small"} -->
+<p class="has-contrast-2-color has-text-color has-small-font-size"><?php echo esc_html( $postfolio_job[2] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"small"} -->
+<p class="has-contrast-2-color has-text-color has-small-font-size"><?php echo esc_html( $postfolio_job[0] ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --><?php endforeach; ?></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:pattern {"slug":"postfolio-blocks/testimonial-spotlight"} /-->
+
+<!-- wp:pattern {"slug":"postfolio-blocks/cta-portfolio"} /-->

postfolio-blocks/1.2.0/patterns/template-body-author.php

@@ -17 +17 @@
 
 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
-<main class="wp-block-group alignfull"><!-- wp:pattern {"slug":"postfolio-blocks/author-bio-card"} /-->
+<main class="wp-block-group alignfull"><!-- wp:group {"align":"full","className":"postfolio-author-hero","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained","contentSize":"860px"}} -->
+<div class="wp-block-group alignfull postfolio-author-hero has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"className":"postfolio-author-hero__inner","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group postfolio-author-hero__inner"><!-- wp:avatar {"size":144,"className":"postfolio-author-hero-avatar postfolio-author-ring","style":{"border":{"radius":"999px"}}} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"className":"postfolio-kicker","textColor":"accent","fontSize":"small"} -->
+<p class="postfolio-kicker has-accent-color has-text-color has-small-font-size"><?php esc_html_e( 'Author', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:query-title {"type":"archive","showPrefix":false,"style":{"typography":{"fontSize":"clamp(2.2rem, 1.6rem + 2.4vw, 3.5rem)","lineHeight":"1.05"}}} /-->
+
+<!-- wp:paragraph {"className":"postfolio-author-hero-bio","textColor":"contrast-2","fontSize":"large"} -->
+<p class="postfolio-author-hero-bio has-contrast-2-color has-text-color has-large-font-size"><?php esc_html_e( 'The author biography from the user profile appears here.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"className":"postfolio-author-hero-stats","fontSize":"small"} -->
+<p class="postfolio-author-hero-stats has-small-font-size"><?php esc_html_e( 'Post count and reader comments appear here.', 'postfolio-blocks' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:social-links {"className":"postfolio-author-social","style":{"spacing":{"blockGap":{"left":"0.5rem"}}}} -->
+<ul class="wp-block-social-links postfolio-author-social"><!-- wp:social-link {"url":"#","service":"chain"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
 
 <!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:heading {"fontSize":"large"} -->
-<h2 class="wp-block-heading has-large-font-size"><?php esc_html_e( 'Posts by this author', 'postfolio-blocks' ); ?></h2>
+<h2 class="wp-block-heading has-large-font-size"><?php esc_html_e( 'Latest stories', 'postfolio-blocks' ); ?></h2>
 <!-- /wp:heading -->
 

postfolio-blocks/1.2.0/patterns/template-body-home-2.php

@@ -19 +19 @@
 <main class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"680px"}} -->
 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><!-- wp:paragraph {"align":"center","className":"postfolio-badge"} -->
-<p class="has-text-align-center postfolio-badge"><?php esc_html_e( 'Home 2 · Spotlight', 'postfolio-blocks' ); ?></p>
+<p class="has-text-align-center postfolio-badge"><?php esc_html_e( 'Spotlight', 'postfolio-blocks' ); ?></p>
 <!-- /wp:paragraph -->
 

postfolio-blocks/1.2.0/patterns/template-body-home-3.php

@@ -19 +19 @@
 <main class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"680px"}} -->
 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0"><!-- wp:paragraph {"align":"center","className":"postfolio-badge"} -->
-<p class="has-text-align-center postfolio-badge"><?php esc_html_e( 'Home 3 · Editorial', 'postfolio-blocks' ); ?></p>
+<p class="has-text-align-center postfolio-badge"><?php esc_html_e( 'Editorial', 'postfolio-blocks' ); ?></p>
 <!-- /wp:paragraph -->
 

postfolio-blocks/1.2.0/readme.txt

@@ -4 +4 @@
 Tested up to: 7.1
 Requires PHP: 7.4
-Version: 1.1.0
+Version: 1.2.0
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
-Tags: blog, news, portfolio, one-column, two-columns, three-columns, four-columns, right-sidebar, grid-layout, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, block-patterns, block-styles, style-variations, template-editing, theme-options, threaded-comments, rtl-language-support, translation-ready, wide-blocks
-
-A bold, contemporary block theme for blogs, online magazines and portfolios — with 57 patterns, 22 templates, one-click starter sites, dark mode and a full set of blog tools built from core blocks.
+Tags: blog, news, portfolio, one-column, two-columns,block-theme, gutenberg-theme,block-editor, three-columns, four-columns, right-sidebar, grid-layout, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, post-formats, full-width-template, block-patterns, block-styles, style-variations, template-editing, theme-options, threaded-comments, rtl-language-support, translation-ready, wide-blocks
+
+Free FSE block theme for blogs, news magazines, portfolios and agencies — 5 starter sites with demo content, 68 patterns and dark mode.
 
 == Description ==
 
-Postfolio Blocks is a full-site-editing (FSE) block theme for independent blogs, online magazines, news sites and creative portfolios that want a modern, editorial look without installing a page builder. Everything is built from core WordPress blocks, so your content keeps working with any block theme.
-
-= Layouts =
-
-* **Three homepage layouts**: Home 1 (Statement), Home 2 (Spotlight) and Home 3 (Editorial List).
-* **22 templates**: blog index, front page, three homepages, four single-post layouts (default, with sidebar, cover hero, wide), five page layouts (default, no title, full width, with sidebar, landing page with transparent header), blank canvas, category, tag, date, author, archive, search and 404.
-* **15 template parts**: 7 headers (including sticky and transparent), 5 footers, sidebar, post meta and comments — swap them in the Site Editor.
-* **57 block patterns**: post grids and lists, heroes, calls to action, services, pricing, team, testimonials, FAQ, portfolio grid, case study, logo cloud, stats, timeline, gallery, events, careers, process steps and features.
-* **Page starters**: when you create a new page, pick a ready-made Landing, Services, Portfolio, About, Contact, Blog or Portfolio landing layout.
-
-= Styles =
-
-* 7 complete style variations (Midnight, Cyberpunk, Forest, Lavender, Nordic, Retro, Sunset) that change colors, fonts and button shapes.
-* 8 extra color palettes and 6 font pairings that can be mixed with any style.
-* 5 section styles (Dark, Accent, Muted, Gradient, Bordered) for Group, Columns and Column blocks, plus Card, Rounded, Dot and Pill block styles.
-* Shadow presets, custom aspect ratios and a fluid type scale.
-* Six self-hosted fonts (Poppins, Montserrat, Manrope, Lora, Playfair Display) — no requests to third-party font services.
-* Every palette meets WCAG AA contrast for text, muted text and links.
+**Postfolio Blocks is a free WordPress block theme (full site editing) for blogs, news and magazine websites, creative portfolios and small agencies.** It is built only from core WordPress blocks, so it needs no page builder, and your content keeps working if you ever change themes.
+
+Import one of five starter sites, replace the demo content with your own, and publish. Everything — templates, headers, footers, colors and fonts — can be edited visually in the Site Editor.
+
+= Who is Postfolio Blocks for? =
+
+* **Bloggers and writers** who want a clean, fast personal blog with reading time, an author box and a table of contents.
+* **News sites and online magazines** that need a breaking news ticker, live blog coverage, category pages, ad slots and magazine-style homepages.
+* **Designers and freelancers** who want a portfolio with real case study pages.
+* **Agencies and small businesses** that need a landing page with services, selected work, team, pricing and FAQ.
+
+= What is included? =
+
+* **5 one-click starter sites with demo content:** Personal Blog, Online Magazine, Editorial News, Creative Portfolio and Business & Agency. Each import adds the pages, demo posts with featured images, categories, tags, reader comments and a menu, and sets your homepage. Importing again updates the same content instead of duplicating it.
+* **68 block patterns:** magazine and editorial homepages, post grids and lists, spotlight and bento layouts, heroes, calls to action, services, pricing, team, testimonials, FAQ, portfolio grids, case studies, logo cloud, stats, timeline, gallery, events and careers.
+* **News and magazine tools:** a breaking news ticker (pausable, and static for visitors who prefer reduced motion), a top bar with today's date and trending tags, a live blog timeline, and leaderboard (728×90), sidebar (300×250) and in-article ad slots that reserve their space so the page does not jump.
+* **27 templates:** blog index, front page, three homepage layouts, single posts (default, sidebar, cover hero, wide), dedicated layouts for video, gallery, quote and audio post formats, a case study template for portfolio work, page layouts (no title, full width, sidebar, landing page, blank canvas), category pages with a lead story and sub-categories, author pages with bio and stats, tag, date, archive, search and 404.
+* **15 template parts:** 7 headers (including sticky and transparent), 5 footers, sidebar, post meta and comments.
+* **Portfolio case studies:** posts in the "Work" category open in the case study template — project facts, challenge, process, result and impact in numbers.
+
+= Design and styles =
+
+* 7 style variations (Midnight, Cyberpunk, Forest, Lavender, Nordic, Retro, Sunset), 8 color palettes, 6 font pairings and 5 section styles.
+* Optional dark mode with a visitor switch; the dark palette is generated from your colors, and footers stay readable in every palette.
+* Self-hosted fonts (Poppins, Montserrat, Manrope, Lora, Playfair Display) — no requests to Google Fonts.
+* Fluid type scale, shadow presets and custom aspect ratios.
+
+= Speed, SEO and accessibility =
+
+* **Lightweight:** no page builder and no jQuery on the front end. Scripts such as the ticker and the table of contents load only on pages that use them.
+* **SEO-friendly structure:** semantic HTML landmarks, one H1 per page and a logical heading order, descriptive link text, image alt text in patterns, and internal linking through related posts, popular posts and category pages.
+* **Accessible:** keyboard-friendly navigation, visible focus styles, readable color contrast and reduced-motion support.
 
 = Blog tools =
 
-* Reading time, author box, category pills and previous/next links on every post.
-* Related posts (same categories), popular posts (most commented), share buttons for the current post and an automatic table of contents.
-* A sidebar with search, about card, popular posts, categories, tags and a newsletter box.
+Reading time, author box, related posts (same category), most discussed posts, share buttons, previous/next links and an automatic table of contents.
 
 = Modules (Appearance → Postfolio Blocks → Modules) =
 
-All modules are off by default. Turn on only what you need — each module loads its small script and stylesheet only when enabled:
-
-* Dark mode toggle (the dark palette is generated from your current colors)
-* Back to top button
-* Reading progress bar
-* Smart sticky header
-* Scroll animations (respects reduced-motion settings)
-* Footer reveal effect
-* Floating call / email / WhatsApp buttons
-
-= One-click starter sites =
-
-Personal Blog, Online Magazine, Editorial News, Creative Portfolio and Business & Agency. Each creates its pages from the theme patterns, sets the homepage and can optionally apply a matching style. Importing again updates the same pages instead of duplicating them.
+All modules are off by default and load nothing until you turn them on: dark mode, back to top, reading progress bar, smart sticky header, scroll animations, footer reveal and floating call / email / WhatsApp buttons.
+
+= Works great with =
+
+Postfolio Blocks works fully on its own. For extra layouts you can optionally install two free plugins from WordPress.org: **Advanced Post Block** (post grids, sliders, masonry and news tickers) and **bBlocks** (80+ blocks such as pricing tables, countdowns and sliders). See Appearance → Postfolio Blocks → Recommended Plugins.
 
 == Installation ==
@@ -58 +62 @@
 1. Go to Appearance → Themes → Add New.
 2. Search for "Postfolio Blocks", click Install, then Activate.
-3. Open Appearance → Postfolio Blocks to import a starter site or turn on modules.
+3. Open Appearance → Postfolio Blocks to import a starter site, turn on modules or see the recommended plugins.
 
 == Frequently Asked Questions ==
 
+= What is Postfolio Blocks? =
+
+Postfolio Blocks is a free full-site-editing WordPress theme for blogs, news magazines, portfolios and agencies. It includes five starter sites with demo content, 68 block patterns and 27 templates, all built from core blocks.
+
+= Is Postfolio Blocks free? =
+
+Yes. Every feature, starter site and pattern is free. There is nothing to unlock.
+
 = Does this theme require any plugin? =
 
-No. Every template and pattern is built from WordPress core blocks only.
+No. Every template and pattern uses WordPress core blocks only. Advanced Post Block and bBlocks are optional extras.
+
+= Is Postfolio Blocks good for a news or magazine website? =
+
+Yes. The Online Magazine and Editorial News starter sites include a spotlight homepage, category sections, editor's picks and a most discussed list. You also get a breaking news ticker, a top bar with today's date, a live blog pattern and ad slots.
+
+= How do I make a portfolio with case studies? =
+
+Import the Creative Portfolio starter site, or add posts to a category with the slug "work". Those posts open in the Case Study template automatically, and you can insert the "Case study" pattern to add the challenge, process, result and metrics sections.
+
+= How do I use the video, gallery, quote and audio layouts? =
+
+Set the post format in the post editor (Post → Format). The matching layout is used automatically. You can also choose it in the Template setting of any post.
 
 = How do I switch between Home 1, Home 2 and Home 3? =
@@ -76 +100 @@
 = How do I put a dark mode switch in my header? =
 
-Turn on the Dark mode module, then add a Button block to your header and choose the "Dark mode toggle" style for it. A floating switch is also shown by default.
+Turn on the Dark mode module, then add the "News top bar" pattern, or add a Button block and choose its "Dark mode toggle" style. A floating switch is also shown by default.
 
 = Can I change the colors and fonts? =
@@ -87 +111 @@
 
 == Changelog ==
+
+= 1.2.0 =
+* Feature: Starter sites now import demo content — 12 posts with original illustrations, categories, tags, reader comments and a menu — so every site looks complete right away. Importing again updates the same content.
+* Feature: New homepages for Online Magazine, Editorial News, Personal Blog, Business & Agency and Creative Portfolio, with every section aligned to the same width.
+* Feature: Creative Portfolio imports four case study projects in a new "Work" category, plus a Work page that lists them.
+* Feature: New patterns — breaking news ticker, news top bar (today's date, trending tags, dark mode switch), live blog timeline, leaderboard, sidebar and in-article ad slots, case study, and a portfolio call to action.
+* Feature: New templates — video, gallery, quote and audio post formats (with post format support) and a case study template used automatically for posts in "Work".
+* Feature: Category pages show a lead story, a grid of the latest posts in that category and sub-category links. Author pages show a large avatar, bio, post count and social links.
+* Feature: "Recommended Plugins" tab in the dashboard for Advanced Post Block and bBlocks — optional, installed only when you click, with one dismissible notice.
+* Enhancement: Starter site cards preview each site with its own colors, fonts and layout, list the pages they create and show what is already imported.
+* Enhancement: Single posts have a centered header, a redesigned author box (with a fallback bio) and a share card.
+* Enhancement: The Business & Agency homepage is redesigned with a split hero, services, selected work, process, team and three-plan pricing.
+* Fix: Footer text no longer disappears when dark mode is switched on, with any style variation (including Midnight).
+* Fix: The floating dark mode and back-to-top buttons stay visible on top of the footer.
+* Fix: The comment form no longer touches the footer when the footer reveal module is on.
+* Fix: Related posts and "most discussed" lists now work when they are placed inside groups or columns.
+* Fix: The header search field no longer overflows on phones.
+* Fix: Spotlight and "Latest stories" headings line up with their grids; category badges on cover images are readable.
+* Fix: Removed internal labels ("Home 2 · Spotlight", "Home 3 · Editorial") from the homepage layouts.
+* Fix: Hard-coded white text replaced with palette colors, so dark sections stay readable in dark mode.
+* Fix: A translation function had an incorrect argument, which also made a second text domain appear.
+* Performance: The ticker script loads only on pages with a ticker; dashboard preview fonts load only on the theme dashboard.
+* Tweak: Removed a leftover zip file from the theme folder.
 
 = 1.1.0 =

postfolio-blocks/1.2.0/style.css

@@ -3 +3 @@
 Author: bPlugins
 Author URI: https://bplugins.com
-Description: A bold, contemporary full-site-editing block theme for blogs, online magazines and portfolios. Postfolio Blocks ships with three switchable homepage layouts, 22 templates (including post layouts with sidebar, cover hero and wide content, a landing page with transparent header and a blank canvas), 57 block patterns and one-click starter sites — all built from core WordPress blocks. Seven style variations, eight color palettes, six font pairings and five section styles re-skin the site in one click, with self-hosted fonts and accessible contrast. Blog tools include reading time, related and popular posts, share buttons and an automatic table of contents, and optional modules add dark mode, a reading progress bar, a smart sticky header and more.
+Description: Postfolio Blocks is a free, lightweight full-site-editing (FSE) WordPress block theme for blogs, news and magazine sites, portfolios and agencies, built only from core blocks. It includes 5 one-click starter sites with demo content (Personal Blog, Online Magazine, Editorial News, Creative Portfolio, Business & Agency), 68 block patterns, 27 templates and 15 template parts: a breaking news ticker, live blog, ad slots, magazine homepages, category pages with a lead story, author pages, case study pages for portfolio work, and dedicated layouts for video, gallery, quote and audio post formats. Seven style variations, eight color palettes, six font pairings and an optional dark mode restyle the site in one click. Fonts are self-hosted, scripts load only where they are used, and every palette is designed for readable contrast. Blog tools include reading time, related and popular posts, an author box and an automatic table of contents.
 Requires at least: 6.9
 Tested up to: 7.1
 Requires PHP: 7.4
-Version: 1.1.0
+Version: 1.2.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: postfolio-blocks
-Tags: blog, news, portfolio, one-column, two-columns, three-columns, four-columns, right-sidebar, grid-layout, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, block-patterns, block-styles, style-variations, template-editing, theme-options, threaded-comments, rtl-language-support, translation-ready, wide-blocks
+Tags: blog, news, portfolio, one-column, two-columns, three-columns, four-columns, right-sidebar, grid-layout, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, post-formats, full-width-template, block-patterns, block-styles, style-variations, template-editing, theme-options, threaded-comments, rtl-language-support, translation-ready, wide-blocks
 
 Postfolio Blocks WordPress Theme, Copyright (C) 2026 bPlugins

postfolio-blocks/1.2.0/templates/category.html

@@ -1 @@
-<!-- wp:template-part {"slug":"header","tagName":"header","area":"header"} /-->
-
-<!-- wp:group {"tagName":"main","align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group alignfull" style="padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|40"},"blockGap":"0.6rem"}},"layout":{"type":"default"}} -->
-<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:query-title {"type":"archive","showPrefix":false,"fontSize":"huge"} /-->
-
-<!-- wp:term-description {"textColor":"contrast-2"} /--></div>
-<!-- /wp:group -->
-
-<!-- wp:query {"queryId":51,"query":{"perPage":9,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","inherit":true},"align":"wide","layout":{"type":"default"}} -->
-<div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide","layout":{"type":"grid","columnCount":3,"minimumColumnWidth":"16rem"}} -->
-<!-- wp:group {"className":"is-style-card","style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group is-style-card"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"border":{"radius":"1rem"}}} /-->
-
-<!-- wp:post-terms {"term":"category","className":"is-style-pill"} /-->
-
-<!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /-->
-
-<!-- wp:post-excerpt {"moreText":"","excerptLength":16,"textColor":"contrast-2"} /-->
-
-<!-- wp:group {"style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
-<div class="wp-block-group"><!-- wp:post-date {"textColor":"contrast-2","fontSize":"small"} /-->
-
-<!-- wp:post-time-to-read {"textColor":"contrast-2","fontSize":"small"} /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
-<!-- /wp:post-template -->
-
-<!-- wp:query-no-results -->
-<!-- wp:pattern {"slug":"postfolio-blocks/hidden-no-results"} /-->
-<!-- /wp:query-no-results -->
-
-<!-- wp:query-pagination {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<!-- wp:query-pagination-previous /-->
-
-<!-- wp:query-pagination-numbers /-->
-
-<!-- wp:query-pagination-next /-->
-<!-- /wp:query-pagination --></div>
-<!-- /wp:query --></main>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","tagName":"footer","area":"footer"} /-->
+<!-- wp:pattern {"slug":"postfolio-blocks/template-body-category"} /-->

postfolio-blocks/1.2.0/theme.json

@@ -783 +783 @@
                                 "post"
                         ]
+                },
+                {
+                        "name": "single-case-study",
+                        "title": "Post – Case Study (Work)",
+                        "postTypes": [
+                                "post"
+                        ]
+                },
+                {
+                        "name": "single-format-video",
+                        "title": "Post – Video",
+                        "postTypes": [
+                                "post"
+                        ]
+                },
+                {
+                        "name": "single-format-gallery",
+                        "title": "Post – Gallery",
+                        "postTypes": [
+                                "post"
+                        ]
+                },
+                {
+                        "name": "single-format-quote",
+                        "title": "Post – Quote",
+                        "postTypes": [
+                                "post"
+                        ]
+                },
+                {
+                        "name": "single-format-audio",
+                        "title": "Post – Audio / Podcast",
+                        "postTypes": [
+                                "post"
+                        ]
                 }
         ],