<!DOCTYPE html>
<html lang=”pl”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>AntiAd – Anti-Reklamy na Facebooku</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #333;
}
header, footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em 0;
}
main {
padding: 2em;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
h1, h2, h3 {
color: #0056b3;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #0056b3;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.button:hover {
background-color: #003f7f;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group input, .form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact-form {
background-color: #fff;
padding: 2em;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.testimonial {
background-color: #fff;
padding: 1em;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1em;
}
.calculator {
background-color: #fff;
padding: 2em;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-top: 2em;
}
</style>
</head>
<body>
<header>
<div class=”container”>
<h1>AntiAd – Anti-Reklamy na Facebooku</h1>
</div>
</header>
<main>
<div class=”container”>
<section id=”product-info”>
<h2>O Produkcie</h2>
<p>AntiAd to nowoczesne rozwiązanie do blokowania niechcianych reklam na Facebooku. Nasza aplikacja oferuje szereg korzyści w porównaniu do tradycyjnego Ads Managera, takich jak:</p>
<ul>
<li>Łatwość użycia</li>
<li>Szybka konfiguracja</li>
<li>Precyzyjne targetowanie</li>
<li>Automatyzacja procesów</li>
<li>Oszczędność czasu i pieniędzy</li>
</ul>
<a href=”https://app.fasttony.com” class=”button”>Zaloguj się do aplikacji</a>
</section>

<section id=”blog”>
<h2>Blog</h2>
<p>Wkrótce pojawią się tutaj najnowsze wpisy na temat marketingu i reklamy na Facebooku.</p>
</section>

<section id=”testimonials”>
<h2>Opinie Klientów</h2>
<div class=”testimonial”>
<p>”AntiAd pomogło mi zaoszczędzić mnóstwo czasu i pieniędzy. Teraz mogę skupić się na innych aspektach mojego biznesu.”</p>
<p><strong>Jan Kowalski</strong></p>
</div>
<div class=”testimonial”>
<p>”Dzięki AntiAd mogę precyzyjnie targetować moich odbiorców i zwiększyć efektywność moich kampanii reklamowych.”</p>
<p><strong>Anna Nowak</strong></p>
</div>
</section>

<section id=”calculator”>
<h2>Kalkulator Opłacalności</h2>
<div class=”calculator”>
<form>
<div class=”form-group”>
<label for=”cost”>Koszt reklamy miesięcznie (PLN):</label>
<input type=”number” id=”cost” name=”cost” required>
</div>
<div class=”form-group”>
<label for=”savings”>Oszczędności (%):</label>
<input type=”number” id=”savings” name=”savings” required>
</div>
<div class=”form-group”>
<button type=”button” class=”button” onclick=”calculateSavings()”>Oblicz</button>
</div>
<div class=”form-group”>
<p id=”result”></p>
</div>
</form>
</div>
<script>
function calculateSavings() {
var cost = document.getElementById(‘cost’).value;
var savings = document.getElementById(‘savings’).value;
var result = (cost * (savings / 100)).toFixed(2);
document.getElementById(‘result’).innerText = ‘Twoje miesięczne oszczędności: ‘ + result + ‘ PLN’;
}
</script>
</section>

<section id=”contact”>
<h2>Kontakt</h2>
<div class=”contact-form”>
<form>
<div class=”form-group”>
<label for=”name”>Imię:</label>
<input type=”text” id=”name” name=”name” required>
</div>
<div class=”form-group”>
<label for=”email”>Email:</label>
<input type=”email” id=”email” name=”email” required>
</div>
<div class=”form-group”>
<label for=”message”>Wiadomość:</label>
<textarea id=”message” name=”message” rows=”4″ required></textarea>
</div>
<div class=”form-group”>
<button type=”submit” class=”button”>Wyślij</button>
</div>
</form>
</div>
</section>
</div>
</main>
<footer>
<div class=”container”>
<p>&copy; 2024 AntiAd. Wszelkie prawa zastrzeżone.</p>
</div>
</footer>
</body>
</html>