1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34import waveHand from '../assets/waveHand.gif';
import proposal from '../assets/proposal.png';
const AboveTheFold = () => {
return (
<>
<h1 className="mt-5 text-center text-2xl">
์ ์ค์ง
<spann className="mx-4 text-sm">&</spann>
๊น์์ฐฌ
</h1>
<div className="mx-4 drop-shadow-lg">
<img
src={waveHand}
alt="์ค์ง์ ์์ฐฌ์ด ์์ ํ๋ ๋ค."
className="mx-auto scale-90 rounded-lg"
/>
<p className="text-center">
<span>2023๋
4์ 15์ผ(ํ ) 1์ 30๋ถ</span>
<br />
<span>์์ง๋ก PJํธํ
๋ฎค์ฆํ</span>
</p>
</div>
<img
src={proposal}
alt="Wedding ring icon"
className="mx-auto mt-2 h-20 w-20"
/>
</>
);
};
export default AboveTheFold;