From d4871777a701e0f48f6dab8aeaa3681e510b2f91 Mon Sep 17 00:00:00 2001
From: svitlana <s.fedchenko@1xinternet.de>
Date: Thu, 8 May 2025 13:46:04 +0200
Subject: [PATCH] updated text and layout of pages

---
 apps/tax/components/Header/Header.tsx   |   1 +
 apps/tax/pages/login/index.tsx          |  62 ++++---
 apps/tax/screens/Home.tsx               | 213 ++++++++----------------
 apps/tax/screens/Tax/steps/StepFive.tsx |  68 ++++----
 apps/tax/screens/Tax/steps/StepFour.tsx |  10 ++
 apps/tax/screens/Tax/steps/StepTwo.tsx  |  32 ++--
 6 files changed, 178 insertions(+), 208 deletions(-)

diff --git a/apps/tax/components/Header/Header.tsx b/apps/tax/components/Header/Header.tsx
index 97c03f2c..cfe02876 100644
--- a/apps/tax/components/Header/Header.tsx
+++ b/apps/tax/components/Header/Header.tsx
@@ -78,6 +78,7 @@ export const Header: FC<React.PropsWithChildren<HeaderProps>> = ({
                       >
                         <Input
                           name={'search'}
+                          size="sm"
                           placeholder="Leitaðu á Ísland.is"
                           icon={{
                             name: 'search',
diff --git a/apps/tax/pages/login/index.tsx b/apps/tax/pages/login/index.tsx
index dadb236d..da139fb4 100644
--- a/apps/tax/pages/login/index.tsx
+++ b/apps/tax/pages/login/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import router from 'next/router'
 
-import { Box, Button, Input, Link, Logo, Text } from '@island.is/island-ui/core'
+import { AlertMessage, Box, Button, Checkbox, Input, Link, Logo, Text } from '@island.is/island-ui/core'
 import { formWrapper } from '@island.is/tax/screens/Tax/login/Login.css'
 
 export async function getServerSideProps() {
@@ -34,6 +34,7 @@ const Login = ({ loginInfo }) => {
           flexDirection="column"
           display="flex"
           alignItems="center"
+          width='full'
         >
           <Logo iconOnly width={40} />
 
@@ -48,19 +49,31 @@ const Login = ({ loginInfo }) => {
           <Text variant="h1" as="h1">
             Skráðu þig inn
           </Text>
-          <Text fontWeight="light" color="dark400" paddingBottom={4}>
+          <Text fontWeight="light" color="dark400" paddingTop={1} paddingBottom={4}>
             á mínar síður Ísland.is
           </Text>
-
-          <Input
-            backgroundColor="blue"
-            label="Símanúmer"
-            name=""
-            size="sm"
-            placeholder="000-0000"
-            type="number"
-          />
-          <Box paddingTop={[4]} paddingBottom={[7]}>
+          <Box width='full' paddingX={7}>
+            <AlertMessage
+              type="error"
+              message="Notandi finnst ekki"
+            />
+          </Box>
+          <Box paddingTop={[2]} width='full' paddingX={7}>
+            <Input
+              backgroundColor="blue"
+              label="Símanúmer"
+              name=""
+              size="sm"
+              placeholder="000-0000"
+              type="number"
+            />
+          </Box>
+          <Box paddingTop={[4]}>
+            <Checkbox
+              label="Muna símanúmer"
+            />
+          </Box>
+          <Box paddingTop={[4]} paddingBottom={[7]} paddingX={7} width='full'>
             <Button
               colorScheme="default"
               fluid
@@ -75,21 +88,21 @@ const Login = ({ loginInfo }) => {
         <Box
           paddingTop={[3]}
           paddingBottom={[6]}
-          background="blue100"
+          paddingX={[8]}
           width="full"
           display="flex"
           flexDirection="column"
           alignItems="center"
         >
-          <Text variant="h3" color="blue600" paddingBottom={[3]}>
-            Fleiri leiðir
+          <Text paddingBottom={[3]}>
+            Eða skráðu þig inn með
           </Text>
-          <Box paddingBottom={[3]} width="half">
+          <Box paddingBottom={[3]} width="full">
             <Button colorScheme="default" fluid size="default" variant="ghost">
               Auðkenni-appið
             </Button>
           </Box>
-          <Box paddingBottom={[3]} width="half">
+          <Box paddingBottom={[3]} width="full">
             <Button colorScheme="default" fluid size="default" variant="ghost">
               Skilríki á korti
             </Button>
@@ -103,11 +116,18 @@ const Login = ({ loginInfo }) => {
         paddingY={1}
       >
         <Link href="/" color="blue400" underline="normal">
-          English
-        </Link>
-        <Link href="/" color="blue400" underline="normal">
-          Þarftu aðstoð?
+          Skilmálar
         </Link>
+        <Box display="flex">
+          <Link href="/" color="blue400" underline="normal">
+            English
+          </Link>
+          <Box paddingLeft={[3]}>
+            <Link href="/" color="blue400" underline="normal">
+              Aðstoð
+            </Link>
+          </Box>
+        </Box>
       </Box>
     </Box>
   )
diff --git a/apps/tax/screens/Home.tsx b/apps/tax/screens/Home.tsx
index 91ab9a53..1f62358d 100644
--- a/apps/tax/screens/Home.tsx
+++ b/apps/tax/screens/Home.tsx
@@ -6,8 +6,6 @@ import {
   ActionCard,
   Box,
   Breadcrumbs,
-  Bullet,
-  BulletList,
   Button,
   Footer,
   Link,
@@ -39,125 +37,69 @@ const Home = () => {
                 </Button>
               </Link>
               <Navigation
-                activeItemTitle="Hér er virk undirsíða"
+                activeItemTitle="Framtal og álagning"
                 items={[
                   {
-                    accordion: true,
                     href: '#',
-                    items: [
-                      {
-                        href: '#',
-                        title: 'Fjölskylda og velferð',
-                      },
-                      {
-                        active: true,
-                        href: '#',
-                        title: 'Eldri borgarar',
-                      },
-                      {
-                        href: '#',
-                        title: 'Bætur',
-                      },
-                      {
-                        href: '#',
-                        title: 'Málefni fatlaðra',
-                      },
-                      {
-                        href: '#',
-                        title: 'Menntun',
-                      },
-                      {
-                        href: '#',
-                        title: 'Vegabréf, ferðalög og búseta erlendis',
-                      },
-                      {
-                        href: '#',
-                        title: 'Innflytjendur',
-                      },
-                      {
-                        href: '#',
-                        title: 'Umhverfismál',
-                      },
-                      {
-                        href: '#',
-                        title: 'Húsnæðismál',
-                      },
-                      {
-                        href: '#',
-                        title: 'Samfélag og réttindi',
-                      },
-                      {
-                        href: '#',
-                        title: 'Dómstólar og réttarfar',
-                      },
-                      {
-                        href: '#',
-                        title: 'Fjármál og skattar',
-                      },
-                    ],
-                    title: 'Tengill sem opnast með takka',
-                  },
-                ]}
-                title="Titill á yfirsíðu"
-                baseId={''}
-              />
-              <Navigation
-                activeItemTitle="Eldri borgarar"
-                colorScheme="purple"
-                items={[
-                  {
-                    href: '#',
-                    title: 'Fjölskylda og velferð',
+                    title: 'Almennt',
                   },
                   {
                     active: true,
                     href: '#',
-                    title: 'Eldri borgarar',
+                    title: 'Framtal og álagning',
                   },
                   {
                     href: '#',
-                    title: 'Bætur',
+                    title: 'Skattar og gjöld',
                   },
                   {
                     href: '#',
-                    title: 'Málefni fatlaðra',
+                    title: 'Tekjur og gjöld',
                   },
                   {
                     href: '#',
-                    title: 'Menntun',
+                    title: 'Fjármagnstekjjur',
                   },
                   {
                     href: '#',
-                    title: 'Vegabréf, ferðalög og búseta erlendis',
+                    title: 'Staðgreiðsla',
                   },
                   {
                     href: '#',
-                    title: 'Innflytjendur',
+                    title: 'Reiknivélar',
                   },
                   {
                     href: '#',
-                    title: 'Umhverfismál',
+                    title: 'Innheimta',
                   },
+                ]}
+                title="Efnisyfirlit"
+                baseId={''}
+              />
+              <Navigation
+                colorScheme="purple"
+                items={[
                   {
                     href: '#',
-                    title: 'Húsnæðismál',
+                    title: 'Lagasafn Skattsins',
                   },
                   {
                     href: '#',
-                    title: 'Samfélag og réttindi',
+                    title: 'Barnabætur',
                   },
                   {
                     href: '#',
-                    title: 'Dómstólar og réttarfar',
+                    title: 'Leigutekjur',
                   },
                   {
                     href: '#',
-                    title: 'Fjármál og skattar',
+                    title: 'Rafræn skilríki',
                   },
                 ]}
-                title="Titill á yfirflokk"
+                title="Tengt efni"
                 baseId={''}
               />
+
             </Stack>
           }
         >
@@ -169,14 +111,19 @@ const Home = () => {
                 href: '/',
               },
               {
-                title: 'Fjölskyldumál',
+                title: 'Skatturinn',
+                typename: '',
+                href: '/',
+              },
+              {
+                title: 'Framtal og álagning',
                 typename: '',
                 href: '/',
               },
             ]}
           ></Breadcrumbs>
-          <Text as="h1" variant="h1" paddingY={2}>
-            Skil á framtali
+          <Text as="h1" variant="h1" paddingTop={4}>
+            Framtal og álagning
           </Text>
 
           <Box marginY={6}>
@@ -187,7 +134,7 @@ const Home = () => {
                 variant: 'primary',
                 onClick: () => router.push('login')
               }}
-              heading="Umsókn um atvinnuleysisbætur"
+              heading="Skila skattframtali rafrænt"
               headingVariant="h3"
             />
           </Box>
@@ -196,27 +143,24 @@ const Home = () => {
             Almennar upplýsingar
           </Text>
           <Text paddingBottom={2}>
-            Foreldrar geta átt rétt á fæðingarorlofi þegar barn þeirra fæðist,
-            er frumættleitt eða tekið í varanlegt fóstur. Hvort foreldri á rétt
-            á 6 mánuðum í fæðingarorlof og heildarréttur tveggja foreldra er því
-            12 mánuðir. Skilyrði er að hafa unnið á Íslandi samfellt síðustu 6
-            mánuðina fyrir fæðingardag barns, í að minnsta kosti 25%
-            starfshlutfalli í hverjum mánuði.
+          Hægt er að skila skattframtali, ásamt öllum fylgiskjölum, á vefnum. Gildir það bæði um
+          launamenn og einstaklinga með eigin atvinnurekstur.
+          Afrit af skattframtali er að jafnaði tilbúið á þjónustusíðu tveimur dögum eftir skil.
           </Text>
 
-          <Box marginY={6}>
-            <Text as="h2" variant="h2" paddingBottom={2}>
-            Að sækja um
+          <Box marginY={4}>
+            <Text as="h3" variant="h3" paddingBottom={6}>
+              Spurt og svarað um Framtal og álagningu
             </Text>
             <Accordion singleExpand>
-              <AccordionItem id="id_1" label="Hvenær þarf að skila umsókn?">
+              <AccordionItem id="id_1" label="Skilafrestur">
                 <Text>
-                  Er hægt að leggja inn greiðslur á bankareikning maka?
+                  Skilafrestur skattframtals 2025 vegna tekjuársins 2024 er til <strong>föstudagsins 14. mars 2025</strong>
                 </Text>
               </AccordionItem>
               <AccordionItem
                 id="id_2"
-                label="Er hægt að leggja inn greiðslur á bankareikning maka?"
+                label="Álagningarseðill og forsendur"
               >
                 <Text>
                   Hægt er að senda umsóknir og önnur gögn með pósti, tölvupósti
@@ -226,7 +170,27 @@ const Home = () => {
               </AccordionItem>
               <AccordionItem
                 id="id_3"
-                label="Hvernig kem ég umsókninni til ykkar?"
+                label="Framtalsleiðbeiningar"
+              >
+                <Text>
+                  Hægt er að senda umsóknir og önnur gögn með pósti, tölvupósti
+                  eða faxi. Læknisvottorð verða að berast með pósti þar sem við
+                  þurfum frumritið.
+                </Text>
+              </AccordionItem>
+              <AccordionItem
+                id="id_4"
+                label="Að lesa út úr álagningunni"
+              >
+                <Text>
+                  Hægt er að senda umsóknir og önnur gögn með pósti, tölvupósti
+                  eða faxi. Læknisvottorð verða að berast með pósti þar sem við
+                  þurfum frumritið.
+                </Text>
+              </AccordionItem>
+              <AccordionItem
+                id="id_5"
+                label="Rafræn skilríki og veflyklar"
               >
                 <Text>
                   Hægt er að senda umsóknir og önnur gögn með pósti, tölvupósti
@@ -237,50 +201,17 @@ const Home = () => {
             </Accordion>
           </Box>
 
-          <Box marginTop={6}>
-            <Text as="h3" variant="h3" paddingBottom={2}>
-              Fyrirsögn H3
-            </Text>
-            <BulletList type="ul">
-              <Bullet>
-                First bullet Réttur til fæðingarorlofs vegna fæðingar fellur
-                niður er barnið 24 mánaða aldri.
-              </Bullet>
-              <Bullet>
-                Réttur til fæðingarorlofs vegna ættleiðingar eða varanlegs
-                fóstur fellur niður 24 mánuðum eftir að barnið kom inn á
-                heimilið.
-              </Bullet>
-              <Bullet>
-                {' '}
-                Réttur foreldris til fæðingarorlofs er bundinn því að það fari
-                sjálft með forsjá barnsins eða hafi sameiginlega forsjá ásamt
-                hinu foreldri þess þegar taka fæðingarorlofs hefst.
-              </Bullet>
-            </BulletList>
-          </Box>
-
-          <Box marginTop={6}>
-            <Text as="h3" variant="h3" paddingBottom={2}>
-              Fyrirsögn H4
-            </Text>
-            <BulletList type="ol">
-              <Bullet>
-                First bullet Réttur til fæðingarorlofs vegna fæðingar fellur
-                niður er barnið 24 mánaða aldri.
-              </Bullet>
-              <Bullet>
-                Réttur til fæðingarorlofs vegna ættleiðingar eða varanlegs
-                fóstur fellur niður 24 mánuðum eftir að barnið kom inn á
-                heimilið.
-              </Bullet>
-              <Bullet>
-                {' '}
-                Réttur foreldris til fæðingarorlofs er bundinn því að það fari
-                sjálft með forsjá barnsins eða hafi sameiginlega forsjá ásamt
-                hinu foreldri þess þegar taka fæðingarorlofs hefst.
-              </Bullet>
-            </BulletList>
+          <Box marginTop={6} display="flex" justifyContent="flexEnd">
+            <Button
+              colorScheme="default"
+              icon="add"
+              iconType="filled"
+              preTextIconType="filled"
+              size="small"
+              variant="utility"
+            >
+              Opna allt
+            </Button>
           </Box>
         </SidebarLayout>
         <Footer />
diff --git a/apps/tax/screens/Tax/steps/StepFive.tsx b/apps/tax/screens/Tax/steps/StepFive.tsx
index 76b1225c..b46d1c06 100644
--- a/apps/tax/screens/Tax/steps/StepFive.tsx
+++ b/apps/tax/screens/Tax/steps/StepFive.tsx
@@ -85,7 +85,7 @@ const StepFive = ({ onForward, onBackward }: StepFiveProps) => {
             <Box paddingBottom={[3]}>
               <Input
                 backgroundColor="white"
-                label="SLánstími ár"
+                label="Lánstími ár"
                 name=""
                 placeholder="30"
                 size="sm"
@@ -99,11 +99,11 @@ const StepFive = ({ onForward, onBackward }: StepFiveProps) => {
             <Box paddingBottom={[3]}>
               <Input
                 backgroundColor="white"
-                label="Lánveitandi"
+                label="Kennitala lánveitanda"
                 name=""
-                placeholder="Íslandsbanki hf."
+                placeholder="000000-0000"
                 size="sm"
-                type="text"
+                type="number"
               />
             </Box>
           </GridColumn>
@@ -112,11 +112,11 @@ const StepFive = ({ onForward, onBackward }: StepFiveProps) => {
             <Box paddingBottom={[3]}>
               <Input
                 backgroundColor="white"
-                label="Kennitala lánveitanda"
+                label="Lánveitandi"
                 name=""
-                placeholder="000000-0000"
+                placeholder="Íslandsbanki hf."
                 size="sm"
-                type="number"
+                type="text"
               />
             </Box>
           </GridColumn>
@@ -134,35 +134,41 @@ const StepFive = ({ onForward, onBackward }: StepFiveProps) => {
           </GridColumn>
 
           <GridColumn span={['12/12', '12/12', '6/12']}>
-            <Input
-              backgroundColor="white"
-              label="Afborgun á nafnverði"
-              name=""
-              placeholder="1.360.000 kr."
-              size="sm"
-              type="number"
-            />
+            <Box paddingBottom={[3]}>
+              <Input
+                backgroundColor="white"
+                label="Afborgun á nafnverði"
+                name=""
+                placeholder="1.360.000 kr."
+                size="sm"
+                type="number"
+              />
+            </Box>
           </GridColumn>
           <GridColumn span={['12/12', '12/12', '6/12']}>
-            <Input
-              backgroundColor="white"
-              label="Vaxtagjöld"
-              name=""
-              placeholder="920.000 kr."
-              size="sm"
-              type="number"
-            />
+            <Box paddingBottom={[3]}>
+              <Input
+                backgroundColor="white"
+                label="Vaxtagjöld"
+                name=""
+                placeholder="920.000 kr."
+                size="sm"
+                type="number"
+              />
+            </Box>
           </GridColumn>
 
           <GridColumn span={['12/12', '12/12', '6/12']}>
-            <Input
-              backgroundColor="white"
-              label="Eftirstöðvar skulda"
-              name=""
-              placeholder="28.540.000 kr."
-              size="sm"
-              type="number"
-            />
+            <Box paddingBottom={[3]}>
+              <Input
+                backgroundColor="white"
+                label="Eftirstöðvar skulda"
+                name=""
+                placeholder="28.540.000 kr."
+                size="sm"
+                type="number"
+              />
+            </Box>
           </GridColumn>
         </GridRow>
       </GridContainer>
diff --git a/apps/tax/screens/Tax/steps/StepFour.tsx b/apps/tax/screens/Tax/steps/StepFour.tsx
index 4752d394..8b1292b3 100644
--- a/apps/tax/screens/Tax/steps/StepFour.tsx
+++ b/apps/tax/screens/Tax/steps/StepFour.tsx
@@ -85,6 +85,16 @@ const StepFour = ({ onForward, onBackward }: StepFourProps) => {
           </GridColumn>
         </GridRow>
       </GridContainer>
+      <Button
+        colorScheme="default"
+        iconType="filled"
+        icon="add"
+        preTextIconType="filled"
+        size="default"
+        variant="text"
+      >
+        Bæta við línu
+      </Button>
       <Buttons onBackward={onBackward} onForward={onForward}></Buttons>
     </Box>
   )
diff --git a/apps/tax/screens/Tax/steps/StepTwo.tsx b/apps/tax/screens/Tax/steps/StepTwo.tsx
index d2a8fc46..c8f0b354 100644
--- a/apps/tax/screens/Tax/steps/StepTwo.tsx
+++ b/apps/tax/screens/Tax/steps/StepTwo.tsx
@@ -5,7 +5,6 @@ import {
   GridContainer,
   GridRow,
   Input,
-  Text,
   Typography,
 } from '@island.is/island-ui/core'
 import { fieldWrapper } from '@island.is/tax/screens/Tax/steps/StepTwo.css'
@@ -25,22 +24,19 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
       padding={[3, 3, 10]}
       marginY={4}
     >
-      <Typography variant="h1" paddingBottom={1}>
-        Skil á framtali
+      <Typography variant="h2" paddingBottom={1}>
+        Umsækjandi
       </Typography>
 
-      <Text fontWeight="light">
-        Vinsamlegast leiðréttið eftirfarandi upplýsingar ef þörf er á
-      </Text>
-
       <GridContainer className={fieldWrapper}>
         <GridRow>
           <GridColumn span="12/12" className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
               label="Fullt nafn"
               name=""
-              placeholder="Jökull Þórðarson"
+              value="Jökull Þórðarson"
               size="sm"
               type="text"
             />
@@ -50,10 +46,11 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
         <GridRow>
           <GridColumn span={['12/12', '12/12', '6/12']} className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
-              label="Kennitala"
+              label="Póstnúmer"
               name=""
-              placeholder="120389-4569"
+              value="1203894569"
               size="sm"
               type="number"
             />
@@ -61,10 +58,11 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
 
           <GridColumn span={['12/12', '12/12', '6/12']} className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
               label="Heimili"
               name=""
-              placeholder="Bláfjallagata 12"
+              value="Bláfjallagata 12"
               size="sm"
               type="text"
             />
@@ -73,10 +71,11 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
         <GridRow>
           <GridColumn span={['12/12', '12/12', '6/12']} className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
               label="Póstnúmer"
               name=""
-              placeholder="105"
+              value="105"
               size="sm"
               type="number"
             />
@@ -84,10 +83,11 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
 
           <GridColumn span={['12/12', '12/12', '6/12']} className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
               label="Sveitarfélag"
               name=""
-              placeholder="Reykjavík"
+              value="Reykjavík"
               size="sm"
               type="text"
             />
@@ -96,10 +96,11 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
         <GridRow>
           <GridColumn span={['12/12', '12/12', '6/12']} className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
               label="Netfang "
               name=""
-              placeholder="jokull.thordarson@email.is"
+              value="jokull.thordarson@email.is"
               size="sm"
               type="email"
             />
@@ -107,10 +108,11 @@ const StepTwo = ({ onForward, onBackward }: StepTwoProps) => {
 
           <GridColumn span={['12/12', '12/12', '6/12']} className={fieldWrapper}>
             <Input
+              disabled
               backgroundColor="white"
               label="Símanúmer"
               name=""
-              placeholder="+354 772-8391"
+              value="+354 772-8391"
               size="sm"
               type="tel"
             />