<!doctype html>
<html lang="pt-br">

<head>
	<!-- Meta tags obrigatórias -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Título -->
	<title>Agende seu Atendimento com Facilidade e Rapidez | Sou Mulher Agenda</title>
	<!-- Descrição SEO -->
	<meta name="description" content="Sou Mulher Agenda - Facilite sua vida! Nosso sistema de agendamento online permite que você marque seus atendimentos de forma simples e rápida, 24 horas por dia, 7 dias por semana.">
	<!-- Palavras-chave SEO -->
	<meta name="keywords" content="agendamento, sistema de agendamento, agendamento online, facilidade, rapidez, atendimento, agendar atendimento">
	<!-- Meta tags Open Graph para SEO -->
	<meta property="og:title" content="Agende seu Atendimento com Facilidade e Rapidez | Sou Mulher Agenda">
	<meta property="og:description" content="Sou Mulher Agenda - Facilite sua vida! Nosso sistema de agendamento online permite que você marque seus atendimentos de forma simples e rápida, 24 horas por dia, 7 dias por semana.">
	<meta property="og:type" content="website">
	<meta property="og:url" content="<?=base_url();?>">
	<meta property="og:image" content="<?=base_url();?>assets/img/logo-black.png">
	<!-- Meta tags Twitter para SEO -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="Agende seu Atendimento com Facilidade e Rapidez | Sou Mulher Agenda">
	<meta name="twitter:description" content="Sou Mulher Agenda - Facilite sua vida! Nosso sistema de agendamento online permite que você marque seus atendimentos de forma simples e rápida, 24 horas por dia, 7 dias por semana.">
	<meta name="twitter:image" content="<?=base_url();?>assets/img/logo-black.png">

	<!-- Google Fonts -->
	<link href="https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap" rel="stylesheet">
	<!-- Favicon -->
	<link rel="icon" type="image/png" href="<?=base_url();?>assets/img/favicon.png">
	<!-- Bootstrap Min CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/bootstrap.min.css">
	<!-- Animate Min CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/animate.min.css">
	<!-- Pe-icon-7 CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/pe-icon-7-stroke.css">
	<!-- Font Awesome Min CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/fontawesome.min.css">
	<!-- Mran Menu CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/meanmenu.css">
	<!-- Style CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/style.css">
	<!-- Responsive CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/responsive.css">
	<!-- CSS - HOME -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/home.css">

	<link rel="stylesheet" href="<?=base_url();?>assets/css/jquery.flipster.css">

</head>

<body>

	<!-- Start Preloader Area -->
	<div class="preloader">
		<div class="d-table">
			<div class="d-table-cell">
			<div class="lds-spinner">
				<div></div><div></div><div></div>
				<div></div><div></div><div></div>
				<div></div><div></div><div></div>
				<div></div><div></div><div></div>
			</div>
			</div>
		</div>
	</div>
	<!-- End Preloader Area -->
	
<?=view('include/menu');?>

	<!-- Start Home Section -->
	<div class="home-area">
	<div class="banner">
			
				<div class="banner-container">
					<div class="d-table">
						<div class="d-table-cell">
							<div class="container">
								<div class="row align-items-center">
									<div class="col-lg-6 col-md-12">
										<div class="main-banner-content">
											<h1>Agende seu atendimento com  <span class="color-text">facilidade e rapidez!</span></h1>
											<p>Agendamento Online - Facilite sua vida! Nosso sistema de agendamento online permite que você marque seus atendimentos de forma simples e rápida, 24 horas por dia, 7 dias por semana.</p>
											<div class="banner-btn">
												<!-- <a href="javascript:void(0);" class="default-btn-one">
													Apresentação
													<span></span>
												</a> -->
												<a class="wrap" href="<?=base_url('cadastro');?>">
														<button class="butn" >Teste Grátis</button>
													<span></span>
												</a>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-12">
										<div class="banner-image">
											<img src="<?=base_url();?>assets/img/home-font.png" alt="image">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="grey-cr"></div>
				</div>
			</div>
			
			</div>
		


<!-- //////////////////////////////////////////// -->



<div class="my-flipster" >
  <ul>
	<li>
		<div class="box-cell box1">
			<div class="card shadow">
		
					<div class="pack">Basic</div>
					<div id="basic" class="price bottom-bar lii">R&dollar;35,00</div>
					<div class="bottom-bar lii">Agendamento</div>
					<div class="bottom-bar lii">Logomarca na Agenda</div>
					<div class="bottom-bar lii">1 Acesso</div>
					<div class="bottom-bar lii">lembretes via E-mail</div>
					<div class="bottom-bar lii">Relatórios</div>
					<div><button class="btn">Contratar</button></div>
			
			</div>
      	</div>
	</li>
	<li>
		<div class="box-cell box2">
			<div class="card shadow">

					<div class="pack">Basic</div>
					<div id="basic" class="price bottom-bar lii">R&dollar;35,00</div>
					<div class="bottom-bar lii">Agendamento</div>
					<div class="bottom-bar lii">Logomarca na Agenda</div>
					<div class="bottom-bar lii">1 Acesso</div>
					<div class="bottom-bar lii">lembretes via E-mail</div>
					<div class="bottom-bar lii">Relatórios</div>
					<div><button class="btn">Contratar</button></div>
		
			</div>
      	</div>
	</li>
	<li>
		<div class="box-cell box3">
			<div class="card shadow">
	
					<div class="pack">Basic</div>
					<div id="basic" class="price bottom-bar lii">R&dollar;35,00</div>
					<div class="bottom-bar lii">Agendamento</div>
					<div class="bottom-bar lii">Logomarca na Agenda</div>
					<div class="bottom-bar lii">1 Acesso</div>
					<div class="bottom-bar lii">lembretes via E-mail</div>
					<div class="bottom-bar lii">Relatórios</div>
					<div><button class="btn">Contratar</button></div>
				
			</div>
      	</div>
	</li>
  </ul>
</div>

<div id="carousel3d">
	<carousel-3d :perspective="0" :space="200" :display="5" :controls-visible="true" :controls-prev-html="'&#10092;'" :controls-next-html="'&#10093;'" :controls-width="30" :controls-height="60" :clickable="true" :autoplay="true" :autoplay-timeout="5000">
		<slide :index="0">
			<span class="title">Web Development</span>
			<p>Sed ut perspiciatis unde
				omnis iste natus error sit volupta
				tem accusantium dolorem</p>
		</slide>
		<slide :index="1">

			<span class="title">Web Design</span>
			<p>Sed ut perspiciatis unde
				omnis iste natus error sit volupta
				tem accusantium dolorem</p>
		</slide>
		<slide :index="2">
			<span class="title">You know</span>
			<p>You know, being a test pilot isn't always the healthiest business in the world.</p>
		</slide>
		<slide :index="3">
			<span class="title">You know</span>
			<p>You know, being a test pilot isn't always the healthiest business in the world.</p>
		</slide>
		<slide :index="4">
			<span class="title">You know</span>
			<p>You know, being a test pilot isn't always the healthiest business in the world.</p>
		</slide>
		<slide :index="5">
			<span class="title">You know</span>
			<p>You know, being a test pilot isn't always the healthiest business in the world.</p>
		</slide>
		<slide :index="6">
			<span class="title">You know</span>
			<p>You know, being a test pilot isn't always the healthiest business in the world.</p>
		</slide>

	</carousel-3d>
</div>

<script>
	new Vue({
		el: "#carousel3d",
		data: {
			slides: 7
		},
		components: {
			"carousel-3d": window["carousel-3d"].Carousel3d,
			slide: window["carousel-3d"].Slide
		}
	});
</script>


<!-- //////////////////////////////////////////////// -->

	<!-- Start Services Section -->
	<section class="services-section pt-70 pb-100">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-6">
					<div class="single-services-item">
						<div class="services-icon">
							<i class="pe-7s-note2"></i>
						</div>
						<h3>Facilidade e Acesso 24/7</h3>
						<p>Com o agendamento online, os clientes podem marcar seus compromissos de qualquer lugar e a qualquer hora, usando seus dispositivos preferidos, seja smartphone, tablet ou computador.</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="single-services-item">
						<div class="services-icon">
							<i class="pe-7s-paper-plane"></i>
						</div>
						<h3>Redução de No-Shows</h3>
						<p>Nosso sistema de agendamento online envia lembretes automáticos para os clientes, reduzindo significativamente a taxa de faltas em compromissos decorrentes de ausências não comunicadas.</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="single-services-item">
						<div class="services-icon">
							<i class="pe-7s-note"></i>
						</div>
						<h3>Organização e Gerenciamento</h3>
						<p>Com o agendamento online, os profissionais têm uma visão completa de suas agendas, permitindo um melhor planejamento e gerenciamento dos atendimentos.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Services Section -->
	
	<!-- Start Counter Section -->
	<section class="counter-area section-padding">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6 counter-item">
					<div class="single-counter">
						<div class="counter-contents">
							<h2>
								<span class="counter-number">07</span>
								<span>+</span>
							</h2>
							<h3 class="counter-heading">Anos de experiência</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 counter-item">
					<div class="single-counter">
						<div class="counter-contents">
							<h2>
								<span class="counter-number">500</span>
                                <span>+</span>
							</h2>
							<h3 class="counter-heading">Clientes Cadastrados</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 counter-item">
					<div class="single-counter">
						<div class="counter-contents">
							<h2>
								<span class="counter-number">20</span>
								<span>+</span>
							</h2>
							<h3 class="counter-heading">Parceiros</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 counter-item">
					<div class="single-counter">
						<div class="counter-contents">
							<h2>
								<span class="counter-number">300</span>
								<span>+</span>
							</h2>
							<h3 class="counter-heading">Classificação de 5 estrelas</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Counter Section -->
	
	<!-- Start Overview Section -->
	<section class="overview-section section-padding">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<div class="overview-content">
						<h2>Conheça os Diversos Módulos do Nosso Sistema!</h2>
						<p>Descubra a riqueza de funcionalidades que nosso sistema oferece através de seus diversos módulos.</p>
						<ul class="features-list">
							<li> <span class="active">Notificação via WhatsApp</span></li>
							<li> <span>Agendamento de Clientes</span></li>
							<li> <span>Calendário e Agenda</span></li>
							<li> <span>Notificações e Lembretes</span></li>
							<li> <span>Integração com Pagamentos</span></li>
							<li> <span>Relatórios e Estatísticas</span></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="overview-image-2">
						<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/SGwCxglza9Y?si=62J9SQBsmS10OkDC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Overview Section -->
	

	<!-- Start Hire Section -->
	<section class="hire-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 col-md-12">
					<div class="hire-content">
						<h2>Surgiram mais dúvidas?</h2>
						<p>Fizemos questão de reunir as informações mais relevantes e esclarecedoras para tornar sua experiência conosco ainda mais proveitosa.</p>
						<div class="hire-btn">
							<a class="default-btn-one" href="javascript:void(0);">Ajuda<span></span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Hire Section -->
	
	<!-- Start Blog Section -->
	<section class="blog-section pt-100 pb-70">
		<div class="container">
			<div class="section-title">
				<h2>Fique por Dentro das Últimas Notícias!</h2>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-6">
					<div class="blog-item">
						<div class="blog-image">
							<a href="javascript:void(0);">
								<img src="<?=base_url();?>assets/img/blog/blog-1.jpg" alt="image">
							</a>
						</div>
						<div class="single-blog-item">
							<div class="blog-content">
								<h3>
                                    <a href="javascript:void(0);">
                                        Descubra o mecanismo de Pagamento Integrado do Mercado Pago
                                    </a>
                                </h3>
								<p>A praticidade e a eficiência são fundamentais no mundo atual, e o mecanismo de Pagamento Integrado do Mercado Pago vem para revolucionar a forma como você gerencia suas transações financeiras.</p>
								<div class="blog-btn"> <a href="javascript:void(0);" class="default-btn blog-btn-one">Continuar Lendo<span></span></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-item">
						<div class="blog-image">
							<a href="javascript:void(0);">
								<img src="<?=base_url();?>assets/img/blog/blog-2.jpg" alt="image">
							</a>
						</div>
						<div class="single-blog-item">
							<div class="blog-content">
								<h3>
									<a href="javascript:void(0);">
                                        Notificações Automáticas que Simplifica sua Rotina
                                    </a>
								</h3>
								<p>No mundo agitado de hoje, onde o tempo é precioso, contar com soluções que otimizem nossa rotina é essencial. É aí que entram as Notificações Automáticas, uma ferramenta inovadora que veio para tornar...</p>
								<div class="blog-btn">
									<a href="javascript:void(0);" class="default-btn blog-btn-one">Continuar Lendo<span></span></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="blog-item">
						<div class="blog-image">
							<a href="javascript:void(0);">
								<img src="<?=base_url();?>assets/img/blog/blog-3.jpg" alt="image">
							</a>
						</div>
						<div class="single-blog-item">
							<div class="blog-content">
								<h3>
                                    <a href="javascript:void(0);">
                                        Todas as Funcionalidades em um Único Lugar!
                                    </a>
                                </h3>
								<p>Imagine poder centralizar todas as suas tarefas e atividades diárias em um único lugar, simplificando a sua rotina e otimizando o seu tempo. Com as várias funcionalidades reunidas em um único lugar, você pode...</p>
								<div class="blog-btn"> <a href="javascript:void(0);" class="default-btn blog-btn-one">Continuar Lendo<span></span></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Blog Section -->
	
	<!-- Start Footer Section -->
	<section class="footer-area section-padding">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-6">
					<div class="single-footer-widget">
						<a class="footer-logo" href="javascript:void(0);">
							<img src="<?=base_url();?>assets/img/logo.png" class="white-logo" alt="logo">
						</a>
						<p>A Sou Mulher Agenda é a sua parceira perfeita para organizar a vida de forma prática e feminina. Com recursos intuitivos, permite agendar compromissos, tarefas e momentos especiais, tudo em um ambiente seguro e acolhedor. Simplifique seu dia a dia e aproveite a experiência única que a Sou Mulher Agenda oferece!</p>
						<ul class="footer-social">
							<li>
								<a href="javascript:void(0);"> <i class="fab fa-facebook-f"></i>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);"> <i class="fab fa-linkedin"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-2 col-md-6 col-sm-6">
					<div class="single-footer-widget">
						<div class="footer-heading">
                            <h3>Acesso Rápido</h3>
						</div>
						<ul class="footer-quick-links">
							<li> <a href="javascript:void(0);">Inicio</a></li>
							<li> <a href="javascript:void(0);">Preço</a></li>
							<li> <a href="javascript:void(0);">Funcionabilidades</a></li>
							<li> <a href="javascript:void(0);">Cadastro</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-2 col-md-6 col-sm-6">
					<div class="single-footer-widget">
						<div class="footer-heading">
							<h3>Institucional</h3>
						</div>
						<ul class="footer-quick-links">
							<li><a href="javascript:void(0);">Sobre</a></li>
							<li><a href="javascript:void(0);">Suporte</a></li>
							<li><a href="javascript:void(0);">Política de Privacidade</a></li>
							<li><a href="javascript:void(0);">Termos e Condições</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-6">
					<div class="single-footer-widget">
						<div class="footer-heading">
							<h3>Informações de contato</h3>
						</div>
						<div class="footer-info-contact">
							<span><strong>Telefone Suporte:</strong> <a href="tel:0802235678">+55 (021) 0000-0000</a></span>
						</div>
						<div class="footer-info-contact">
							<span><strong>E-mail:</strong> <a href="mailto:suporte@soumulheragenda.com.br">suporte@soumulheragenda.com.br</a></span>
						</div>
						<!-- Start Subscribe Area -->
						<form class="newsletter-form">
							<input type="email" class="input-newsletter" placeholder="Receba novidades do site" name="email" required autocomplete="off">
							<button class="default-btn" type="submit">Inscrever <span></span></button>
						</form>
						<!-- End Subscribe Area -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Footer Section -->
	
	<!-- Start Copy Right Section -->
	<div class="copyright-area">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-7 col-md-7">
					<p> <i class="far fa-copyright"></i> Sou Mulher Agenda <?=date('Y');?> - Todos direitos Reservados. Desenvolvido por: <a href="https://wa.me/553135003516?text=Desejo+informa%C3%A7%C3%B5e+de+desenvolvimento%2C+visualizei+o+site+Inset+Pragas%21" target="_blank" style="color:#FFF;">GotechBr<a></p>
				</div>
				<div class="col-lg-5 col-md-5">
				
				</div>
			</div>
		</div>
	</div>
	<!-- End Copy Right Section -->
	
	<!-- Start Go Top Section -->
	<div class="go-top">
		<i class="fas fa-chevron-up"></i>
		<i class="fas fa-chevron-up"></i>
	</div>
	<!-- End Go Top Section -->

    <!-- Barra de cookie Inicio -->
    <div id="cookie-bar" class="cookie-modal" style="display: <?php echo isset($_COOKIE['cookie_accepted']) ? 'none' : 'block'; ?>">
        <p>Utilizamos cookies para melhorar a sua experiência no nosso site. Ao continuar a navegação, você concorda com o uso de cookies.</p>
        <button id="accept-button">Aceitar</button>
        <button id="close-button">Fechar</button>
    </div>
    <!-- Barra de cookie Fim -->
	
	<!-- jQuery Min JS -->
	<script src="<?=base_url();?>assets/js/jquery.min.js"></script>
	<!-- Bootstrap Min JS -->
	<script src="<?=base_url();?>assets/js/bootstrap.min.js"></script>
	<!-- MeanMenu JS  -->
	<script src="<?=base_url();?>assets/js/jquery.meanmenu.js"></script>
	<!-- Appear Min JS -->
	<script src="<?=base_url();?>assets/js/jquery.appear.min.js"></script>
	<!-- CounterUp Min JS -->
	<script src="<?=base_url();?>assets/js/jquery.waypoints.min.js"></script>
	<script src="<?=base_url();?>assets/js/jquery.counterup.min.js"></script>
	<!-- Main JS -->
	<script src="<?=base_url();?>assets/js/main.js"></script>

	<script src="<?=base_url();?>assets/js/jquery.flipster.min.js"></script>

	<script>
		$('.my-flipster').flipster();
	</script>

    <script>
        // Check if the user agent is from a desktop device
        var isDesktop = /Windows|Macintosh/.test(navigator.userAgent);

        // If it's a desktop device, show the cookie bar
        if (isDesktop) {
            document.getElementById('cookie-bar').style.display = 'block';
        }

        // Function to set a cookie
        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }

        // Event listener for the accept button
        document.getElementById('accept-button').addEventListener('click', function() {
            // Make a request to the accept cookies route
            fetch('<?php echo site_url("cookie/accept"); ?>').then(() => {
            // Set the acceptance cookie
            setCookie('cookie_accepted', 'true', 365); // The cookie will be valid for 365 days
            // Hide the cookie bar
            document.getElementById('cookie-bar').style.display = 'none';
            });
        });

        // Event listener for the close button
        document.getElementById('close-button').addEventListener('click', function() {
            // Make a request to the close cookies bar route
            fetch('<?php echo site_url("cookie/close"); ?>').then(() => {
            // Hide the cookie bar
            document.getElementById('cookie-bar').style.display = 'none';
            });
        });

        // Check if the cookie has already been accepted
        var cookieAccepted = document.cookie.split(';').some((item) => item.trim().startsWith('cookie_accepted='));
        if (cookieAccepted) {
            // Hide the cookie bar if the cookie has been accepted
            document.getElementById('cookie-bar').style.display = 'none';
        }
    </script>

	
</body>

</html>