๐Ÿ“ฆ 0-Chan / wedding-in.vite.tion

๐Ÿ“„ AboveTheFold.jsx ยท 34 lines
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;