const home = {
	bindings: {

	},
	controller: function () {
		let ctrl = this;
		ctrl.title = 'Rowdy Mermaid';

		ctrl.$onInit = function () {
			console.log('init Home');
		};
		ctrl.$postLink = function () {};
	},
	template: `
	<div class="image-wrapper">
		<img src="images/coloradoSnowmeltKombucha.png">
	</div>
	<div class="siteName">
		<img src="images/bottleLivingGingerCircleFrame.png"/>
		<h3>Rowdy Mermaid Kombucha</h3>
		<h4>Boulder, Colorado</h4>
	</div>
	
	<div class="viewFlavors">
		<h3>Wild Landscape Inspired Sustainaby Sourced 100% Wind Energy Produced Living Adaptogenic Kombucha</h3>
		<a href="/kombucha">View All Flavors</>
	</div>
	<parallax-jumbotron></parallax-jumbotron>

	`

};

angular.module('RowdyMermaid-site.home')
	.component('home', home);

home.$inject = [];

const home = {
	bindings: {

	},
	controller: function () {
		let ctrl = this;
		ctrl.title = 'Rowdy Mermaid';
		ctrl.imageUrl = 'images/inHandRowdyBelly.jpg';

		ctrl.$onInit = function () {
			console.log('init Home');
		};
		ctrl.$postLink = function () {};
	},
	template: `
	<div class="image-wrapper">
		<img src="images/coloradoSnowmeltKombucha.png">
	</div>
	<div class="siteName">
		<img src="images/bottleLivingGingerCircleFrame.png"/>
		<h3>Rowdy Mermaid Kombucha</h3>
		<h4>Boulder, Colorado</h4>
	</div>

	<div class="viewFlavors">
		<h3>Wild Landscape Inspired Sustainaby Sourced 100% Wind Energy Produced Living Adaptogenic Kombucha</h3>
		<a href="/kombucha">View All Flavors</>
	</div>
	<!--TO DO: Update break to a padding bottom.-->
	<br/>
	<parallax-jumbotron image-url="$ctrl.imageUrl"></parallax-jumbotron>

	`

};

angular.module('RowdyMermaid-site.home')
	.component('home', home);

home.$inject = [];

add picture url