sample.jsx

import React from 'react';

function App() {
  return (
    <Property1heroTablet
      heroContainer="https://cdn.animaapp.com/projects/6202849b5e1915b58277544f/files/trailer-m-1-cut-1.webp"
      title="SAM AWAY"
      filmInfo="Adventure, Fantasy  |  2019  |  136 Min."
      filmAbout={
        <React.Fragment>
          When a tornado hits through City of Peaceville,
          <br />
          Samantha (Jenny Loifer) and her dog, Ricko, <br />
          are whisked away in their house to an amazing journey.
        </React.Fragment>
      }
      filmCredits={
        <React.Fragment>
          Director: Todd Burns
          <br />
          Cast: Jenny Loifer, Sarah Obrien, Larry Moss Jr.
        </React.Fragment>
      }
      property1btnWatchTabletProps={property1heroTabletData.property1btnWatchTabletProps}
      
    />
  );
}

export default App;

function Property1heroTablet(props) {
  const { heroContainer, title, filmInfo, filmAbout, filmCredits, property1btnWatchTabletProps } = props;

  return (
    <div className="hero-container" style={{ backgroundImage: `url(${heroContainer})` }} >
      <h1 className="title valign-text-middle headline---tablet-50px" >
        {title}
      </h1>
      <p className="film-info" >
        {filmInfo}
      </p>
      <p className="film-about worksans-light-white-11px" >
        {filmAbout}
      </p>
      <p className="film-credits worksans-normal-white-10px" >
        {filmCredits}
      </p>
      <Property1btnWatchTablet
        btnWatch={property1btnWatchTabletProps.btnWatch}
        watchNow={property1btnWatchTabletProps.watchNow}
        
      />
    </div>
  );
}


function Property1btnWatchTablet(props) {
  const { btnWatch, watchNow } = props;

  return (
    <div className="btn-watch" >
      <div className="watch-container" >
        <img className="btn-watch-1"  src={btnWatch} alt="btn-watch" />
        <div className="watch-now valign-text-middle" >
          {watchNow}
        </div>
      </div>
    </div>
  );
}

const property1btnWatchTabletData = {
    btnWatch: "https://anima-uploads.s3.amazonaws.com/projects/6165b3e879c1baabe259dd1f/releases/6239bb1d36ba6a8f50b22449/img/[email protected]",
    watchNow: "Watch Now",
};

const property1heroTabletData = {
    property1btnWatchTabletProps: property1btnWatchTabletData,
};