11---
22import classnames from " classnames" ;
3- const { image, iconFirst, iconSecond, sectionTitle, titleFirst, titleSecond, descriptionFirst, descriptionSecond, classNames } = Astro .props ;
3+ const {
4+ image,
5+ iconFirst,
6+ iconSecond,
7+ sectionTitle,
8+ titleFirst,
9+ titleSecond,
10+ descriptionFirst,
11+ descriptionSecond,
12+ classNames,
13+ } = Astro .props ;
414---
515
6- <div class ={ classnames (" relative lg:h-[600px] overflow-hidden px-7 sm:pt-24 pt-16 sm:px-12" , classNames )} >
16+ <div
17+ class ={ classnames (
18+ " relative lg:h-[600px] overflow-hidden px-7 sm:pt-24 pt-16 sm:px-12" ,
19+ classNames ,
20+ )}
21+ >
722 <div class =" grid grid-cols-1 md:grid-cols-2 gap-7" >
823 <div class =" rounded-2xl gap-7" >
9- <h2 class =" font-medium text-[28px] leading-[30px] md:text-4xl md:leading-10 xl:text-[54px] xl:leading-[60px] -tracking-[2%]" >
24+ <h2
25+ class =" font-medium text-[28px] leading-[30px] md:text-4xl md:leading-10 xl:text-[54px] xl:leading-[60px] -tracking-[2%]"
26+ >
1027 { sectionTitle }
1128 </h2 >
1229 </div >
1330 <div class =" rounded-2xl grid grid-cols-1 lg:grid-cols-2 gap-7 items-start" >
1431 <div class =" grid grid-cols-1 gap-y-4 text-left sm:text-left" >
15- <img src ={ iconFirst } alt =" " class =" w-16 h-16 sm:mx-0" role =" presentation" />
16- <h4 class =" font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] tracking-tight" >
32+ <img
33+ src ={ iconFirst }
34+ alt =" "
35+ class =" w-16 h-16 sm:mx-0"
36+ role =" presentation"
37+ />
38+ <h4
39+ class =" font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] tracking-tight"
40+ >
1741 { titleFirst }
1842 </h4 >
1943 <span class =" font-normal text-4 leading-[26px]" >
2044 { descriptionFirst }
2145 </span >
2246 </div >
2347 <div class =" grid grid-cols-1 gap-y-4 text-left sm:text-left" >
24- <img src ={ iconSecond } alt =" " class =" w-16 h-16 sm:mx-0" role =" presentation" />
25- <h4 class =" font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] tracking-tight" >
48+ <img
49+ src ={ iconSecond }
50+ alt =" "
51+ class =" w-16 h-16 sm:mx-0"
52+ role =" presentation"
53+ />
54+ <h4
55+ class =" font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] tracking-tight"
56+ >
2657 { titleSecond }
2758 </h4 >
2859 <span class =" font-normal text-base leading-[26px]" >
@@ -31,7 +62,9 @@ const { image, iconFirst, iconSecond, sectionTitle, titleFirst, titleSecond, des
3162 </div >
3263 </div >
3364 </div >
34- <img src ={ image }
35- alt =" CroCoder team member illustration"
36- class =" md:absolute bottom-0 left-0 h-40 sm:h-56 lg:h-80 max-w-xs sm:max-w-md relative max-md:top-12 max-md:mt-12" />
65+ <img
66+ src ={ image }
67+ alt =" CroCoder team member illustration"
68+ class =" md:absolute bottom-0 left-0 h-40 sm:h-56 lg:h-80 max-w-xs sm:max-w-md relative max-md:top-12 max-md:mt-12"
69+ />
3770</div >
0 commit comments