From 4fbd44027de12b9ab28e2fbe8982d023f6123acb Mon Sep 17 00:00:00 2001
From: Banks Nussman <banks@nussman.us>
Date: Sat, 12 Aug 2023 14:08:57 -0400
Subject: [PATCH] chore: improve headers in TOS and Privacy Policy

---
 website/src/routes/Privacy.tsx | 12 ++++++------
 website/src/routes/Terms.tsx   | 22 +++++++++++-----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/website/src/routes/Privacy.tsx b/website/src/routes/Privacy.tsx
index 4d0f82a2..b9a05335 100644
--- a/website/src/routes/Privacy.tsx
+++ b/website/src/routes/Privacy.tsx
@@ -228,10 +228,10 @@ export function Privacy() {
       <Heading size='1xl'>
         Modified and Effective as of January 2, 2021
       </Heading>
-      <Accordion allowMultiple allowToggle w="100%">
+      <Accordion allowMultiple allowToggle w="100%" defaultIndex={[0, 1, 2, 3, 4]}>
         <AccordionItem>
           <AccordionButton>
-            <Box flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Introduction
             </Box>
             <AccordionIcon />
@@ -242,7 +242,7 @@ export function Privacy() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               What Information Do We Collect?
             </Box>
             <AccordionIcon />
@@ -253,7 +253,7 @@ export function Privacy() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               How Do We Use Your Information?
             </Box>
             <AccordionIcon />
@@ -264,7 +264,7 @@ export function Privacy() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Will Your Information Be Shared With Anyone?
             </Box>
             <AccordionIcon />
@@ -275,7 +275,7 @@ export function Privacy() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Do We Use Cookies and Other Tracking Technologies?
             </Box>
             <AccordionIcon />
diff --git a/website/src/routes/Terms.tsx b/website/src/routes/Terms.tsx
index de6b0227..35444647 100644
--- a/website/src/routes/Terms.tsx
+++ b/website/src/routes/Terms.tsx
@@ -7,10 +7,10 @@ export function Terms() {
     <Stack alignItems="center" spacing={4}>
       <Heading size="2xl">Terms of Service</Heading>
       <Heading size="sm">Modified and Effective as of January 19, 2021</Heading>
-      <Accordion allowMultiple allowToggle w="100%">
+      <Accordion allowMultiple allowToggle w="100%" defaultIndex={[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]}>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               The Company
             </Box>
             <AccordionIcon />
@@ -21,7 +21,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Contractual Relationship
             </Box>
             <AccordionIcon />
@@ -41,7 +41,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Agreement to Binding Arbitration
             </Box>
             <AccordionIcon />
@@ -71,7 +71,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Services
             </Box>
             <AccordionIcon />
@@ -92,7 +92,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Access and Use of the Services
             </Box>
             <AccordionIcon />
@@ -116,7 +116,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Payment
             </Box>
             <AccordionIcon />
@@ -131,7 +131,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Disclaimers
             </Box>
             <AccordionIcon />
@@ -142,7 +142,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Limitation of Liability
             </Box>
             <AccordionIcon />
@@ -158,7 +158,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Indemnity
             </Box>
             <AccordionIcon />
@@ -169,7 +169,7 @@ export function Terms() {
         </AccordionItem>
         <AccordionItem>
           <AccordionButton>
-            <Box as="span" flex='1' textAlign='left' fontWeight="bold">
+            <Box as="span" flex='1' textAlign='left' fontWeight="bold" fontSize="xl">
               Other Provisions
             </Box>
             <AccordionIcon />