@@ -14,7 +14,12 @@ type TProps = TSection & {
1414 } ;
1515} ;
1616
17- const AboutArea = ( { data : { section_title, motto, images } , space, bg, titleSize } : TProps ) => {
17+ const AboutArea = ( {
18+ data : { section_title, motto, images } ,
19+ space,
20+ bg,
21+ titleSize,
22+ } : TProps ) => {
1823 const { trans1 } = useUI ( ) ;
1924 return (
2025 < Section className = "about-area" space = { space } bg = { bg } >
@@ -27,9 +32,15 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
2732 variants = { scrollUpVariants }
2833 >
2934 { section_title && (
30- < SectionTitle { ...section_title } align = "left" titleSize = { titleSize } />
35+ < SectionTitle
36+ { ...section_title }
37+ align = "left"
38+ titleSize = { titleSize }
39+ />
40+ ) }
41+ { motto && (
42+ < MottoText className = "tw-mt-4" size = "md" { ...motto } />
3143 ) }
32- { motto && < MottoText className = "tw-mt-4" size = "md" { ...motto } /> }
3344 </ motion . div >
3445 < div className = "tw-relative tw-order-1 lg:tw-order-2" >
3546 { images ?. [ 0 ] ?. src && (
@@ -81,7 +92,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
8192 y : trans1 ( ) . y ,
8293 } }
8394 >
84- < img src = "/images/shape-animation/about-shape-1.png" alt = "" />
95+ < img
96+ src = "/images/shape-animation/about-shape-1.png"
97+ alt = ""
98+ />
8599 </ motion . div >
86100 < motion . div
87101 className = "tw-absolute tw-z-1 tw-right-2.5 -tw-bottom-10 tw-w-20 lg:tw-w-auto"
@@ -90,7 +104,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
90104 y : trans1 ( ) . y ,
91105 } }
92106 >
93- < img src = "/images/shape-animation/nwesletter-shape-2.png" alt = "" />
107+ < img
108+ src = "/images/shape-animation/hashflag.svg"
109+ alt = ""
110+ />
94111 </ motion . div >
95112 < motion . div
96113 className = "tw-absolute tw-z-1 tw-top-[-27px] tw-left-[360px] tw-w-20 lg:tw-w-auto"
0 commit comments