💄(frontend) adjust home based on Sam feedbacks

Based on Samuel's feedbacks, adjust few details.
This commit is contained in:
lebaudantoine
2024-11-18 13:11:21 +01:00
committed by aleb_the_flash
parent 8a96b6939a
commit 732df0768c
5 changed files with 11 additions and 11 deletions

View File

@@ -38,7 +38,7 @@ const Body = styled('p', {
const Image = styled('img', { const Image = styled('img', {
base: { base: {
maxHeight: '330px', maxHeight: '362px',
height: '100%', height: '100%',
width: 'fit-content', width: 'fit-content',
}, },
@@ -82,7 +82,7 @@ const ButtonContainer = styled('div', {
const ButtonVerticalCenter = styled('div', { const ButtonVerticalCenter = styled('div', {
base: { base: {
marginTop: '10.3125rem', marginTop: '13.3125rem',
transform: 'translateY(-50%)', transform: 'translateY(-50%)',
}, },
}) })

View File

@@ -36,7 +36,7 @@ const Columns = ({ children }: { children?: ReactNode }) => {
animation: '.5s ease-in fade 0s forwards', animation: '.5s ease-in fade 0s forwards',
lg: { lg: {
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'space-evenly', justifyContent: 'center',
width: '100%', width: '100%',
padding: 0, padding: 0,
}, },
@@ -57,7 +57,7 @@ const LeftColumn = ({ children }: { children?: ReactNode }) => {
flexDirection: 'column', flexDirection: 'column',
flexBasis: 'auto', flexBasis: 'auto',
flexShrink: 0, flexShrink: 0,
maxWidth: '39rem', maxWidth: '38rem',
width: '100%', width: '100%',
padding: '1rem 3%', padding: '1rem 3%',
marginTop: 'auto', marginTop: 'auto',
@@ -66,8 +66,8 @@ const LeftColumn = ({ children }: { children?: ReactNode }) => {
textAlign: 'left', textAlign: 'left',
alignItems: 'flex-start', alignItems: 'flex-start',
flexShrink: '1', flexShrink: '1',
flexBasis: '35rem', flexBasis: '36rem',
maxWidth: '35rem', maxWidth: '36rem',
padding: '1em 3em', padding: '1em 3em',
}, },
})} })}
@@ -133,10 +133,10 @@ const Heading = styled('h1', {
const IntroText = styled('div', { const IntroText = styled('div', {
base: { base: {
marginBottom: '3rem', marginBottom: '3rem',
fontSize: '1.375rem', fontSize: '1.5rem',
lineHeight: '1.8rem', lineHeight: '1.8rem',
textWrap: 'pretty', textWrap: 'pretty',
maxWidth: '28rem', maxWidth: '32rem',
}, },
}) })

View File

@@ -7,7 +7,7 @@
"heading": "An error occurred while loading the page" "heading": "An error occurred while loading the page"
}, },
"feedback": { "feedback": {
"context": "Visio is still evolving—your input matters!", "context": "Visio is still in early development — your input matters!",
"cta": "Share your feedback" "cta": "Share your feedback"
}, },
"forbidden": { "forbidden": {

View File

@@ -44,7 +44,7 @@
}, },
"slide2": { "slide2": {
"title": "Host group calls without limits", "title": "Host group calls without limits",
"body": "Unlimited time meetings, up to 15 participants, with smooth and high-quality communication, no matter the group size.", "body": "Unlimited time meetings, with smooth and high-quality communication, no matter the group size.",
"imgAlt": "Image of a virtual meeting with multiple participants collaborating seamlessly" "imgAlt": "Image of a virtual meeting with multiple participants collaborating seamlessly"
}, },
"slide3": { "slide3": {

View File

@@ -44,7 +44,7 @@
}, },
"slide2": { "slide2": {
"title": "Organisez des appels de groupe sans limite", "title": "Organisez des appels de groupe sans limite",
"body": "Réunions sans limite de temps, jusqu'à 15 participants, avec une communication fluide et de haute qualité, quel que soit le nombre.", "body": "Réunions sans limite de temps, avec une communication fluide et de haute qualité, quel que soit le nombre.",
"imgAlt": "Image d'une réunion virtuelle avec plusieurs participants collaborant efficacement" "imgAlt": "Image d'une réunion virtuelle avec plusieurs participants collaborant efficacement"
}, },
"slide3": { "slide3": {