const containerStyles = { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", height: "100vh", backgroundColor: "#151718", color: "#fff", }; const innerContainerStyles = { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", }; const paragraphStyles = { fontSize: "1.25rem", }; return ( <> <div style={containerStyles}> <div className="mb-5" style={innerContainerStyles}> <div style={{ flex: 1, padding: "2rem" }}> <p style={{ fontSize: "1.75rem", fontWeight: "bold", // marginTop: "4rem", }} > Upload Your First Song </p> <p style={paragraphStyles}> We're excited to have you onboard, whether you're a budding artist seeking to make your mark or a seasoned pro looking to diversify your distribution platforms. Unleashing your musical creativity and sharing your work with the world has never been more empowering or accessible. </p> </div> <div style={{ flex: 1, color: "BLACK" }}> <Widget src="harmonic1.near/widget/MusicUpload" /> </div> </div> </div> </> );