<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Grow Your Brain! | Big Brain Place</title>

<style>

body {

font-family: Arial, Helvetica, sans-serif;

margin: 0;

padding: 0;

background: linear-gradient(135deg, #0a2540, #1e3a8a);

color: #ffffff;

text-align: center;

min-height: 100vh;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

}

.container {

max-width: 800px;

padding: 40px 20px;

}

.logo {

max-width: 280px;

margin-bottom: 30px;

}

.book-cover {

max-width: 320px;

border: 8px solid #fff;

border-radius: 8px;

box-shadow: 0 15px 35px rgba(0,0,0,0.4);

transition: transform 0.3s ease;

cursor: pointer;

}

.book-cover:hover {

transform: scale(1.05);

}

h1 {

font-size: 2.8rem;

margin: 30px 0 15px;

color: #60a5fa;

}

p {

font-size: 1.25rem;

max-width: 600px;

margin: 0 auto 40px;

line-height: 1.6;

}

.buy-button {

display: inline-block;

background: #ff9900;

color: #000;

font-size: 1.4rem;

font-weight: bold;

padding: 18px 50px;

border-radius: 8px;

text-decoration: none;

margin-top: 20px;

transition: all 0.3s;

}

.buy-button:hover {

background: #ffcc00;

transform: translateY(-5px);

}

footer {

margin-top: 60px;

font-size: 0.9rem;

opacity: 0.8;

}

</style>

</head>

<body>

<div class="container">

<!-- Logo -->

<img src="logo.png" alt="Big Brain Place Logo" class="logo">

<h1>Grow Your Brain!</h1>

<p>Anyone, at any age, can have a bigger, better brain.<br>

Discover the latest science on how to strengthen your brain through exercise, diet, meditation, and more.</p>

<!-- Clickable Book Cover -->

<a href="https://www.amazon.com/Grow-Your-Brain-Anyone-Bigger/dp/1733155104" target="_blank" rel="noopener">

<img src="cover.jpg" alt="Grow Your Brain! Book Cover" class="book-cover" title="Click to buy on Amazon">

</a>

<br><br>

<a href="https://www.amazon.com/Grow-Your-Brain-Anyone-Bigger/dp/1733155104"

class="buy-button" target="_blank" rel="noopener">

Buy on Amazon

</a>

</div>

<footer>

© Big Brain Place • All rights reserved

</footer>

</body>

</html>