diff --git a/theme/css/tailwind.css b/theme/css/tailwind.css index c00c51d..250e08c 100644 --- a/theme/css/tailwind.css +++ b/theme/css/tailwind.css @@ -1858,6 +1858,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ margin-bottom:-1px; } +.-fj-mt-2{ + margin-top:-0.5rem; +} + .fj-mb-2{ margin-bottom:0.5rem; } @@ -1969,6 +1973,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ aspect-ratio:16/9; } +.fj-size-1{ + width:0.25rem; + height:0.25rem; +} + .fj-size-12{ width:3rem; height:3rem; @@ -2014,6 +2023,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ height:100%; } +.fj-h-px{ + height:1px; +} + .fj-max-h-0{ max-height:0px; } @@ -2070,6 +2083,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ max-width:20rem; } +.fj-max-w-96{ + max-width:24rem; +} + .fj-max-w-full{ max-width:100%; } @@ -2082,6 +2099,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ flex:1 1 0%; } +.fj-flex-auto{ + flex:1 1 auto; +} + .fj-flex-none{ flex:none; } @@ -2182,6 +2203,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ align-items:center; } +.fj-items-baseline{ + align-items:baseline; +} + .fj-items-stretch{ align-items:stretch; } @@ -2214,6 +2239,15 @@ lite-youtube.lyt-activated > .lty-playbtn{ gap:2rem; } +.fj-gap-1{ + gap:0.25rem; +} + +.fj-gap-x-1{ + -moz-column-gap:0.25rem; + column-gap:0.25rem; +} + .fj-gap-x-10{ -moz-column-gap:2.5rem; column-gap:2.5rem; @@ -2224,11 +2258,30 @@ lite-youtube.lyt-activated > .lty-playbtn{ column-gap:3rem; } +.fj-gap-x-2{ + -moz-column-gap:0.5rem; + column-gap:0.5rem; +} + +.fj-gap-x-3{ + -moz-column-gap:0.75rem; + column-gap:0.75rem; +} + +.fj-gap-x-4{ + -moz-column-gap:1rem; + column-gap:1rem; +} + .fj-gap-x-6{ -moz-column-gap:1.5rem; column-gap:1.5rem; } +.fj-gap-y-16{ + row-gap:4rem; +} + .fj-gap-y-6{ row-gap:1.5rem; } @@ -2273,12 +2326,24 @@ lite-youtube.lyt-activated > .lty-playbtn{ border-left-width:calc(1px * calc(1 - var(--fj-divide-x-reverse))); } +.fj-divide-x-4 > :not([hidden]) ~ :not([hidden]){ + --fj-divide-x-reverse:0; + border-right-width:calc(4px * var(--fj-divide-x-reverse)); + border-left-width:calc(4px * calc(1 - var(--fj-divide-x-reverse))); +} + .fj-divide-y > :not([hidden]) ~ :not([hidden]){ --fj-divide-y-reverse:0; border-top-width:calc(1px * calc(1 - var(--fj-divide-y-reverse))); border-bottom-width:calc(1px * var(--fj-divide-y-reverse)); } +.fj-divide-y-4 > :not([hidden]) ~ :not([hidden]){ + --fj-divide-y-reverse:0; + border-top-width:calc(4px * calc(1 - var(--fj-divide-y-reverse))); + border-bottom-width:calc(4px * var(--fj-divide-y-reverse)); +} + .fj-divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --fj-divide-opacity:1; border-color:rgb(243 244 246 / var(--fj-divide-opacity)); @@ -2288,6 +2353,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ border-color:rgb(17 24 39 / 0.05); } +.fj-divide-white > :not([hidden]) ~ :not([hidden]){ + --fj-divide-opacity:1; + border-color:rgb(255 255 255 / var(--fj-divide-opacity)); +} + .fj-overflow-hidden{ overflow:hidden; } @@ -2312,6 +2382,14 @@ lite-youtube.lyt-activated > .lty-playbtn{ overflow-wrap:break-word; } +.fj-rounded-2xl{ + border-radius:1rem; +} + +.fj-rounded-3xl{ + border-radius:1.5rem; +} + .fj-rounded-full{ border-radius:9999px; } @@ -2400,6 +2478,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ background-color:rgb(255 251 235 / var(--fj-bg-opacity)); } +.fj-bg-blue-600{ + --fj-bg-opacity:1; + background-color:rgb(37 99 235 / var(--fj-bg-opacity)); +} + .fj-bg-cursor{ --fj-bg-opacity:1; background-color:rgb(255 255 255 / var(--fj-bg-opacity)); @@ -2414,6 +2497,16 @@ lite-youtube.lyt-activated > .lty-playbtn{ background-color:rgb(243 244 246 / var(--fj-bg-opacity)); } +.fj-bg-gray-300{ + --fj-bg-opacity:1; + background-color:rgb(209 213 219 / var(--fj-bg-opacity)); +} + +.fj-bg-gray-50{ + --fj-bg-opacity:1; + background-color:rgb(249 250 251 / var(--fj-bg-opacity)); +} + .fj-bg-rose-50{ --fj-bg-opacity:1; background-color:rgb(255 241 242 / var(--fj-bg-opacity)); @@ -2506,6 +2599,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ padding:0.375rem; } +.fj-p-12{ + padding:3rem; +} + .fj-p-2{ padding:0.5rem; } @@ -2562,6 +2659,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ padding-right:1.5rem; } +.fj-px-8{ + padding-left:2rem; + padding-right:2rem; +} + .fj-py-1{ padding-top:0.25rem; padding-bottom:0.25rem; @@ -2572,6 +2674,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ padding-bottom:0.375rem; } +.fj-py-10{ + padding-top:2.5rem; + padding-bottom:2.5rem; +} + .fj-py-2{ padding-top:0.5rem; padding-bottom:0.5rem; @@ -2587,6 +2694,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ padding-bottom:0.75rem; } +.fj-py-32{ + padding-top:8rem; + padding-bottom:8rem; +} + .fj-py-4{ padding-top:1rem; padding-bottom:1rem; @@ -2670,6 +2782,21 @@ lite-youtube.lyt-activated > .lty-playbtn{ line-height:2rem; } +.fj-text-3xl{ + font-size:1.875rem; + line-height:2.25rem; +} + +.fj-text-4xl{ + font-size:2.25rem; + line-height:2.5rem; +} + +.fj-text-5xl{ + font-size:3rem; + line-height:1; +} + .fj-text-base{ font-size:1rem; line-height:1.5rem; @@ -2715,6 +2842,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ text-transform:uppercase; } +.fj-normal-case{ + text-transform:none; +} + .fj-italic{ font-style:italic; } @@ -2731,6 +2862,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ line-height:1.5rem; } +.fj-leading-7{ + line-height:1.75rem; +} + .fj-leading-none{ line-height:1; } @@ -2739,6 +2874,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ line-height:1.25; } +.fj-tracking-tight{ + letter-spacing:-0.025em; +} + .fj-tracking-wider{ letter-spacing:0.05em; } @@ -2756,6 +2895,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ color:currentColor; } +.fj-text-gray-600{ + --fj-text-opacity:1; + color:rgb(75 85 99 / var(--fj-text-opacity)); +} + .fj-text-rose-500{ --fj-text-opacity:1; color:rgb(244 63 94 / var(--fj-text-opacity)); @@ -2781,6 +2925,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ color:rgb(28 25 23 / var(--fj-text-opacity)); } +.fj-text-white{ + --fj-text-opacity:1; + color:rgb(255 255 255 / var(--fj-text-opacity)); +} + .\!fj-no-underline{ text-decoration-line:none !important; } @@ -2823,6 +2972,15 @@ lite-youtube.lyt-activated > .lty-playbtn{ box-shadow:var(--fj-ring-offset-shadow), var(--fj-ring-shadow), var(--fj-shadow, 0 0 #0000); } +.fj-ring-inset{ + --fj-ring-inset:inset; +} + +.fj-ring-gray-200{ + --fj-ring-opacity:1; + --fj-ring-color:rgb(229 231 235 / var(--fj-ring-opacity)); +} + .fj-ring-gray-900\/5{ --fj-ring-color:rgb(17 24 39 / 0.05); } @@ -3460,6 +3618,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ max-width:24rem; } + .sm\:fj-grid-cols-2{ + grid-template-columns:repeat(2, minmax(0, 1fr)); + } + .sm\:fj-flex-row{ flex-direction:row; } @@ -3472,6 +3634,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ gap:2rem; } + .sm\:fj-p-10{ + padding:2.5rem; + } + .sm\:fj-pt-24{ padding-top:6rem; } @@ -3481,6 +3647,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ line-height:2rem; } + .sm\:fj-text-4xl{ + font-size:2.25rem; + line-height:2.5rem; + } + .sm\:fj-ring-1{ --fj-ring-offset-shadow:var(--fj-ring-inset) 0 0 0 var(--fj-ring-offset-width) var(--fj-ring-offset-color); --fj-ring-shadow:var(--fj-ring-inset) 0 0 0 calc(1px + var(--fj-ring-offset-width)) var(--fj-ring-color); @@ -3578,6 +3749,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ gap:3rem; } + .md\:fj-gap-6{ + gap:1.5rem; + } + .md\:fj-gap-8{ gap:2rem; } @@ -3626,6 +3801,10 @@ lite-youtube.lyt-activated > .lty-playbtn{ } @media (min-width: 1024px){ + .lg\:fj-static{ + position:static; + } + .lg\:fj-bottom-8{ bottom:2rem; } @@ -3662,10 +3841,19 @@ lite-youtube.lyt-activated > .lty-playbtn{ grid-row-start:3; } + .lg\:fj-mx-0{ + margin-left:0px; + margin-right:0px; + } + .lg\:fj-mb-12{ margin-bottom:3rem; } + .lg\:fj-mt-0{ + margin-top:0px; + } + .lg\:fj-mt-24{ margin-top:6rem; } @@ -3683,14 +3871,39 @@ lite-youtube.lyt-activated > .lty-playbtn{ height:18rem; } + .lg\:fj-w-full{ + width:100%; + } + .lg\:fj-max-w-3xl{ max-width:48rem; } + .lg\:fj-max-w-md{ + max-width:28rem; + } + + .lg\:fj-max-w-none{ + max-width:none; + } + .lg\:fj-flex-1{ flex:1 1 0%; } + .lg\:fj-flex-auto{ + flex:1 1 auto; + } + + .lg\:fj-flex-shrink-0{ + flex-shrink:0; + } + + .lg\:fj-translate-x-0{ + --fj-translate-x:0px; + transform:translate(var(--fj-translate-x), var(--fj-translate-y)) rotate(var(--fj-rotate)) skewX(var(--fj-skew-x)) skewY(var(--fj-skew-y)) scaleX(var(--fj-scale-x)) scaleY(var(--fj-scale-y)); + } + .lg\:fj-grid-cols-1{ grid-template-columns:repeat(1, minmax(0, 1fr)); } @@ -3703,10 +3916,30 @@ lite-youtube.lyt-activated > .lty-playbtn{ grid-template-columns:repeat(3, minmax(0, 1fr)); } + .lg\:fj-grid-cols-4{ + grid-template-columns:repeat(4, minmax(0, 1fr)); + } + + .lg\:fj-flex-col{ + flex-direction:column; + } + + .lg\:fj-place-items-baseline{ + place-items:baseline; + } + + .lg\:fj-justify-center{ + justify-content:center; + } + .lg\:fj-gap-12{ gap:3rem; } + .lg\:fj-gap-8{ + gap:2rem; + } + .lg\:fj-gap-x-10{ -moz-column-gap:2.5rem; column-gap:2.5rem; @@ -3740,6 +3973,11 @@ lite-youtube.lyt-activated > .lty-playbtn{ padding-bottom:0px; } + .lg\:fj-py-16{ + padding-top:4rem; + padding-bottom:4rem; + } + .lg\:fj-pt-32{ padding-top:8rem; } diff --git a/theme/modules/price-card-with-details.module/fields.json b/theme/modules/price-card-with-details.module/fields.json new file mode 100644 index 0000000..120b943 --- /dev/null +++ b/theme/modules/price-card-with-details.module/fields.json @@ -0,0 +1,180 @@ +[ { + "id" : "d6f776b8-4c95-0265-0338-95b2b892258b", + "name" : "two_column_group", + "display_width" : null, + "label" : "Two Column Group", + "required" : false, + "locked" : false, + "children" : [ { + "id" : "29f3b9dc-17c7-28f2-83e3-2c3ecbb966f5", + "name" : "title", + "display_width" : null, + "label" : "Title", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Juicy Permanent" + }, { + "id" : "a4ca36af-76ae-770a-f896-743348937a9d", + "name" : "description", + "display_width" : null, + "label" : "Description", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "The best, the mightiest, the bravest juices and smoothies are there to help you smooth up for the day." + }, { + "id" : "4d13341b-ebf6-9c32-120b-e35e6f07ef30", + "name" : "divider_text", + "display_width" : null, + "label" : "Divider Text", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "What's included" + }, { + "id" : "a0b675a1-c232-5c7a-d638-4789a941e235", + "name" : "features_item", + "display_width" : null, + "label" : "Features Item", + "required" : false, + "locked" : false, + "occurrence" : { + "min" : 0, + "max" : null, + "sorting_label_field" : null, + "default" : 4 + }, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : [ "Permanent Juiciness", "VIP access to secret Juicy Events", "Private Juice and Smoothie Butlers", "Hotels Secret Juice Service" ] + } ], + "tab" : "CONTENT", + "expanded" : false, + "group_occurrence_meta" : null, + "type" : "group", + "default" : { + "title" : "Juicy Permanent", + "description" : "The best, the mightiest, the bravest juices and smoothies are there to help you smooth up for the day.", + "divider_text" : "What's included", + "features_item" : [ "Permanent Juiciness", "VIP access to secret Juicy Events", "Private Juice and Smoothie Butlers", "Hotels Secret Juice Service" ] + } +}, { + "id" : "108c4f09-fc25-b23c-13b5-48538075edb8", + "name" : "one_column_price_card", + "display_width" : null, + "label" : "One Column Price Card", + "required" : false, + "locked" : false, + "children" : [ { + "id" : "6dc1090e-378c-01fe-85dd-05dc515a86f3", + "name" : "slogan", + "display_width" : null, + "label" : "Slogan", + "required" : true, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Pay once, be juicy forever" + }, { + "id" : "92df9402-f998-f648-c234-ac827a557f38", + "name" : "cost", + "display_width" : null, + "label" : "Cost", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "$349" + }, { + "id" : "77177926-9187-1c83-97d3-1f8fbfe752c8", + "name" : "cost_details", + "display_width" : null, + "label" : "Cost Details", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "USD" + }, { + "id" : "c574064a-3430-990d-1d95-6988c4bd360a", + "name" : "cta_link", + "display_width" : null, + "label" : "CTA Link", + "required" : false, + "locked" : false, + "supported_types" : [ "EXTERNAL", "CONTENT", "FILE", "EMAIL_ADDRESS", "BLOG", "CALL_TO_ACTION", "PHONE_NUMBER" ], + "show_advanced_rel_options" : false, + "type" : "link", + "default" : { + "url" : { + "content_id" : null, + "href" : "https://source.unsplash.com/random/1024x1024/?infinite+smoothie", + "type" : "EXTERNAL" + }, + "open_in_new_tab" : false, + "no_follow" : false + } + }, { + "id" : "890ae293-bf26-c503-e479-22fae50a76f1", + "name" : "cta_text", + "display_width" : null, + "label" : "CTA Text", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Get Juicy" + }, { + "id" : "35860b0d-061e-a20c-9a54-140dd6662713", + "name" : "sub_text", + "display_width" : null, + "label" : "Sub Text", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Invoices and receipts available for easy juicy reevaluations" + } ], + "tab" : "CONTENT", + "expanded" : false, + "group_occurrence_meta" : null, + "type" : "group", + "default" : { + "slogan" : "Pay once, be juicy forever", + "cost" : "$349", + "cost_details" : "USD", + "cta_link" : { + "url" : { + "content_id" : null, + "href" : "https://source.unsplash.com/random/1024x1024/?infinite+smoothie", + "type" : "EXTERNAL" + }, + "open_in_new_tab" : false, + "no_follow" : false + }, + "cta_text" : "Get Juicy", + "sub_text" : "Invoices and receipts available for easy juicy reevaluations" + } +} ] \ No newline at end of file diff --git a/theme/modules/price-card-with-details.module/meta.json b/theme/modules/price-card-with-details.module/meta.json new file mode 100644 index 0000000..0a72595 --- /dev/null +++ b/theme/modules/price-card-with-details.module/meta.json @@ -0,0 +1,16 @@ +{ + "global": false, + "content_types": [ + "LANDING_PAGE", + "SITE_PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "host_template_types": [ + "PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "label": "Price Card with Details", + "is_available_for_new_content": true +} diff --git a/theme/modules/price-card-with-details.module/module.css b/theme/modules/price-card-with-details.module/module.css new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/price-card-with-details.module/module.html b/theme/modules/price-card-with-details.module/module.html new file mode 100644 index 0000000..00f2092 --- /dev/null +++ b/theme/modules/price-card-with-details.module/module.html @@ -0,0 +1,57 @@ +
+
+

{{ module.two_column_group.title }}

+ +

{{ module.two_column_group.description }}

+ + {% if module.two_column_group.features_item | length > 0 %} +
+

{{ module.two_column_group.divider_text }}

+ +
+
+ {% endif %} + + +
+ +
+
+
+

{{ module.one_column_price_card.slogan }}

+ +
+ {{ module.one_column_price_card.cost }} + + {{ module.one_column_price_card.cost_details }} +
+ + {% set href = module.one_column_price_card.cta_link.url.href %} + {% if module.one_column_price_card.cta_link.url.type is equalto "EMAIL_ADDRESS" %} + {% set href = "mailto:" + href %} + {% endif %} + + + {{ module.one_column_price_card.cta_text }} + + +

{{ module.one_column_price_card.sub_text }}

+ +
+
+ +
+
\ No newline at end of file diff --git a/theme/modules/price-card-with-details.module/module.js b/theme/modules/price-card-with-details.module/module.js new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/pricing-cards.module/fields.json b/theme/modules/pricing-cards.module/fields.json new file mode 100644 index 0000000..01dd6ab --- /dev/null +++ b/theme/modules/pricing-cards.module/fields.json @@ -0,0 +1,188 @@ +[ { + "id" : "31d1e0c6-4e1e-4a1f-7c33-18729a4b2501", + "name" : "pricing_card_group", + "display_width" : null, + "label" : "Pricing Card", + "required" : false, + "locked" : false, + "occurrence" : { + "min" : 1, + "max" : 3, + "sorting_label_field" : null, + "default" : 3 + }, + "children" : [ { + "id" : "e3458556-aeb3-95a0-2a1d-1f1dc04ab7f5", + "name" : "tier_name", + "display_width" : null, + "label" : "Tier Name", + "required" : true, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Basic" + }, { + "id" : "2629d9b9-46b4-a443-08d3-5313daafd29f", + "name" : "price", + "display_width" : null, + "label" : "Price", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "123" + }, { + "id" : "58caa5af-22e7-f152-be67-a6baa3cf119c", + "name" : "price_details", + "display_width" : null, + "label" : "Price Details", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "/ month" + }, { + "id" : "a0e41c7a-48ac-266c-0fd3-0d42ea1cc705", + "name" : "price_subtext", + "display_width" : null, + "label" : "Price Subtext", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Single-member plan for personal projects, prototypes, and getting started." + }, { + "id" : "ec4cd19d-7c47-c5c6-595f-8f3091935195", + "name" : "cta_label", + "display_width" : null, + "label" : "Call to Action Label", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Get Started" + }, { + "id" : "1bb378bf-31d3-a398-485b-8d91a98bab01", + "name" : "cta_link", + "display_width" : null, + "label" : "Call to Action Link", + "required" : false, + "locked" : false, + "visibility" : { + "controlling_field" : null, + "controlling_field_path" : "pricing_card_group.cta_label", + "controlling_value_regex" : null, + "property" : null, + "operator" : "NOT_EMPTY", + "access" : null + }, + "supported_types" : [ "EXTERNAL", "CONTENT", "FILE", "EMAIL_ADDRESS", "BLOG", "CALL_TO_ACTION", "PHONE_NUMBER" ], + "show_advanced_rel_options" : false, + "type" : "link", + "default" : { + "url" : { + "content_id" : null, + "href" : "#nada", + "type" : "EXTERNAL" + }, + "open_in_new_tab" : false, + "no_follow" : false + } + }, { + "id" : "70bf210b-69a8-846c-b44a-180ec6ba4ee0", + "name" : "features_title", + "display_width" : null, + "label" : "Features Title", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Everything necessary to get started." + }, { + "id" : "6b615b91-b7a3-632c-4a2a-fea2f9134f5f", + "name" : "features_list_item", + "display_width" : null, + "label" : "Features List Item", + "required" : false, + "locked" : false, + "occurrence" : { + "min" : 0, + "max" : null, + "sorting_label_field" : null, + "default" : 3 + }, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : [ "Awesome Feature", "Awesome Feature", "Awesome Feature" ] + } ], + "tab" : "CONTENT", + "expanded" : false, + "group_occurrence_meta" : null, + "type" : "group", + "default" : [ { + "tier_name" : "Starter", + "price" : "$15", + "price_details" : "/ month", + "price_subtext" : "Perfect for Fresh Juice lovers", + "cta_label" : "Get Started", + "cta_link" : { + "url" : { + "content_id" : null, + "href" : "https://source.unsplash.com/random/1024x1024/?fruit+smoothie", + "type" : "EXTERNAL" + }, + "open_in_new_tab" : false, + "no_follow" : false + }, + "features_title" : "Includes:", + "features_list_item" : [ "Complimentary Food Salad", "Monthly access to fruity dishes", "Apple Juice", "Mini Cherry Juice Shot" ] + }, { + "tier_name" : "Pro", + "price" : "$45", + "price_details" : "/ month", + "price_subtext" : "For experts in the juice world", + "cta_label" : "Get Juicing", + "cta_link" : { + "url" : { + "content_id" : null, + "href" : "https://source.unsplash.com/random/1024x1024/?fruit+smoothie", + "type" : "EXTERNAL" + }, + "open_in_new_tab" : false, + "no_follow" : false + }, + "features_title" : "Starter features included along with:", + "features_list_item" : [ "Banana Smoothie", "Private Juice Bar", "Customisable Fruit Salad", "Weekly Updates on Juicy Features", "Being Extra Juicy" ] + }, { + "tier_name" : "Enterprise", + "price" : "Custom", + "price_details" : "", + "price_subtext" : "For the ultimate juice experience", + "cta_label" : "Get Partying", + "cta_link" : { + "url" : { + "content_id" : null, + "href" : "https://source.unsplash.com/random/1024x1024/?fruit+smoothie", + "type" : "EXTERNAL" + }, + "open_in_new_tab" : false, + "no_follow" : false + }, + "features_title" : "Customisable feature inclusion along with:", + "features_list_item" : [ "Private Juice Bar Room", "Unique Fruity Dishes", "Opportunities for Exciting Juicy Adventures", "Apple Festival" ] + } ] +} ] \ No newline at end of file diff --git a/theme/modules/pricing-cards.module/meta.json b/theme/modules/pricing-cards.module/meta.json new file mode 100644 index 0000000..6fbcace --- /dev/null +++ b/theme/modules/pricing-cards.module/meta.json @@ -0,0 +1,17 @@ +{ + "global": false, + "content_types": [ + "LANDING_PAGE", + "SITE_PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "icon": "fontawesome-5.14.0:Dollar%20Sign:SOLID", + "host_template_types": [ + "PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "label": "Pricing Cards", + "is_available_for_new_content": true +} diff --git a/theme/modules/pricing-cards.module/module.css b/theme/modules/pricing-cards.module/module.css new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/pricing-cards.module/module.html b/theme/modules/pricing-cards.module/module.html new file mode 100644 index 0000000..2caa5b5 --- /dev/null +++ b/theme/modules/pricing-cards.module/module.html @@ -0,0 +1,49 @@ +{% if module.pricing_card_group | length == 3 %} + {% set grid_col_class = 'lg:fj-grid-cols-3' %} +{% endif %} + +
+ {% for item in module.pricing_card_group %} +
+
+ +

{{ item.tier_name }}

+ +
+
+ {% if item.price %}{{ item.price }}{% endif %} + {% if item.price_details %}{{ item.price_details }}{% endif %} +
+ +

{{ item.price_subtext }}

+
+ + {% set href = item.cta_link.url.href %} + {% if item.cta_link.url.type is equalto "EMAIL_ADDRESS" %} + {% set href = "mailto:" + href %} + {% endif %} + + {{ item.cta_label }} + + +

{{ item.features_title }}

+ +
    + {% for feature in item.features_list_item %} +
  • + + +

    {{ feature }}

    +
  • + {% endfor %} +
+ +
+
+ {% endfor %} +
diff --git a/theme/modules/pricing-cards.module/module.js b/theme/modules/pricing-cards.module/module.js new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/stats-simple-grid.module/fields.json b/theme/modules/stats-simple-grid.module/fields.json new file mode 100644 index 0000000..55b2d9c --- /dev/null +++ b/theme/modules/stats-simple-grid.module/fields.json @@ -0,0 +1,53 @@ +[ { + "id" : "5b33fbce-616d-9bd2-eafc-b9d6e680a642", + "name" : "stats_item", + "display_width" : null, + "label" : "Stats Item", + "required" : false, + "locked" : false, + "occurrence" : { + "min" : 0, + "max" : null, + "sorting_label_field" : null, + "default" : 4 + }, + "children" : [ { + "id" : "6ce0d153-b1ee-ca44-0ee2-682c3a1f3d3c", + "name" : "title", + "display_width" : null, + "label" : "Title", + "required" : true, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "44 million" + }, { + "id" : "38b54076-c739-67d5-fb1c-e31b31927557", + "name" : "subtext", + "display_width" : null, + "label" : "Subtext", + "required" : false, + "locked" : false, + "type" : "richtext", + "default" : "Transactions every 24 hours" + } ], + "tab" : "CONTENT", + "expanded" : false, + "group_occurrence_meta" : null, + "type" : "group", + "default" : [ { + "title" : "44 million", + "subtext" : "Transactions of Fresh Juice every day" + }, { + "title" : "134 trillion", + "subtext" : "Customers all over the world" + }, { + "title" : "+1000 transactions", + "subtext" : "We at Fresh Juice value freshness of your juice and smoothies" + }, { + "title" : "100+ countries", + "subtext" : "Available worldwide" + } ] +} ] \ No newline at end of file diff --git a/theme/modules/stats-simple-grid.module/meta.json b/theme/modules/stats-simple-grid.module/meta.json new file mode 100644 index 0000000..11cbb79 --- /dev/null +++ b/theme/modules/stats-simple-grid.module/meta.json @@ -0,0 +1,16 @@ +{ + "global": false, + "content_types": [ + "LANDING_PAGE", + "SITE_PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "host_template_types": [ + "PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "label": "Stats - Simple Grid", + "is_available_for_new_content": true +} diff --git a/theme/modules/stats-simple-grid.module/module.css b/theme/modules/stats-simple-grid.module/module.css new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/stats-simple-grid.module/module.html b/theme/modules/stats-simple-grid.module/module.html new file mode 100644 index 0000000..88f92e0 --- /dev/null +++ b/theme/modules/stats-simple-grid.module/module.html @@ -0,0 +1,21 @@ +{% if module.stats_item | length == 2 %} + {% set grid_col_class = 'lg:fj-grid-cols-2' %} +{% endif %} + +{% if module.stats_item | length == 3 %} + {% set grid_col_class = 'lg:fj-grid-cols-3' %} +{% endif %} + +{% if module.stats_item | length >= 4 %} + {% set grid_col_class = 'lg:fj-grid-cols-4' %} +{% endif %} + +
+ {% for item in module.stats_item %} +
+

{{ item.title }}

+ +

{{ item.subtext }}

+
+ {% endfor %} +
diff --git a/theme/modules/stats-simple-grid.module/module.js b/theme/modules/stats-simple-grid.module/module.js new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/stats-simple.module/fields.json b/theme/modules/stats-simple.module/fields.json new file mode 100644 index 0000000..f394829 --- /dev/null +++ b/theme/modules/stats-simple.module/fields.json @@ -0,0 +1,50 @@ +[ { + "id" : "db2218b7-685f-fdee-c275-0482e2cb3f47", + "name" : "stats_item", + "display_width" : null, + "label" : "Stats Item", + "required" : false, + "locked" : false, + "occurrence" : { + "min" : 1, + "max" : 4, + "sorting_label_field" : null, + "default" : 3 + }, + "children" : [ { + "id" : "e9417d48-719f-893d-f5e2-dd6e4cfd6880", + "name" : "stats_title", + "display_width" : null, + "label" : "Stats Title", + "required" : true, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "44 million" + }, { + "id" : "fe8a34f2-08eb-e26e-3092-029ade0e4149", + "name" : "subtext", + "display_width" : null, + "label" : "Subtext", + "required" : false, + "locked" : false, + "type" : "richtext", + "default" : "Transactions every 24 hours" + } ], + "tab" : "CONTENT", + "expanded" : false, + "group_occurrence_meta" : null, + "type" : "group", + "default" : [ { + "stats_title" : "44 million", + "subtext" : "Transactions of Fresh Juice every day" + }, { + "stats_title" : "134 trillion", + "subtext" : "Customers all over the world" + }, { + "stats_title" : "1000+ transactions", + "subtext" : "We at Fresh Juice value freshness of your juice and smoothies" + } ] +} ] \ No newline at end of file diff --git a/theme/modules/stats-simple.module/meta.json b/theme/modules/stats-simple.module/meta.json new file mode 100644 index 0000000..e648f77 --- /dev/null +++ b/theme/modules/stats-simple.module/meta.json @@ -0,0 +1,16 @@ +{ + "global": false, + "content_types": [ + "LANDING_PAGE", + "SITE_PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "host_template_types": [ + "PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "label": "Stats - Simple", + "is_available_for_new_content": true +} diff --git a/theme/modules/stats-simple.module/module.css b/theme/modules/stats-simple.module/module.css new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/stats-simple.module/module.html b/theme/modules/stats-simple.module/module.html new file mode 100644 index 0000000..2985c46 --- /dev/null +++ b/theme/modules/stats-simple.module/module.html @@ -0,0 +1,21 @@ +{% if module.stats_item | length == 2 %} + {% set grid_col_class = 'lg:fj-grid-cols-2' %} +{% endif %} + +{% if module.stats_item | length == 3 %} + {% set grid_col_class = 'lg:fj-grid-cols-3' %} +{% endif %} + +{% if module.stats_item | length >= 4 %} + {% set grid_col_class = 'lg:fj-grid-cols-4' %} +{% endif %} + +
+ {% for item in module.stats_item %} +
+

{{ item.stats_title }}

+ +

{{ item.subtext }}

+
+ {% endfor %} +
diff --git a/theme/modules/stats-simple.module/module.js b/theme/modules/stats-simple.module/module.js new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/stats-timeline.module/fields.json b/theme/modules/stats-timeline.module/fields.json new file mode 100644 index 0000000..3d8d6fe --- /dev/null +++ b/theme/modules/stats-timeline.module/fields.json @@ -0,0 +1,72 @@ +[ { + "id" : "840e3946-1233-014f-e9a5-67521daf07bc", + "name" : "timeframe", + "display_width" : null, + "label" : "Timeframe", + "required" : false, + "locked" : false, + "occurrence" : { + "min" : 0, + "max" : null, + "sorting_label_field" : null, + "default" : 4 + }, + "children" : [ { + "id" : "db9558a5-8adf-8210-fbcb-7310b9ef2d65", + "name" : "date", + "display_width" : null, + "label" : "Date", + "required" : true, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Sep 2019" + }, { + "id" : "9222b38b-b8bb-afee-2185-79553eab0067", + "name" : "title", + "display_width" : null, + "label" : "Title", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "Creation of Juicy Drink" + }, { + "id" : "236bfdd1-465d-7168-6a55-b5d53bf79bf9", + "name" : "description", + "display_width" : null, + "label" : "Description", + "required" : false, + "locked" : false, + "validation_regex" : "", + "allow_new_line" : false, + "show_emoji_picker" : false, + "type" : "text", + "default" : "The brightest out of us, King Banana, gave us the mystical recipe to create the best banana smoothie in the kingdom" + } ], + "tab" : "CONTENT", + "expanded" : false, + "group_occurrence_meta" : null, + "type" : "group", + "default" : [ { + "date" : "Sep 2019", + "title" : "Creation of Juicy Drink", + "description" : "The brightest out of us, King Banana, gave us the mystical recipe to create the best banana smoothie in the kingdom" + }, { + "date" : "Dec 2019", + "title" : "Creation of Juicy Cafe", + "description" : "Our first cafe for our juicy drinks had massive success and costumers kept buying the royal smoothies as well as our own personal creations" + }, { + "date" : "Oct 2020", + "title" : "Our first Million Dollars", + "description" : "After expanding our business into various towns and cities by opening new cafes, we finally reached our first million dollars in revenue!" + }, { + "date" : "Aug 2023", + "title" : "Manufacture of Drinks", + "description" : "After having massive success over the years with our cafes, we decided to manufacture them so more people can drink our creations" + } ] +} ] \ No newline at end of file diff --git a/theme/modules/stats-timeline.module/meta.json b/theme/modules/stats-timeline.module/meta.json new file mode 100644 index 0000000..14db287 --- /dev/null +++ b/theme/modules/stats-timeline.module/meta.json @@ -0,0 +1,16 @@ +{ + "global": false, + "content_types": [ + "LANDING_PAGE", + "SITE_PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "host_template_types": [ + "PAGE", + "BLOG_LISTING", + "BLOG_POST" + ], + "label": "Stats - Timeline", + "is_available_for_new_content": true +} diff --git a/theme/modules/stats-timeline.module/module.css b/theme/modules/stats-timeline.module/module.css new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/stats-timeline.module/module.html b/theme/modules/stats-timeline.module/module.html new file mode 100644 index 0000000..d0a1955 --- /dev/null +++ b/theme/modules/stats-timeline.module/module.html @@ -0,0 +1,29 @@ +{% if module.timeframe | length == 2 %} + {% set grid_col_class = 'lg:fj-grid-cols-2' %} +{% endif %} + +{% if module.timeframe | length == 3 %} + {% set grid_col_class = 'lg:fj-grid-cols-3' %} +{% endif %} + +{% if module.timeframe | length >= 4 %} + {% set grid_col_class = 'lg:fj-grid-cols-4' %} +{% endif %} + +
+ {% for item in module.timeframe %} +
+
+ + {{ item.date }} +
+
+ +

{{ item.title }}

+ +

{{ item.description }}

+
+ {% endfor %} +
diff --git a/theme/modules/stats-timeline.module/module.js b/theme/modules/stats-timeline.module/module.js new file mode 100644 index 0000000..e69de29 diff --git a/theme/modules/testimonials-with-star-rating.module/fields.json b/theme/modules/testimonials-with-star-rating.module/fields.json index fab0cec..569a033 100644 --- a/theme/modules/testimonials-with-star-rating.module/fields.json +++ b/theme/modules/testimonials-with-star-rating.module/fields.json @@ -1,9 +1,9 @@ -[{ +[ { "id" : "962e05af-a9cb-effe-498f-34ffce0df5e7", "name" : "rating", "display_width" : null, "label" : "Rating", - "inline_help_text": "This is the rating of the testimonial from 0 to 5. If rating is 0, the rating stars will disappear.", + "inline_help_text" : "This is the rating of the testimonial from 0 to 5. If rating is 0, the rating stars will disappear.", "required" : true, "locked" : false, "display" : "slider",