/* Full-Width Hero Section */
.hero-section {
background-image: url('https://via.placeholder.com/1600x500'); /* Replace with real image */
background-size: cover;
text-align: center;
padding: 100px 20px;
color: white;
font-size: 28px;
font-weight: bold;
}
/* Blog Post Grid */
.blog-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
}
.blog-post {
width: 30%;
background-color: #fff;
padding: 20px;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
/* Affiliate Product Grid */
.product-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 30px;
}
.product-item {
border: 2px solid #FFD166;
padding: 15px;
border-radius: 10px;
text-align: center;
}
/* "Buy Now" Button */
.cta-button {
background-color: #FF5733;
color: white;
padding: 10px 15px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
}
.cta-button:hover {
background-color: #00A86B; /* Changes to green on hover */
}
top of page
bottom of page