{"id":8,"date":"2026-03-10T21:45:08","date_gmt":"2026-03-10T21:45:08","guid":{"rendered":"https:\/\/fluentcart.pw-cps.com\/index.php\/cps-demo-store\/"},"modified":"2026-03-10T21:46:42","modified_gmt":"2026-03-10T21:46:42","slug":"cps-demo-store","status":"publish","type":"page","link":"https:\/\/fluentcart.pw-cps.com\/","title":{"rendered":"CPS Demo Store"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap');\n\n:root {\n    --cps-navy: #0c1220;\n    --cps-navy-soft: #1a2236;\n    --cps-gold: #e6a817;\n    --cps-gold-light: #f7b731;\n    --cps-gold-pale: #fada69;\n    --cps-teal: #0ed4a8;\n    --cps-teal-dark: #0ab892;\n    --cps-slate: #64748b;\n    --cps-bg: #fafbfc;\n    --cps-surface: #ffffff;\n    --cps-border: #e8ecf0;\n}\n\n\/* Hide WordPress header\/nav\/footer on this page *\/\n[role=\"banner\"],\nheader.wp-block-template-part,\n.wp-site-blocks > header { display: none !important; }\n[role=\"contentinfo\"],\nfooter.wp-block-template-part,\n.wp-site-blocks > footer { display: none !important; }\n.wp-site-blocks { padding: 0 !important; gap: 0 !important; }\nmain > h1:first-child,\n.entry-header,\n.wp-block-post-title { display: none !important; }\n.entry-content, main { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }\n\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-hero {\n    background: var(--cps-bg);\n    padding: 64px 40px 56px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n.cps-hero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--cps-teal), var(--cps-gold), var(--cps-teal));\n}\n.cps-hero-logo {\n    width: 180px;\n    margin: 0 auto 32px;\n    display: block;\n}\n.cps-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--cps-teal-dark);\n    background: rgba(14,212,168,0.08);\n    border: 1px solid rgba(14,212,168,0.25);\n    border-radius: 100px;\n    padding: 6px 18px;\n    margin-bottom: 28px;\n}\n.cps-hero-badge::before {\n    content: '';\n    width: 6px;\n    height: 6px;\n    background: var(--cps-teal);\n    border-radius: 50%;\n    animation: pulse-dot 2s ease infinite;\n}\n@keyframes pulse-dot {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n.cps-hero h1 {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 42px;\n    font-weight: 700;\n    color: var(--cps-navy);\n    line-height: 1.15;\n    margin: 0 auto 20px;\n    max-width: 700px;\n}\n.cps-hero h1 em {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    color: var(--cps-gold);\n    font-weight: 400;\n}\n.cps-hero-desc {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 17px;\n    line-height: 1.65;\n    color: var(--cps-slate);\n    max-width: 540px;\n    margin: 0 auto 20px;\n}\n.cps-hero-link {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    color: var(--cps-slate);\n    margin: 0 auto 32px;\n}\n.cps-hero-link a {\n    color: var(--cps-gold);\n    font-weight: 600;\n    text-decoration: none;\n}\n.cps-hero-link a:hover {\n    color: var(--cps-gold-light);\n}\n.cps-hero-tags {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n.cps-hero-tag {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--cps-navy-soft);\n    background: var(--cps-surface);\n    border: 1px solid var(--cps-border);\n    border-radius: 6px;\n    padding: 7px 16px;\n    transition: border-color 0.2s;\n}\n.cps-hero-tag:hover {\n    border-color: var(--cps-gold-light);\n}\n\n\/* \u2500\u2500 Divider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-divider {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--cps-border), transparent);\n    margin: 0;\n}\n\n\/* \u2500\u2500 Products Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-products {\n    background: var(--cps-surface);\n    padding: 56px 40px 64px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.cps-products-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 32px;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n.cps-products-title {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--cps-navy);\n    margin: 0;\n}\n.cps-products-sub {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    color: var(--cps-slate);\n}\n\n\/* Configure button *\/\n.cps-configure-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--cps-teal-dark);\n    background: rgba(14,212,168,0.08);\n    border: 1px solid rgba(14,212,168,0.2);\n    border-radius: 8px;\n    padding: 9px 18px;\n    margin-top: 12px;\n    text-decoration: none;\n    transition: background 0.2s, border-color 0.2s, color 0.2s;\n    cursor: pointer;\n}\n.cps-configure-btn:hover {\n    background: var(--cps-teal);\n    border-color: var(--cps-teal);\n    color: #fff;\n    text-decoration: none;\n}\n.cps-configure-btn svg {\n    width: 14px;\n    height: 14px;\n    fill: currentColor;\n}\n\n\/* \u2500\u2500 Footer CPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-footer {\n    text-align: center;\n    padding: 40px 20px;\n    border-top: 1px solid var(--cps-border);\n}\n.cps-footer p {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    color: var(--cps-slate);\n    margin: 0;\n}\n.cps-footer a {\n    color: var(--cps-gold);\n    text-decoration: none;\n    font-weight: 600;\n}\n.cps-footer a:hover {\n    color: var(--cps-gold-light);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 768px) {\n    .cps-hero { padding: 48px 24px 40px; }\n    .cps-hero h1 { font-size: 32px; }\n    .cps-hero-logo { width: 140px; }\n    .cps-products { padding: 40px 24px 48px; }\n    .cps-products-header { flex-direction: column; }\n}\n<\/style>\n\n<div class=\"cps-hero\">\n    <img decoding=\"async\" src=\"\/wp-content\/plugins\/cps-fluentcart\/assets\/img\/cps-logo-light.png\" alt=\"PeopleWare CPS\" class=\"cps-hero-logo\" \/>\n    <div class=\"cps-hero-badge\">FLUENTCART DEMO STORE<\/div>\n    <h1>Real-time product<br>config, price <em>&amp; Sell<\/em><\/h1>\n    <p class=\"cps-hero-desc\">This store demonstrates the PeopleWare CPS plugin for FluentCart. Browse the products below to experience dynamic configuration forms, real-time price calculation, and breakdown outputs.<\/p>\n    <p class=\"cps-hero-link\">For more information visit <a href=\"https:\/\/pw-cps.com\" target=\"_blank\">pw-cps.com<\/a><\/p>\n    <div class=\"cps-hero-tags\">\n        <span class=\"cps-hero-tag\">Real-time Pricing<\/span>\n        <span class=\"cps-hero-tag\">Direct Sell!<\/span>\n        <span class=\"cps-hero-tag\">7+ Themes<\/span>\n        <span class=\"cps-hero-tag\">MCP Ready<\/span>\n        <span class=\"cps-hero-tag\">AI Schema Builder<\/span>\n        <span class=\"cps-hero-tag\">1 Schema, 5+ Platforms<\/span>\n        <span class=\"cps-hero-tag\">ERP &amp; Production Ready<\/span>\n        <span class=\"cps-hero-tag\">REST API<\/span>\n        <span class=\"cps-hero-tag\">FluentCart<\/span>\n        <span class=\"cps-hero-tag\">CPS Plugin Free<\/span>\n    <\/div>\n<\/div>\n\n<div class=\"cps-divider\"><\/div>\n\n<div class=\"cps-products\" id=\"cps-products-container\">\n    <div class=\"cps-products-header\">\n        <h2 class=\"cps-products-title\">Demo Products<\/h2>\n        <span class=\"cps-products-sub\">Select a product to configure<\/span>\n    <\/div>\n    <div id=\"cps-product-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;\"><\/div>\n<\/div>\n\n<div class=\"cps-footer\">\n    <p>Powered by <a href=\"https:\/\/pw-cps.com\" target=\"_blank\">PeopleWare CPS<\/a> &mdash; Configure, Price, Sell for e-commerce<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>FLUENTCART DEMO STORE Real-time productconfig, price &amp; Sell This store demonstrates the PeopleWare CPS plugin for FluentCart. Browse the products below to experience dynamic configuration forms, real-time price calculation, and breakdown outputs. For more information visit pw-cps.com Real-time Pricing Direct Sell! 7+ Themes MCP Ready AI Schema Builder 1 Schema, 5+ Platforms ERP &amp; Production [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/fluentcart.pw-cps.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}