1const MyComposition = () => {
2
3  const frame = useCurrentFrame();
4
5  const opacity = interpolate(frame % 180, [0, 40], [0, 1]);
6
7  const scale = interpolate(frame % 180, [0, 180], [0.9, 1]);
8
9  let text = "";
10
11  if (frame < 180) {
12    text = "Welcome To Digital Marketing";
13  } else if (frame < 360) {
14    text = "SEO Helps Websites Rank Higher";
15  } else if (frame < 540) {
16    text = "Quality Content + Strong Backlinks";
17  } else if (frame < 720) {
18    text = "Grow Your Business Online";
19  } else {
20    text = "Start Your SEO Strategy Today";
21  }
22
23  return (
24    <AbsoluteFill
25      style={{
26        backgroundColor: "#0f172a",
27        justifyContent: "center",
28        alignItems: "center"
29      }}
30    >
31      <div
32        style={{
33          opacity: opacity,
34          transform: `scale(${scale})`,
35          color: "white",
36          fontSize: "70px",
37          fontWeight: "bold",
38          textAlign: "center",
39          padding: "40px"
40        }}
41      >
42        {text}
43      </div>
44    </AbsoluteFill>
45  );
46};