Merge branch 'dev'

1 files changed, 68 insertions, 0 deletions

diff --git a/src/views/Landing/DemoScheduler.jsx b/src/views/Landing/DemoScheduler.jsx
new file mode 100644
index 0000000..5e34adb
--- /dev/null
+++ b/src/views/Landing/DemoScheduler.jsx
@@ -0,0 +1,68 @@
+import { Box, Card, Grid, Typography } from '@mui/joy'
+import { useState } from 'react'
+import RepeatSection from '../ChoreEdit/RepeatSection'
+
+const DemoScheduler = () => {
+  const [assignees, setAssignees] = useState([])
+  const [frequency, setFrequency] = useState(2)
+  const [frequencyType, setFrequencyType] = useState('weekly')
+  const [frequencyMetadata, setFrequencyMetadata] = useState({
+    months: ['may', 'june', 'july'],
+  })
+
+  return (
+    <>
+      <Grid item xs={12} sm={5} data-aos-create-chore-scheduler>
+        <Box
+          data-aos-delay={300}
+          data-aos-anchor='[data-aos-create-chore-scheduler]'
+          data-aos='fade-right'
+        >
+          <RepeatSection
+            frequency={frequency}
+            onFrequencyUpdate={setFrequency}
+            frequencyType={frequencyType}
+            onFrequencyTypeUpdate={setFrequencyType}
+            frequencyMetadata={frequencyMetadata}
+            onFrequencyMetadataUpdate={setFrequencyMetadata}
+            onFrequencyTimeUpdate={t => {}}
+            frequencyError={null}
+            allUserThings={[]}
+            onTriggerUpdate={thingUpdate => {}}
+            OnTriggerValidate={() => {}}
+            isAttemptToSave={false}
+            selectedThing={null}
+          />
+        </Box>
+      </Grid>
+      <Grid item xs={12} sm={7} data-aos-create-chore-section-scheduler>
+        <Card
+          sx={{
+            p: 4,
+            py: 6,
+          }}
+          data-aos-delay={200}
+          data-aos-anchor='[data-aos-create-chore-section-scheduler]'
+          data-aos='fade-left'
+        >
+          <Typography level='h3' textAlign='center' sx={{ mt: 2, mb: 4 }}>
+            Advanced Scheduling and Automation
+          </Typography>
+          <Typography level='body-lg' textAlign='center' sx={{ mb: 4 }}>
+            Scheduling is a crucial aspect of managing tasks and chores.
+            Donetick offers basic scheduling options, such as recurring tasks
+            daily, weekly, or yearly, as well as more customizable schedules
+            like specific days of the week or month. For those unsure of exact
+            frequencies, the adaptive scheduling feature averages based on how
+            often you mark a task as completed. Additionally, Donetick supports
+            automation by linking tasks with triggers via API. When specific
+            conditions are met, Donetick’s Things feature will automatically
+            initiate the task, streamlining your workflow.
+          </Typography>
+        </Card>
+      </Grid>
+    </>
+  )
+}
+
+export default DemoScheduler