From c4147a24f3b3f536b2f8f517fa61cc314f1803b8 Mon Sep 17 00:00:00 2001 From: Adeeb Shihadeh Date: Fri, 21 Nov 2025 16:17:49 -0800 Subject: [PATCH 01/13] commacare --- src/lib/constants/faq.svelte | 18 ++++++++++++++++++ src/routes/connect/+page.svelte | 18 ++++++++++++++++++ 2 files changed, 36 insertions(+) diff --git a/src/lib/constants/faq.svelte b/src/lib/constants/faq.svelte index e18780eb..48417089 100644 --- a/src/lib/constants/faq.svelte +++ b/src/lib/constants/faq.svelte @@ -344,6 +344,24 @@
  • You can sign back up at any time.
    • ` + }, { + question: 'What is commacare?', + answer: ` +

    + commacare extends your comma four's warranty for an additional year beyond the standard one-year warranty, giving you two years of total coverage. +

    +

    + We've made commacare simple and straightforward: +

    + + ` }, { question: 'I installed my own SIM card, but it\'s not working.', answer: ` diff --git a/src/routes/connect/+page.svelte b/src/routes/connect/+page.svelte index 856ceabb..66e988ab 100644 --- a/src/routes/connect/+page.svelte +++ b/src/routes/connect/+page.svelte @@ -142,6 +142,24 @@
    {@html CloseIcon}
    + +
    +
    +
    {@html CommandLineIcon}
    +
    +
    commacare
    + Extend your comma four's standard one year warranty for an additional year. See terms +
    +
    +
    +
    {@html CheckmarkIcon}
    +
    +
    +
    {@html CloseIcon}
    +
    +
    + + From 2325d74959619edc2cbeffb2a47a9ee70aa8e86f Mon Sep 17 00:00:00 2001 From: Adeeb Shihadeh Date: Sat, 22 Nov 2025 18:51:02 -0800 Subject: [PATCH 02/13] split prime and lite --- src/routes/connect/+page.svelte | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/src/routes/connect/+page.svelte b/src/routes/connect/+page.svelte index 66e988ab..11c8bdfe 100644 --- a/src/routes/connect/+page.svelte +++ b/src/routes/connect/+page.svelte @@ -56,7 +56,10 @@
    Features
    - connectprime & lite subscription + connectprime subscription +
    +
    + connectlite subscription
    connectfree @@ -77,6 +80,10 @@
    {@html CheckmarkIcon}
    1 year of storage
    +
    +
    {@html CheckmarkIcon}
    +
    1 year of storage
    +
    {@html CheckmarkIcon}
    3 days of storage
    @@ -96,6 +103,9 @@
    {@html CloseIcon}
    +
    +
    {@html CloseIcon}
    +
    @@ -108,6 +118,9 @@
    {@html CheckmarkIcon}
    +
    +
    {@html CheckmarkIcon}
    +
    {@html CloseIcon}
    @@ -123,6 +136,9 @@
    {@html CheckmarkIcon}
    +
    +
    {@html CheckmarkIcon}
    +
    {@html CloseIcon}
    @@ -138,6 +154,9 @@
    {@html CheckmarkIcon}
    +
    +
    {@html CheckmarkIcon}
    +
    {@html CloseIcon}
    @@ -157,6 +176,9 @@
    {@html CloseIcon}
    +
    +
    {@html CloseIcon}
    +
    From bf03244d4fd980b52c73adcfe17325bceba4cb92 Mon Sep 17 00:00:00 2001 From: Adeeb Shihadeh Date: Tue, 25 Nov 2025 18:31:44 -0800 Subject: [PATCH 03/13] this was unclear --- src/lib/constants/faq.svelte | 1 - 1 file changed, 1 deletion(-) diff --git a/src/lib/constants/faq.svelte b/src/lib/constants/faq.svelte index d3602b1a..c091f7ae 100644 --- a/src/lib/constants/faq.svelte +++ b/src/lib/constants/faq.svelte @@ -356,7 +356,6 @@
    • commacare is included automatically with your comma prime subscription ($24/mo).
    • You must start your prime subscription within the first 30 days of receiving your comma four to be eligible for commacare.
      • -
    • Your extended warranty remains active as long as your prime subscription is active.
    • If you cancel your prime subscription, your commacare warranty ends immediately and cannot be resumed. The standard warranty terms will continue to apply for any remaining time in the first year.
    • commacare is only available with prime ($24/mo). prime lite subscribers are not eligible for commacare.
    • commacare provides the same coverage as the standard one-year warranty. It does not cover theft, loss, or accidental damage.
      • From 29704ea5bd7de8b4a4058ba9f6b4dc4b31d8e81c Mon Sep 17 00:00:00 2001 From: Adeeb Shihadeh Date: Tue, 25 Nov 2025 18:34:26 -0800 Subject: [PATCH 04/13] cleanup --- src/lib/constants/faq.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/constants/faq.svelte b/src/lib/constants/faq.svelte index c091f7ae..82d9527d 100644 --- a/src/lib/constants/faq.svelte +++ b/src/lib/constants/faq.svelte @@ -348,7 +348,7 @@ question: 'What is commacare?', answer: `

      - commacare extends your comma four's warranty for an additional year beyond the standard one-year warranty, giving you two years of total coverage. + commacare extends your comma four's warranty for an additional year beyond the standard one-year warranty, giving you two years of total coverage.

      We've made commacare simple and straightforward: From f3da2d1d2abad2a4ce89d3378f415442dd04d656 Mon Sep 17 00:00:00 2001 From: Shane Smiskol Date: Tue, 25 Nov 2025 22:34:32 -0800 Subject: [PATCH 05/13] implement figma design --- src/lib/components/Badge.svelte | 2 +- src/lib/icons/features/commacare.svg | 5 + src/lib/icons/ui/check.svg | 3 + src/lib/icons/ui/cross.svg | 4 + src/routes/connect/+page.svelte | 174 ++++++++++++++++----------- 5 files changed, 117 insertions(+), 71 deletions(-) create mode 100644 src/lib/icons/features/commacare.svg create mode 100644 src/lib/icons/ui/check.svg create mode 100644 src/lib/icons/ui/cross.svg diff --git a/src/lib/components/Badge.svelte b/src/lib/components/Badge.svelte index e62204a3..991b6c9e 100644 --- a/src/lib/components/Badge.svelte +++ b/src/lib/components/Badge.svelte @@ -34,6 +34,6 @@ .accent { background-color: var(--color-accent); - color: var(--color-background); + color: black; } diff --git a/src/lib/icons/features/commacare.svg b/src/lib/icons/features/commacare.svg new file mode 100644 index 00000000..3cd02228 --- /dev/null +++ b/src/lib/icons/features/commacare.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/lib/icons/ui/check.svg b/src/lib/icons/ui/check.svg new file mode 100644 index 00000000..cceeb180 --- /dev/null +++ b/src/lib/icons/ui/check.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/lib/icons/ui/cross.svg b/src/lib/icons/ui/cross.svg new file mode 100644 index 00000000..5009cc3a --- /dev/null +++ b/src/lib/icons/ui/cross.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/routes/connect/+page.svelte b/src/routes/connect/+page.svelte index 11c8bdfe..81b1413b 100644 --- a/src/routes/connect/+page.svelte +++ b/src/routes/connect/+page.svelte @@ -14,8 +14,11 @@ import MarkerIcon from "$lib/icons/features/marker.png"; import SnapshotIcon from "$lib/icons/features/snapshot.png"; import CommandLineIcon from "$lib/icons/features/command-line.svg?raw"; - import CheckmarkIcon from "$lib/icons/ui/checkmark.svg?raw"; - import CloseIcon from "$lib/icons/ui/close.svg?raw"; + import CommacareIcon from "$lib/icons/features/commacare.svg?raw"; + // import CheckmarkIcon from "$lib/icons/ui/checkmark.svg?raw"; + import CheckmarkIcon from "$lib/icons/ui/check.svg?raw"; + // import CloseIcon from "$lib/icons/ui/close.svg?raw"; + import CloseIcon from "$lib/icons/ui/cross.svg?raw";