@push('styles')
	<style media="screen">
		.link-12{
			background: #fff;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.link-12 .logo{
			width: 150px;
			height: 150px;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			background-color: #ccc;
			margin: 0 auto;
			border-radius: 50%;
			margin-bottom: 10px;
		}
		.link-12 .social-icons{
			margin-top: 10px;
			margin-bottom: 20px;
		}
		.link-12 .social-icons i{
			font-size: 25px;
			margin-right: 15px;
			color: #333333;
		}
		.link-12 .btn.link{
			background: #ffffff;
			border: 2px solid #000000;
			color: #000000;
		}
		.link-12 .btn.link:hover,
		.link-12 .btn.link:active,
		.link-12 .btn.link:checked,
		.link-12 .btn.link.active{
			background: #333333;
			border: 2px solid #000000;
			color: #ffffff;
		}
		.tema-1{
			background: #fff;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.tema-1 .logo{
			width: 150px;
			height: 150px;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			background-color: #ccc;
			margin: 0 auto;
			border-radius: 50%;
			margin-bottom: 10px;
		}
		.tema-1 .social-icons{
			margin-top: 10px;
			margin-bottom: 20px;
		}
		.tema-1 .social-icons i{
			font-size: 25px;
			margin-right: 15px;
			color: #333333;
		}
		.tema-1 .btn.link{
			background: #ffffff;
			border: 2px solid #000000;
			color: #000000;
		}
		.tema-1 .btn.link:hover,
		.tema-1 .btn.link:active,
		.tema-1 .btn.link:checked,
		.tema-1 .btn.link.active{
			background: #333333;
			border: 2px solid #000000;
			color: #ffffff;
		}
	</style>
@endpush
<div class="container-fluid tema-1">
	<div class="main box">
		<div class="logo" style="background-image: url('{{$pagina->imagem}}')"></div>
		<p class="text-center"><b>{{$pagina->titulo1}}</b></p>
		<div class="social-icons text-center">
			@if($pagina->facebook)
				<a href="{{$pagina->facebook}}" target="_blank"><i class="fab fa-facebook"></i></a>
			@endif
			@if($pagina->instagram)
				<a href="{{$pagina->instagram}}" target="_blank"><i class="fab fa-instagram"></i></a>
			@endif
			@if($pagina->youtube)
				<a href="{{$pagina->youtube}}" target="_blank"><i class="fab fa-youtube"></i></a>
			@endif
			@if($pagina->linkedin)
				<a href="{{$pagina->linkedin}}" target="_blank"><i class="fab fa-linkedin"></i></a>
			@endif
			@if($pagina->twitter)
				<a href="{{$pagina->twitter}}" target="_blank"><i class="fab fa-twitter"></i></a>
			@endif
			@if($pagina->whatsapp)
				<a href="https://api.whatsapp.com/send?phone=55{{trim_string_full($pagina->whatsapp)}}"><i class="fab fa-whatsapp"></i></a>
			@endif
			@if($pagina->email)
				<a href="mailto:{{$pagina->email}}"><i class="fa fa-envelope"></i></a>
			@endif
		</div>
		<h1 class="text-center h3 mb-4">{{$pagina->titulo2}}</h1>
		<p class="text-center mb-4">
			{{$pagina->descricao}}
		</p>
		<div class="d-grid gap-2">
			@foreach ($pagina->botoes as $key => $botao)
				<a href="{{$botao->link}}" class="btn btn-lg link">{{$botao->texto}}</a>
			@endforeach
		</div>
	</div>
</div>