<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title('|', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header">
<div class="site-branding">
<div class="site-logo">
<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Metallica Logo">
</div>
<h1 class="site-title"><?php bloginfo('name'); ?></h1>
</div>
</header>
<nav class="main-navigation">
<div class="container">
<?php
wp_nav_menu(array(
'theme_location' => 'primary',
'menu_class' => 'nav-menu',
'container' => false,
));
?>
</div>
</nav>
<?php if (is_front_page()) : ?>
<div class="hero-section">
<div class="hero-content">
<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</div>
</div>
<?php endif; ?>