Hi guys! I have created a code in which i have embedded a lightning component inside visualforce page. But when i preview the code i get the error as  $Lightning is not defined. Can someone please help. 
My VF PAGE:
<apex:page sidebar="false" showHeader="false"> <!-- <apex:includeScript value="/lightning/lightning.out.js" /> --> <apex:includeScript value="{!$Site.BaseUrl}/lightning/lightning.out.js?v=2"/> <div id="lightning" /> <script> $Lightning.use("c:HelloApp",function(){ $Lightning.createComponent("c:Hello", {}, "lightning", function(cmp) { // do some stuff }); }); </script> </apex:page>

My App:

<aura:application access="GLOBAL" extends="ltng:outApp">
    
  <aura:dependency resource="c:Hello"></aura:dependency>
  
</aura:application>