var body: some View {
    VStack {
      /* Lottie Wrapping Begins */
    LottieView(animation: .splash /* 1 */, animationFramesHandlers: [
      .init(startFrame: 0, endFrame: 80, onComplete: { didFinish in // 2
        guard didFinish else { return }
        withAnimation(.spring()) {
          showFooterText = true // 3
        }
      }),
      .init(startFrame: 80, endFrame: 147, onComplete: { didFinish in
        guard didFinish else { return }
        withAnimation {
          finishSplash = true
        }
      })
    ])
      /* Lottie Wrapping Ends */
      
      if showFooterText {
        Text("Al Najd".localized)
          .font(.pTitle2.bold())
          .foregroundColor(.mono.offblack)
          .opacity(showFooterText ? 1 : 0)
          .offset(y: showFooterText ? 0 : 100)
      }
      
      if showFooterText {
        Text("The Compass towards discipline \nwith Allah")
          .font(.pHeadline)
          .foregroundColor(.mono.label)
          .multilineTextAlignment(.center)
          .opacity(showFooterText ? 1 : 0)
          .offset(y: showFooterText ? 0 : 100)
      }
    }.background(
      Color
        .primary
        .background
        .ignoresSafeArea()
    )
  }