<!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">
	<!-- Owl Carousel Min CSS -->
	<link rel="stylesheet" href="<?=base_url();?>assets/css/owl.carousel.min.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">
    <style>
    /* Estilo da barra de cookies */
    #cookie-bar {
      position: fixed;
      bottom: 20px; /* Distância da barra em relação ao rodapé */
      left: 20px; /* Distância da barra em relação à esquerda */
      width: 300px; /* Largura da barra */
      padding: 10px;
      background-color: rgba(255, 80, 107, 0.10); /* Cor de fundo com transparência */
      color: #000;
      text-align: center;
      z-index: 9999; /* Garante que a barra fique acima de outros elementos */
      display: none;
    }

    /* Estilo dos botões */
    #cookie-bar button {
      margin: 5px;
      padding: 10px 20px;
      cursor: pointer;
    }

    #accept-button {
      background-color: rgb(255 80 107);
      color: white;
      border: none;
    }

    #close-button {
      background-color: #FFFFFF;
      color: rgb(255 80 107);
      border: none;
    }

    /* Estilo do efeito flutuante */
    .cookie-modal {
      animation: floatIn 1s forwards; /* Efeito de entrada da barra flutuante */
    }

    @keyframes floatIn {
      from {
        transform: translateY(100%);
      }
      to {
        transform: translateY(0);
      }
    }

	.banner-container {
		position: relative;
	}

	.banner {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.slide {
		display: none;
		width: 100%;
	}

	.slide img {
		width: 100%;
		height: auto;
	}

	.dots {
		text-align: center;
		margin-top: 10px;
	}

	.dot {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: gray;
		margin: 0 5px;
		cursor: pointer;
	}

	.dot.active {
		background-color: black;
	}

	/* Adicione esta regra para esconder os dots */
	.dots {
		display: none;
	}

	/* Adicione um estilo para os slides que estão "saindo" */
	.slide.fade-out {
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
	}

	/* Adicione um estilo para os slides que estão "entrando" */
	.slide.fade-in {
		display: block;
		opacity: 1;
		transition: opacity 0.5s ease-in-out;
	}


    </style>
</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');?>
	
	<div class="home-somos">
		<div class="d-table">
			<div class="d-table-cell">
				<div class="container">
					<div class="page-title-content">
						<h2 style="color:#000000"><span class="color-text">Quem</span> Somos</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Start Home Section -->
	<section class="about-area section-padding">
		<div class="container">
			<div class="row d-flex align-items-center">
				<div class="col-lg-7 col-md-12 col-sm-12">
					<div class="about-content">
						<div class="about-content-text">
							<h2><span class="color-text">Bem-vindo à </span> Sou Mulher Agenda.</h2>
							<p>
							O seu parceiro confiável no mundo agitado de compromissos e horários. Somos mais do que apenas um sistema de agendamento online; somos uma plataforma projetada com você, mulher, em mente. Reconhecemos a jornada da mulher moderna, repleta de responsabilidades, paixões e objetivos. Nossa missão é simplificar sua vida agitada, proporcionando uma maneira inteligente e intuitiva de gerenciar seu tempo.<br><br>
Na Sou Mulher Agenda, acreditamos que cada minuto é precioso. Nossa interface amigável e funcionalidades inovadoras garantem que você possa otimizar seu dia ao máximo. Organize compromissos profissionais, atividades pessoais e momentos de autocuidado com facilidade, tudo em um só lugar. Quer seja uma reunião importante, um evento social ou um tempo para si mesma, nossa plataforma se adapta às suas necessidades individuais.<br><br>
Entendemos que a flexibilidade é fundamental. Por isso, a Sou Mulher Agenda está disponível em todos os dispositivos, permitindo que você acesse e atualize sua agenda a qualquer momento e em qualquer lugar. Além disso, recursos de lembretes personalizáveis garantem que você nunca perca um compromisso importante novamente.<br><br>
A privacidade e a segurança dos seus dados são a nossa prioridade. Você pode confiar que suas informações estão protegidas por medidas de segurança avançadas, permitindo que você gerencie sua vida com tranquilidade.<br><br>
Na Sou Mulher Agenda, reconhecemos que a vida de uma mulher é uma tapeçaria de diferentes aspectos, desde a carreira até a família, da saúde ao lazer. Permita-nos ser sua parceira na busca do equilíbrio e da realização pessoal. Junte-se a nós e descubra como podemos transformar a maneira como você administra seu tempo. Seja dona do seu tempo, seja dona do seu destino com a Sou Mulher Agenda.
							</p>
							<div class="skills">
								<div class="skill-item">
									<h6>Website <em>80%</em></h6>
									<div class="skill-progress">
										<div class="progres" data-value="90%" style="width: 90%;"></div>
									</div>
								</div>
								<div class="skill-item">
									<h6>Android <em>75%</em></h6>
									<div class="skill-progress">
										<div class="progres" data-value="75%" style="width: 75%;"></div>
									</div>
								</div>
								<div class="skill-item">
									<h6>iOS <em>70%</em></h6>
									<div class="skill-progress">
										<div class="progres" data-value="80%" style="width: 80%;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-5 col-md-12 col-sm-12">
					<div class="about-image">
						<img src="assets/img/about.jpg" alt="About image">
					</div>
				</div>
			</div>
		</div>
	</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>
	<!-- Owl Carousel Min JS -->
	<script src="<?=base_url();?>assets/js/owl.carousel.min.js"></script>
	<!-- WOW Min JS -->
	<script src="<?=base_url();?>assets/js/wow.min.js"></script>
	<!-- Main JS -->
	<script src="<?=base_url();?>assets/js/main.js"></script>

	<script>
        let slideIndex = 0;
        showSlides();

        function showSlides() {
            const slides = document.getElementsByClassName("slide");
            const dots = document.getElementsByClassName("dot");

            for (let i = 0; i < slides.length; i++) {
                slides[i].style.display = "none";
                dots[i].classList.remove("active");
            }

            slideIndex++;

            if (slideIndex > slides.length) {
                slideIndex = 1;
            }

            slides[slideIndex - 1].style.display = "block";
            dots[slideIndex - 1].classList.add("active");

            setTimeout(showSlides, 5000); // Change slide every 3 seconds
        }
    </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>