Using Lightning Component in a Visualforce page

SampleApp.app

<aura:application access="global" extends="ltng:outApp" >
  <c:SampleComp />	
</aura:application>

SampleComp.cmp

<aura:component access="global" >

  <h1>Sample Lightnign Component for a Visualforce Page Demo </h1>     

</aura:component>

SampleComponentInVF.page

<apex:page showHeader="false" sidebar="false">
    <apex:includeLightning />    
    <div id="componentContainerId" />    
    <script>
        $Lightning.use("c:SampleApp", function() {
            $Lightning.createComponent("c:SampleComp",
              { 
              },
              "componentContainerId",
              function(cmp) {
                 console.log('Rendering the lightning component.');
              });
        });
    </script>
</apex:page>