Skip to content

Commit 9db8951

Browse files
sPROFFEssPROFFEs
authored
Merge pull request #1 from CoreSecFrame/feature/website-improvements
Feature/website improvements
2 parents c72165c + 321f7fd commit 9db8951

4 files changed

Lines changed: 726 additions & 84 deletions

File tree

‎assets/icon.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎index.html‎

Lines changed: 251 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,293 @@
11
<!DOCTYPE html>
2-
<html lang="es">
2+
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>PyClicker</title>
7+
<title>PyClicker - Effortless Automation</title>
8+
<link rel="icon" type="image/svg"
9+
href="assets/icon.svg">
710
<link rel="stylesheet" href="styles.css">
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
812
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
913
</head>
14+
1015
<body>
1116
<nav class="navbar">
1217
<div class="logo">PyClicker</div>
1318
<ul class="nav-links">
1419
<li><a href="#features">Features</a></li>
20+
<li><a href="#how-it-works">How It Works</a></li>
21+
<li><a href="#pricing">Pricing</a></li>
1522
<li><a href="#contact">Contact</a></li>
1623
</ul>
1724
</nav>
1825

1926
<header class="hero">
2027
<div class="hero-content">
21-
<h1>Automatize. Save Time. Reduce Work.</h1>
22-
<p>Official Macros and Autoclicker Software for Productivity and Gaming.</p>
23-
24-
<!-- Botón con dropdown -->
25-
<div class="dropdown">
26-
<button class="btn btn-primary dropdown-btn">Download Now ▾</button>
27-
<div class="dropdown-content">
28-
<a href="#">Windows</a>
29-
<a href="#">macOS</a>
30-
<a href="#">Linux</a>
28+
<h1>Automate Your Repetitive Tasks</h1>
29+
<p>The ultimate macro and auto-clicker software for enhancing productivity and gaming performance. Save time,
30+
reduce effort.</p>
31+
32+
<div class="hero-buttons" style="margin-top: 1.5rem; display: flex; gap: 1rem;">
33+
<!-- Botón de download dropdown existente -->
34+
<div class="dropdown">
35+
<button class="btn btn-primary dropdown-btn">Download Now ▾</button>
36+
<div class="dropdown-content">
37+
<a
38+
href="https://github.com/sPROFFEs/autoclicker/releases/download/1.0/PyclickRecorder_Windows_installer.exe"><i
39+
class="fab fa-windows"></i> Windows Installer (Free)</a>
40+
<a href="#"><i class="fab fa-windows"></i> Windows Pro (License)</a>
41+
<a href="https://github.com/sPROFFEs/autoclicker/releases/download/1.0/PyclickRecorder_Linux_installer.sh"><i
42+
class="fab fa-linux"></i> Linux Installer (Free)</a>
43+
<a href="#"><i class="fab fa-linux"></i> Linux Pro (Coming Soon)</a>
44+
<a href="https://github.com/sPROFFEs/autoclicker"><i class="fab fa-github"></i> Source Code (Free)</a>
45+
</div>
3146
</div>
47+
48+
<!-- Botón hacia pricing -->
49+
<a href="#pricing" class="btn btn-secondary">Pricing</a>
50+
</div>
51+
52+
</div>
53+
<div class="hero-image">
54+
<div class="animation-container">
55+
<div class="gear gear-1"><i class="fas fa-cog"></i></div>
56+
<div class="gear gear-2"><i class="fas fa-cog"></i></div>
57+
<div class="mouse-icon"><i class="fas fa-mouse"></i></div>
3258
</div>
3359
</div>
3460
</header>
3561

3662
<section id="features" class="features">
37-
<h2>Feature Highlights</h2>
63+
<h2>Core Features</h2>
3864
<div class="feature-grid">
3965
<div class="card">
40-
<h3>Precision</h3>
41-
<p>Exact intervals and advanced configuration for each task.</p>
66+
<div class="card-icon">⚙️</div>
67+
<h3>Advanced Automation</h3>
68+
<p>Create complex macros with custom scripts, loops, and conditional logic for any application.</p>
4269
</div>
4370
<div class="card">
44-
<h3>Simplicity</h3>
45-
<p>Intuitive interface that anyone can use without a learning curve.</p>
71+
<div class="card-icon">🎯</div>
72+
<h3>Pixel-Perfect Precision</h3>
73+
<p>Utilize screen coordinates and image recognition to ensure your clicks are always accurate.</p>
4674
</div>
4775
<div class="card">
48-
<h3>Lifetime license</h3>
49-
<p>Get a license now and enjoy for lifetime.</p>
76+
<div class="card-icon">✨</div>
77+
<h3>Intuitive Interface</h3>
78+
<p>A user-friendly design that makes it simple to record, edit, and execute macros in minutes.</p>
79+
</div>
80+
</div>
81+
</section>
82+
83+
<section id="how-it-works" class="how-it-works">
84+
<h2>How It Works in 3 Simple Steps</h2>
85+
<div class="steps-container">
86+
<div class="step">
87+
<div class="step-number">1</div>
88+
<h3>Record Your Actions</h3>
89+
<p>Press record and perform any task. PyClicker will capture your mouse movements, clicks, and keyboard inputs.
90+
</p>
91+
</div>
92+
<div class="step-arrow">→</div>
93+
<div class="step">
94+
<div class="step-number">2</div>
95+
<h3>Edit & Customize</h3>
96+
<p>Fine-tune your macro. Adjust timings, add loops, or insert custom commands with our powerful editor.</p>
97+
</div>
98+
<div class="step-arrow">→</div>
99+
<div class="step">
100+
<div class="step-number">3</div>
101+
<h3>Assign & Execute</h3>
102+
<p>Assign a hotkey to your macro and execute it anytime, in any application, with a single keystroke.</p>
103+
</div>
104+
</div>
105+
</section>
106+
107+
<section id="testimonials" class="testimonials">
108+
<h2>What Our Users Say</h2>
109+
<div class="testimonial-grid">
110+
<div class="testimonial-card">
111+
<p>"PyClicker has saved me hours of tedious work. The macro editor is powerful and easy to use. A must-have for
112+
any power user."</p>
113+
<div class="testimonial-author">- Alex, Data Analyst</div>
114+
</div>
115+
<div class="testimonial-card">
116+
<p>"As a gamer, this tool is a game-changer. I can automate my grinding sessions and focus on strategy. The
117+
precision is spot on."</p>
118+
<div class="testimonial-author">- Sarah, Pro Gamer</div>
119+
</div>
120+
</div>
121+
</section>
122+
123+
<section id="license-tutorial" class="how-it-works">
124+
<h2>How to Activate Your License</h2>
125+
<div class="steps-container">
126+
<div class="step">
127+
<div class="step-number">1</div>
128+
<h3>Download and open the Software</h3>
129+
<p>Launch PyClicker Pro, copy the ID key that would be genereated by the software.</p>
130+
</div>
131+
<div class="step-arrow">→</div>
132+
<div class="step">
133+
<div class="step-number">2</div>
134+
<h3>Purchase a Pro License</h3>
135+
<p>Choose the Pro plan, write your email and the generated key by the software.</p>
136+
</div>
137+
<div class="step-arrow">→</div>
138+
<div class="step">
139+
<div class="step-number">3</div>
140+
<h3>Enter Your Key</h3>
141+
<p>Once the payment is completed an activation key would be sent to your email attached to the payment.
142+
Copy and paste the license key into the activation field and click 'Activate'.</p>
50143
</div>
51144
</div>
145+
<p class="license-note">
146+
<b>Important:</b> The license is valid for a single device. While the key remains valid if you format your
147+
computer, it will be invalidated if you change your hardware. Please contact support to transfer your license to a
148+
new device.
149+
</p>
52150
</section>
53151

54-
<section id="contact" class="cta">
55-
<h2>Ready to get started?</h2>
56-
<p>Contact support to get a license for your device.</p>
57-
<!-- Botón mailto -->
58-
<a href="mailto:test@test.com?subject=License%20Request%20PyClicker" class="btn btn-secondary">Get License</a>
152+
<section id="pricing" class="pricing">
153+
<h2>Choose Your Plan</h2>
154+
<div class="pricing-grid">
155+
<div class="pricing-card">
156+
<h3>Free</h3>
157+
<div class="price">$0</div>
158+
<ul>
159+
<li>✓ Multiplatform python version</li>
160+
<li>✓ Basic Macro Recording</li>
161+
<li>✓ Unlimited Executions</li>
162+
<li>✗ Macros management</li>
163+
<li>✗ Macros scheduling</li>
164+
<li>✗ Dark mode</li>
165+
<li>✗ Background execution</li>
166+
<li>✗ Shortcuts detection such as CTRL+C/CTRL+V</li>
167+
<li>✗ Windows startup viabile</li>
168+
</ul>
169+
<a href="#" class="btn btn-secondary">Download Free</a>
170+
</div>
171+
172+
<div class="pricing-card recommended">
173+
<h3>Pro Lifetime</h3>
174+
<div class="price">$1,99</div>
175+
<ul>
176+
<li>✓ Windows C# version</li>
177+
<li>✓ Basic Macro Recording</li>
178+
<li>✓ Unlimited Executions</li>
179+
<li>✓ Macros management</li>
180+
<li>✓ Macros scheduling</li>
181+
<li>✓ Dark mode</li>
182+
<li>✓ Background execution</li>
183+
<li>✓ Shortcuts detection such as CTRL+C/CTRL+V</li>
184+
<li>✓ Windows startup viabile</li>
185+
</ul>
186+
187+
<!-- Botón Buy -->
188+
<button class="btn btn-secondary" id="buyBtn">Buy PyClicker - $1,99</button>
189+
190+
<!-- Overlay -->
191+
<div id="buyOverlay" class="overlay">
192+
<div class="overlay-content">
193+
<a href="#" class="close-btn">&times;</a>
194+
<h2>Complete Your Purchase</h2>
195+
<form id="paypalOverlayForm" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
196+
<input type="hidden" name="cmd" value="_s-xclick" />
197+
<input type="hidden" name="hosted_button_id" value="ZTVQM2TDD9V7U" />
198+
<input type="hidden" id="customFieldOverlay" name="custom" value="" />
199+
200+
<label class="pricing-field" for="overlayEmail">Your Email:</label>
201+
<input class="pricing-field" type="email" id="overlayEmail" name="os0" placeholder="your@email.com"
202+
required />
203+
204+
<label class="pricing-field" for="overlayKey">Software-Generated Key:</label>
205+
<input class="pricing-field" type="text" id="overlayKey" placeholder="ABC123-XYZ456" required />
206+
207+
<input type="hidden" name="currency_code" value="EUR" />
208+
<input type="submit" class="btn btn-secondary" value="Pay with PayPal" />
209+
</form>
210+
</div>
211+
</div>
212+
213+
214+
</div>
215+
</div>
59216
</section>
60217

218+
<section id="contact" class="contact">
219+
<h2>Contact Us</h2>
220+
<p>Have questions or feedback? Reach out to us. We'd love to hear from you!</p>
221+
<a href="https://mail.google.com/mail/?view=cm&to=pyclickermanager.material438@slmails.com" target="_blank"
222+
class="btn btn-primary">Email Us</a>
223+
</section>
224+
225+
<script>
226+
// Antes de enviar el formulario, generamos un ID único y combinamos todo en el campo custom
227+
document.getElementById("paypalForm").addEventListener("submit", function (e) {
228+
const email = document.getElementById("buyerEmail").value.trim();
229+
const userKey = document.getElementById("userKey").value.trim();
230+
if (!email || !userKey) {
231+
e.preventDefault(); // Evitar envío si faltan datos
232+
alert("Please enter both your email and software key.");
233+
return;
234+
}
235+
const uniqueId = "pyc-" + Date.now(); // ID de compra único basado en timestamp
236+
// Combinamos: CompraID | Email | SoftwareKey
237+
document.getElementById("customField").value = `${uniqueId}|${email}|${userKey}`;
238+
});
239+
</script>
240+
241+
61242
<footer class="footer">
243+
<div class="footer-content">
244+
<div class="footer-logo">PyClicker</div>
245+
<div class="footer-links">
246+
<a href="#" data-overlay="privacy-overlay">Privacy Policy</a> ·
247+
<a href="#" data-overlay="terms-overlay">Terms of Use</a> ·
248+
<a href="#contact">Contact</a>
249+
</div>
250+
<div class="social-icons">
251+
<a href="https://github.com/sPROFFEs/autoclicker">GitHub</a>
252+
</div>
253+
</div>
62254
<p>© 2025 PyClicker | All rights reserved</p>
63-
<p><a href="#">Privacy Policy</a> · <a href="#">Terms of Use</a></p>
64255
</footer>
65256

66257
<script src="script.js"></script>
258+
259+
<!-- Overlays -->
260+
<div id="privacy-overlay" class="overlay">
261+
<div class="overlay-content">
262+
<a href="#" class="close-btn">&times;</a>
263+
<h2>Privacy Policy</h2>
264+
<p>Your privacy is important to us. It is PyClicker's policy to respect your privacy regarding any information we
265+
may collect from you across our website.</p>
266+
<p>We only ask for personal information when we truly need it to provide a service to you. We collect it by fair
267+
and lawful means, with your knowledge and consent. We also let you know why we’re collecting it and how it will
268+
be used.</p>
269+
<p>We only retain collected information for as long as necessary to provide you with your requested service. What
270+
data we store, we’ll protect within commercially acceptable means to prevent loss and theft, as well as
271+
unauthorized access, disclosure, copying, use or modification.</p>
272+
<p>We don’t share any personally identifying information publicly or with third-parties, except when required to
273+
by law.</p>
274+
</div>
275+
</div>
276+
277+
<div id="terms-overlay" class="overlay">
278+
<div class="overlay-content">
279+
<a href="#" class="close-btn">&times;</a>
280+
<h2>Terms of Use</h2>
281+
<p>By accessing the website at pyclicker.com, you are agreeing to be bound by these terms of service, all
282+
applicable laws and regulations, and agree that you are responsible for compliance with any applicable local
283+
laws.</p>
284+
<p>Permission is granted to temporarily download one copy of the materials (information or software) on
285+
PyClicker's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a
286+
transfer of title.</p>
287+
<p>This license shall automatically terminate if you violate any of these restrictions and may be terminated by
288+
PyClicker at any time.</p>
289+
</div>
290+
</div>
67291
</body>
68-
</html>
292+
293+
</html>

0 commit comments

Comments
 (0)