Template Logo

• The Logo component can be found in the src/components/logo.tsx with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. public/assets/images/

You can add a image URL icon to your Website using the following code:

<div className="logo-default">
    <Link className="navbar-brand text-primary" to="/">
        <img className="img-fluid logo"src={img1} loading="lazy" alt="streamit" />
    </Link>
</div>
<div className="logo-hotstar">
    <Link className="navbar-brand text-primary" to="/">
        <img className="img-fluid logo" src={hostar} loading="lazy" alt="streamit" />
     </Link>
</div>
<div className="logo-prime">
    <Link className="navbar-brand text-primary" to="/">
         <img className="img-fluid logo" src={prime} loading="lazy" alt="streamit" />
    </Link>
</div>
 <div className="logo-hulu">
    <Link className="navbar-brand text-primary" to="/">
         <img className="img-fluid logo" src={hulu} loading="lazy" alt="streamit" />
    </Link>
</div>

Import the Logo component at the top of your HeaderDefault.tsx or FooterDefault.tsx file.

import Logo from '../../logo'

Inside your HeaderDefault or FooterDefault component where you want the logo to appear, use the Logo component.

<div className="logo-container">
 <Logo />
</div>