<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title('|', true, 'right'); ?></title>
<?php wp_head(); ?>
<style>
body {
margin: 0;
font-family: "Inter", sans-serif;
color: #222;
background-color: #fafafa;
line-height: 1.6;
}
header {
background: linear-gradient(135deg, #8a2be2, #da70d6);
color: white;
text-align: center;
padding: 100px 20px 60px;
}
header h1 {
font-size: 3rem;
margin-bottom: 0.5em;
}
header p {
font-size: 1.25rem;
margin-bottom: 1.5em;
opacity: 0.9;
}
.cta-button {
background: white;
color: #8a2be2;
padding: 14px 36px;
border-radius: 40px;
font-weight: bold;
text-decoration: none;
transition: background 0.3s ease, color 0.3s ease;
}
.cta-button:hover {
background: #8a2be2;
color: white;
}
section {
max-width: 1200px;
margin: 80px auto;
padding: 0 20px;
}
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
}
.feature {
background: white;
padding: 30px;
border-radius: 16px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
text-align: center;
}
.feature img {
width: 60px;
height: 60px;
margin-bottom: 20px;
}
.feature h3 {
margin-bottom: 10px;
color: #8a2be2;
}
.demo {
text-align: center;
}
.demo img {
width: 100%;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
footer {
background: #1a1a1a;
color: #ccc;
text-align: center;
padding: 40px 20px;
font-size: 0.9rem;
}
footer a {
color: #da70d6;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body <?php body_class(); ?>>
<header>
<h1>AI Beauty Maker</h1>
<p>Transform your photos with AI-powered beauty tools</p>
<a href="#demo" class="cta-button">Try it Now</a>
</header>
<section>
<h2 style="text-align:center;">Powerful AI Features</h2>
<div class="features">
<div class="feature">
<img src="https://img.icons8.com/fluency/96/makeup.png" alt="Makeup AI">
<h3>AI Makeup</h3>
<p>Apply realistic makeup styles with a single click — powered by advanced AI models.</p>
</div>
<div class="feature">
<img src="https://img.icons8.com/fluency/96/photo-editor.png" alt="Retouch">
<h3>Skin Retouching</h3>
<p>Smooth and enhance skin tones naturally while preserving unique features.</p>
</div>
<div class="feature">
<img src="https://img.icons8.com/fluency/96/face-id.png" alt="Enhancement">
<h3>Face Enhancement</h3>
<p>Sharpen details, balance lighting, and bring out the best in every photo.</p>
</div>
</div>
</section>
<section id="demo" class="demo">
<h2>See AI in Action</h2>
<img src="https://via.placeholder.com/1000x500?text=AI+Beauty+Demo" alt="AI Demo Screenshot">
</section>
<footer>
<p>© <?php echo date('Y'); ?> AI Beauty Maker. All rights reserved.</p>
<p>Built with ❤️ and AI. | <a href="<?php echo home_url(); ?>">Home</a></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>
https://www.profitableratecpm.com/e0355a36?key=533ee3aace0ecdcc2cd1ff11a4c43ba0
https://www.profitableratecpm.com/e0355a36?key=533ee3aace0ecdcc2cd1ff11a4c43ba0