From eaacd0c3d79c329d71e3149bcdefde998753aa1c Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Tue, 19 Nov 2024 22:44:00 +0100
Subject: [PATCH 01/11] update default text color

---
 src/app/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/index.css b/src/app/index.css
index 8e1c051..1760eb4 100644
--- a/src/app/index.css
+++ b/src/app/index.css
@@ -1,3 +1,4 @@
 :root[data-mantine-color-scheme="light"] {
   --mantine-color-body: var(--mantine-color-cream-0) !important;
+  --mantine-color-text: var(--mantine-color-dark-5) !important;
 }

From b55cf77485418f65b1b61af279b3072f3367363a Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Tue, 19 Nov 2024 22:45:35 +0100
Subject: [PATCH 02/11] update title size

---
 src/app/login/page.tsx  | 6 +++---
 src/app/signup/page.tsx | 4 ++--
 src/app/theme.ts        | 6 ++++++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index d84877a..cf34717 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -4,8 +4,8 @@ import Link from "next/link";
 
 export default function Login() {
   return (
-    <Box py="4rem">
-      <Title ta="center" mb="xl">
+    <Box py="2rem">
+      <Title ta="center" mb="xl" fz={"h2"}>
         Welcome back!
       </Title>
 
@@ -15,7 +15,7 @@ export default function Login() {
         Don&apos;t have an account?{" "}
         <span>
           <Anchor component={Link} href="/signup" fw="bold">
-            Create one
+            Create one here
           </Anchor>
         </span>
       </Text>
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
index 3bfe627..6411560 100644
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -5,8 +5,8 @@ import Link from "next/link";
 export default function SignUp() {
   return (
     <>
-      <Box py="4rem">
-        <Title ta="center" mb="xl">
+      <Box py="2rem">
+        <Title ta="center" mb="xl" fz={"h2"}>
           Welcome to Recipe Declutter!
         </Title>
 
diff --git a/src/app/theme.ts b/src/app/theme.ts
index c143b89..ec99015 100644
--- a/src/app/theme.ts
+++ b/src/app/theme.ts
@@ -58,6 +58,12 @@ export const theme = createTheme({
 
   headings: {
     fontFamily: `${poppins.style.fontFamily}, sans-serif`,
+    sizes: {
+      h1: {
+        fontSize: "48px",
+      },
+      h2: { fontSize: "24px" },
+    },
   },
 
   other: {

From 74e6bdd435dc32f000996e13599a4062c49693a6 Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Tue, 19 Nov 2024 22:46:14 +0100
Subject: [PATCH 03/11] add padding to dropdown

---
 src/components/EditRecipeForm.tsx | 2 +-
 src/components/TagsFilter.tsx     | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/EditRecipeForm.tsx b/src/components/EditRecipeForm.tsx
index ee02828..89a3b40 100644
--- a/src/components/EditRecipeForm.tsx
+++ b/src/components/EditRecipeForm.tsx
@@ -293,7 +293,7 @@ export const EditRecipeForm = ({ recipe, userTags }: EditRecipeProps) => {
             data={allUserTags}
             onChange={setTags}
             mb="md"
-            styles={{ dropdown: { borderRadius: "24px" } }}
+            comboboxProps={{ dropdownPadding: 8 }}
           />
         </Fieldset>
 
diff --git a/src/components/TagsFilter.tsx b/src/components/TagsFilter.tsx
index bf6f359..04176b0 100644
--- a/src/components/TagsFilter.tsx
+++ b/src/components/TagsFilter.tsx
@@ -22,7 +22,8 @@ export default function TagsFilter({
       onChange={onTagsChange}
       searchable
       clearable
-      style={{ width: "100%", dropdown: { borderRadius: "24px" } }}
+      style={{ width: "100%" }}
+      comboboxProps={{ dropdownPadding: 8 }}
     />
   );
 }

From e2184d98f5e136c67213d6f6b9a189d29ddb4240 Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Tue, 19 Nov 2024 22:46:36 +0100
Subject: [PATCH 04/11] update bg color

---
 src/components/LoginForm.tsx  | 1 +
 src/components/RecipeCard.tsx | 8 +++++++-
 src/components/SignUpForm.tsx | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/LoginForm.tsx b/src/components/LoginForm.tsx
index a545c6c..7637ee6 100644
--- a/src/components/LoginForm.tsx
+++ b/src/components/LoginForm.tsx
@@ -84,6 +84,7 @@ export default function LoginForm() {
   return (
     <>
       <Paper
+        bg={"var(--mantine-color-default)"}
         p={{ base: "md", sm: "xl" }}
         withBorder
         shadow="md"
diff --git a/src/components/RecipeCard.tsx b/src/components/RecipeCard.tsx
index e442455..f9fc154 100644
--- a/src/components/RecipeCard.tsx
+++ b/src/components/RecipeCard.tsx
@@ -4,7 +4,13 @@ import Link from "next/link";
 
 export const RecipeCard = ({ recipe }: { recipe: UserRecipe }) => {
   return (
-    <Paper withBorder radius={"sm"} p="md" h={"100%"}>
+    <Paper
+      withBorder
+      radius={"sm"}
+      p="md"
+      h={"100%"}
+      bg={"var(--mantine-color-default)"}
+    >
       <Anchor
         component={Link}
         href={`/dashboard/${recipe.slug}?id=${recipe.id}`}
diff --git a/src/components/SignUpForm.tsx b/src/components/SignUpForm.tsx
index 990d571..3ded944 100644
--- a/src/components/SignUpForm.tsx
+++ b/src/components/SignUpForm.tsx
@@ -125,6 +125,7 @@ export default function SignUpForm() {
 
   return (
     <Paper
+      bg={"var(--mantine-color-default)"}
       p={{ base: "md", sm: "xl" }}
       withBorder
       shadow="md"

From 15fd0fc50250fe6dd5c3f5276a5e4b94bace798c Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Tue, 19 Nov 2024 22:46:46 +0100
Subject: [PATCH 05/11] update font family

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 88e1c64..0d9b42f 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -76,7 +76,7 @@ export const Navbar = () => {
           >
             <Group>
               <Drawer.CloseButton m={0} />
-              <Text size="xl" fw={700}>
+              <Text size="xl" fw={700} ff={theme.other.fontFamily}>
                 Recipe Declutter
               </Text>
             </Group>

From 03b7b80ba179c4058b3832097447402876fd4887 Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Tue, 19 Nov 2024 22:47:07 +0100
Subject: [PATCH 06/11] add create account banner section

---
 src/app/page.tsx                       | 12 +++---
 src/components/CreateAccountBanner.tsx | 52 ++++++++++++++++++++++++++
 src/components/RecipeForm.tsx          | 19 +++++++---
 3 files changed, 72 insertions(+), 11 deletions(-)
 create mode 100644 src/components/CreateAccountBanner.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e55efa0..1f4e9ac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,24 +1,26 @@
+import { CreateAccountBanner } from "@/components/CreateAccountBanner";
 import { RecipeForm } from "@/components/RecipeForm";
-import { Box, Flex, Space, Text, Title } from "@mantine/core";
+import { Box, Flex, Space, Stack, Text, Title } from "@mantine/core";
 
 export default function Home() {
   return (
-    <Flex direction="column" h="100%">
+    <Flex direction="column">
       <Box mt="xl">
-        <Flex gap="md" direction="column">
-          <Title fz={{ base: "54px", xs: "60px" }}>
+        <Stack gap="md">
+          <Title fz={{ base: "48px", xs: "60px" }}>
             Welcome to <br /> Recipe Declutter!
           </Title>
           <Text>
             Paste, click, and get the essentials — your ingredients and
             instructions at your fingertips.
           </Text>
-        </Flex>
+        </Stack>
         <Space h="xl" />
       </Box>
       <Box style={{ flex: 1 }}>
         <RecipeForm />
       </Box>
+      <CreateAccountBanner />
       <Space h="xl" />
     </Flex>
   );
diff --git a/src/components/CreateAccountBanner.tsx b/src/components/CreateAccountBanner.tsx
new file mode 100644
index 0000000..b0b34c2
--- /dev/null
+++ b/src/components/CreateAccountBanner.tsx
@@ -0,0 +1,52 @@
+import { Paper, Flex, Box, Title, Button, Stack, Text } from "@mantine/core";
+import { IconChefHat, IconCarrot, IconCheese } from "@tabler/icons-react";
+import Link from "next/link";
+
+export const CreateAccountBanner = () => {
+  return (
+    <Paper
+      component="section"
+      p="xl"
+      bg={"var(--mantine-color-default)"}
+      radius={"xs"}
+      shadow="xs"
+    >
+      <Flex justify="space-between" gap={"sm"}>
+        <Box>
+          <Title mb={"md"} order={2}>
+            Save, Edit & Organize Recipes
+          </Title>
+          <Text maw={"60ch"}>
+            Unlock the full experience by creating an account. Keep your recipes
+            saved, customized, and perfectly organized.
+          </Text>
+          <Button component={Link} href={"/signup"} mt={"xl"}>
+            Create Free Account
+          </Button>
+        </Box>
+        <Stack m={"auto"} align="center" justify="center" gap={0}>
+          <Flex direction={{ base: "column", sm: "row" }}>
+            <IconChefHat
+              style={{
+                color: "var(--mantine-color-dustyRed-7)",
+                rotate: "-15deg",
+              }}
+              size={60}
+              stroke={1}
+            />
+            <IconCarrot
+              style={{ color: "var(--mantine-color-dustyRed-7)" }}
+              size={60}
+              stroke={1}
+            />
+          </Flex>
+          <IconCheese
+            style={{ color: "var(--mantine-color-dustyRed-7)" }}
+            size={60}
+            stroke={1}
+          />
+        </Stack>
+      </Flex>
+    </Paper>
+  );
+};
diff --git a/src/components/RecipeForm.tsx b/src/components/RecipeForm.tsx
index 0e80a85..b490b6e 100644
--- a/src/components/RecipeForm.tsx
+++ b/src/components/RecipeForm.tsx
@@ -12,6 +12,7 @@ import {
   Alert,
   Stack,
   Transition,
+  Space,
 } from "@mantine/core";
 import { useField } from "@mantine/form";
 import { useNotifications } from "@mantine/notifications";
@@ -141,6 +142,8 @@ export const RecipeForm = ({ session, userTags }: RecipeFormProps) => {
     }
   }
 
+  const hasResult = recipe?.ingredients && recipe.instructions.length > 0;
+
   return (
     <Stack
       // Styling dependent on whether banner should be displayed on the bottom (space-between),
@@ -179,11 +182,15 @@ export const RecipeForm = ({ session, userTags }: RecipeFormProps) => {
 
       {/* recipe section */}
       {confetti && <Confetti />}
-      {recipe?.ingredients && recipe.instructions.length > 0 && (
-        <Box component="section" style={{ justifySelf: "flex-start" }}>
-
+      {!hasResult && <Space h={{ base: "4rem", xs: "8rem" }} />}
+      {hasResult && (
+        <Box
+          mb={"md"}
+          component="section"
+          style={{ justifySelf: "flex-start" }}
+        >
           <Divider my="md" />
-        
+
           <Box
             mb="md"
             display={{ base: "block", sm: "flex" }}
@@ -218,7 +225,7 @@ export const RecipeForm = ({ session, userTags }: RecipeFormProps) => {
 
       {/* sign up banner */}
       {/* Only shown when there is no scraped recipe, user is not logged in and no notifications are on screen */}
-      <Transition
+      {/* <Transition
         mounted={
           !recipe?.ingredients &&
           !session &&
@@ -245,7 +252,7 @@ export const RecipeForm = ({ session, userTags }: RecipeFormProps) => {
             </Alert>
           </Box>
         )}
-      </Transition>
+      </Transition> */}
     </Stack>
   );
 };

From c67c8c37a28c2a4df70672e5321801d510d7200b Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Wed, 20 Nov 2024 15:57:21 +0100
Subject: [PATCH 07/11] change name and font

---
 src/app/layout.tsx        | 4 ++--
 src/app/page.tsx          | 5 ++---
 src/app/theme.ts          | 6 +++---
 src/components/Navbar.tsx | 6 +++---
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0784fca..91d1045 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { ModalsProvider } from "@mantine/modals";
 import "./index.css";
 
 export const metadata: Metadata = {
-  title: "Recipe Declutter",
-  description: "Declutter your favorite recipes here!",
+  title: "Savorly",
+  description: "Declutter and save your favorite recipes here!",
   icons: [{ rel: "icon", url: Favicon.src }],
 };
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1f4e9ac..8042402 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,8 +7,8 @@ export default function Home() {
     <Flex direction="column">
       <Box mt="xl">
         <Stack gap="md">
-          <Title fz={{ base: "48px", xs: "60px" }}>
-            Welcome to <br /> Recipe Declutter!
+          <Title fz={{ base: "40px", xs: "60px" }}>
+            Declutter your recipes <br /> with Savorly!
           </Title>
           <Text>
             Paste, click, and get the essentials — your ingredients and
@@ -20,7 +20,6 @@ export default function Home() {
       <Box style={{ flex: 1 }}>
         <RecipeForm />
       </Box>
-      <CreateAccountBanner />
       <Space h="xl" />
     </Flex>
   );
diff --git a/src/app/theme.ts b/src/app/theme.ts
index ec99015..5901ae7 100644
--- a/src/app/theme.ts
+++ b/src/app/theme.ts
@@ -1,12 +1,12 @@
 import { createTheme } from "@mantine/core";
-import { Poppins, Grand_Hotel } from "next/font/google";
+import { Poppins, Galada } from "next/font/google";
 
 const poppins = Poppins({
   subsets: ["latin"],
   weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
-const grandHotel = Grand_Hotel({ subsets: ["latin"], weight: ["400"] });
+const galada = Galada({ subsets: ["latin"], weight: ["400"] });
 
 export const theme = createTheme({
   colors: {
@@ -67,7 +67,7 @@ export const theme = createTheme({
   },
 
   other: {
-    fontFamily: `${grandHotel.style.fontFamily}, sans-serif`,
+    fontFamily: `${galada.style.fontFamily}, sans-serif`,
     fontSizes: {
       base: "18px",
       xs: "24px",
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 0d9b42f..e655a42 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -61,7 +61,7 @@ export const Navbar = () => {
     <Box component="header" bg={theme.primaryColor} h={"56px"}>
       <Container {...containerProps} size="md">
         {/* Burger menu */}
-        <Group>
+        <Group align="center" justify="center">
           <Burger
             hiddenFrom="xs"
             color="cream.0"
@@ -77,7 +77,7 @@ export const Navbar = () => {
             <Group>
               <Drawer.CloseButton m={0} />
               <Text size="xl" fw={700} ff={theme.other.fontFamily}>
-                Recipe Declutter
+                Savorly
               </Text>
             </Group>
             <Divider mt={16} mb={16} />
@@ -103,7 +103,7 @@ export const Navbar = () => {
               fz={theme.other.fontSizes}
               pr={"lg"}
             >
-              Recipe Declutter
+              Savorly
             </Text>
           </Anchor>
           {/* Burger menu content if big screen */}

From 770766bd4ce570a3ce1a4af366d66b18a901262c Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Wed, 20 Nov 2024 15:57:28 +0100
Subject: [PATCH 08/11] update banner

---
 src/components/RecipeForm.tsx | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/RecipeForm.tsx b/src/components/RecipeForm.tsx
index b490b6e..a45ffaf 100644
--- a/src/components/RecipeForm.tsx
+++ b/src/components/RecipeForm.tsx
@@ -29,6 +29,7 @@ import {
 } from "@/lib/notifications";
 import { ScreenAwakeToggle } from "./ScreenAwakeToggle";
 import { Confetti } from "./Confetti";
+import { CreateAccountBanner } from "./CreateAccountBanner";
 
 type RecipeFormProps = {
   session?: Session | null;
@@ -225,7 +226,7 @@ export const RecipeForm = ({ session, userTags }: RecipeFormProps) => {
 
       {/* sign up banner */}
       {/* Only shown when there is no scraped recipe, user is not logged in and no notifications are on screen */}
-      {/* <Transition
+      <Transition
         mounted={
           !recipe?.ingredients &&
           !session &&
@@ -237,22 +238,11 @@ export const RecipeForm = ({ session, userTags }: RecipeFormProps) => {
       >
         {(styles) => (
           <Box mt="auto" style={styles}>
-            <Alert
-              variant="light"
-              title="Save, Edit & Organize Recipes"
-              icon={<IconChefHat />}
-            >
-              <Box>
-                Unlock the full experience by creating an account. Keep your
-                recipes saved, customized, and perfectly organized.
-              </Box>
-              <Button component={Link} href={"/signup"} mt={"md"}>
-                Create Free Account
-              </Button>
-            </Alert>
+            <CreateAccountBanner />
           </Box>
         )}
-      </Transition> */}
+      </Transition>
+      {recipe && <CreateAccountBanner />}
     </Stack>
   );
 };

From 67854d327a91140dc5aad6f225a61b12cdd4fa88 Mon Sep 17 00:00:00 2001
From: sirisayshello <veckovis.salongen0p@icloud.com>
Date: Wed, 20 Nov 2024 16:03:29 +0100
Subject: [PATCH 09/11] update radius to sm every where

---
 src/components/CreateAccountBanner.tsx              | 2 +-
 src/components/EditIngredientsList.tsx              | 2 +-
 src/components/EditInstructionsList.tsx             | 8 ++++----
 src/components/EditRecipeForm.tsx                   | 8 ++++----
 src/components/IngredientsAndInstructionsToggle.tsx | 4 ++--
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/CreateAccountBanner.tsx b/src/components/CreateAccountBanner.tsx
index b0b34c2..3f61f3f 100644
--- a/src/components/CreateAccountBanner.tsx
+++ b/src/components/CreateAccountBanner.tsx
@@ -8,7 +8,7 @@ export const CreateAccountBanner = () => {
       component="section"
       p="xl"
       bg={"var(--mantine-color-default)"}
-      radius={"xs"}
+      radius={"sm"}
       shadow="xs"
     >
       <Flex justify="space-between" gap={"sm"}>
diff --git a/src/components/EditIngredientsList.tsx b/src/components/EditIngredientsList.tsx
index ed3f193..25fa6a7 100644
--- a/src/components/EditIngredientsList.tsx
+++ b/src/components/EditIngredientsList.tsx
@@ -85,7 +85,7 @@ export const EditIngredientsList = ({
                           <IconMenu size="1.2rem" />
                         </Flex>
                         <TextInput
-                          radius={"md"}
+                          radius={"sm"}
                           style={{ width: "100%" }}
                           placeholder={`Ingredient ${index + 1}`}
                           value={ingredient.text}
diff --git a/src/components/EditInstructionsList.tsx b/src/components/EditInstructionsList.tsx
index 68a760a..42550ad 100644
--- a/src/components/EditInstructionsList.tsx
+++ b/src/components/EditInstructionsList.tsx
@@ -67,10 +67,10 @@ export const EditInstructionsList = ({
       {hasSections ? (
         <>
           {sectionedInstructions.map((section, sectionIndex) => (
-            <Card key={sectionIndex} shadow="sm" mb="md" radius={"md"}>
+            <Card key={sectionIndex} shadow="sm" mb="md" radius={"sm"}>
               <Group wrap="nowrap" align="flex-start">
                 <TextInput
-                  radius={"md"}
+                  radius={"sm"}
                   description="Section title"
                   style={{ width: "100%" }}
                   placeholder="Section title"
@@ -126,7 +126,7 @@ export const EditInstructionsList = ({
                                 </Flex>
 
                                 <Textarea
-                                  radius={"md"}
+                                  radius={"sm"}
                                   autosize
                                   minRows={1}
                                   rightSection={
@@ -218,7 +218,7 @@ export const EditInstructionsList = ({
                               <IconMenu size="1.2rem" />
                             </Flex>
                             <Textarea
-                              radius={"md"}
+                              radius={"sm"}
                               autosize
                               minRows={1}
                               rightSection={
diff --git a/src/components/EditRecipeForm.tsx b/src/components/EditRecipeForm.tsx
index 89a3b40..e510e68 100644
--- a/src/components/EditRecipeForm.tsx
+++ b/src/components/EditRecipeForm.tsx
@@ -242,20 +242,20 @@ export const EditRecipeForm = ({ recipe, userTags }: EditRecipeProps) => {
 
         <Fieldset radius={"sm"} mb="md" legend="Recipe information">
           <TextInput
-            radius={"md"}
+            radius={"sm"}
             label="Title"
             placeholder="Recipe title"
             {...form.getInputProps("title")}
           />
           <TextInput
-            radius={"md"}
+            radius={"sm"}
             mt={"md"}
             label="Total time"
             placeholder="Total time to cook"
             {...form.getInputProps("time")}
           />
           <TextInput
-            radius={"md"}
+            radius={"sm"}
             mt={"md"}
             label="Servings"
             placeholder="Serving size"
@@ -285,7 +285,7 @@ export const EditRecipeForm = ({ recipe, userTags }: EditRecipeProps) => {
 
         <Fieldset radius={"sm"} mb="md" legend="Tags">
           <TagsInput
-            radius={"md"}
+            radius={"sm"}
             label="Recipe tags"
             placeholder="Press Enter to submit a tag"
             value={tags}
diff --git a/src/components/IngredientsAndInstructionsToggle.tsx b/src/components/IngredientsAndInstructionsToggle.tsx
index ad2ae38..2d5227d 100644
--- a/src/components/IngredientsAndInstructionsToggle.tsx
+++ b/src/components/IngredientsAndInstructionsToggle.tsx
@@ -65,7 +65,7 @@ export const IngredientsAndInstructionsToggle = ({
         <Paper
           bg={"var(--mantine-color-default)"}
           miw={"30%"}
-          radius={"xs"}
+          radius={"sm"}
           p="md"
           shadow="xs"
         >
@@ -82,7 +82,7 @@ export const IngredientsAndInstructionsToggle = ({
         </Paper>
         <Paper
           bg={"var(--mantine-color-default)"}
-          radius={"xs"}
+          radius={"sm"}
           p="md"
           shadow="xs"
         >

From 96d2d5eeac5eaeed360adc233aff5cb23a615dff Mon Sep 17 00:00:00 2001
From: Joar Hansson <124060119+JoarHansson@users.noreply.github.com>
Date: Wed, 20 Nov 2024 16:11:46 +0100
Subject: [PATCH 10/11] Update page.tsx

---
 src/app/page.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8042402..d1f9942 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,3 @@
-import { CreateAccountBanner } from "@/components/CreateAccountBanner";
 import { RecipeForm } from "@/components/RecipeForm";
 import { Box, Flex, Space, Stack, Text, Title } from "@mantine/core";
 

From d6e17221bf5b391f2aaf6b7e2956fddcb5ae4cc0 Mon Sep 17 00:00:00 2001
From: Joar Hansson <124060119+JoarHansson@users.noreply.github.com>
Date: Wed, 20 Nov 2024 16:12:12 +0100
Subject: [PATCH 11/11] Update RecipeForm.tsx

---
 src/components/RecipeForm.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/RecipeForm.tsx b/src/components/RecipeForm.tsx
index 5e99ba4..2c9aff6 100644
--- a/src/components/RecipeForm.tsx
+++ b/src/components/RecipeForm.tsx
@@ -9,7 +9,6 @@ import {
   Box,
   Title,
   Divider,
-  Alert,
   Stack,
   Transition,
   Space,
@@ -20,8 +19,6 @@ import { useNotifications } from "@mantine/notifications";
 import { IngredientsAndInstructionsToggle } from "./IngredientsAndInstructionsToggle";
 import { SaveRecipeModal } from "./SaveRecipeModal";
 import { Session } from "next-auth";
-import { IconChefHat } from "@tabler/icons-react";
-import Link from "next/link";
 import {
   showLoadingNotification,
   updateNotificationAsError,