<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package art-design
 */

?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">

	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
	<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'art-design' ); ?></a>

<header id="header">
    <div class="header-inner">
        <div class="header-logo"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo-rsf.webp" alt=""></div>
        <nav class="header-nav" id="header-nav">
            <a href="#sobre">Sobre</a>
            <a href="#galeria">Galeria</a>
            <a href="#plantas">Plantas</a>
            <a href="#implantacao">Implantação</a>
            <a href="#localizaco">Localização</a>
            <a href="#realizacao-footer">Realização</a>
            <a href="#form" class="header-cta header-cta-mobile">Saiba mais</a>
        </nav>
        <a href="#form" class="header-cta">Saiba mais</a>
        <button class="menu-toggle" id="menu-toggle" aria-label="Abrir menu">
            <span class="hamburger-line"></span>
            <span class="hamburger-line"></span>
            <span class="hamburger-line"></span>
        </button>
    </div>
</header>