1<style>
2.bright-lights-box {
3 background: linear-gradient(45deg, #007bff, #00d4ff);
4 color: white;
5 padding: 40px;
6 border-radius: 12px;
7 text-align: center;
8 box-shadow: 0 10px 30px rgba(0,123,255,0.4);
9 margin: 20px 0;
10 border: 3px solid #fff;
11 animation: pulse-border 2s infinite;
12}
13.bright-lights-box h2 { font-weight: 800; color: white; margin-bottom: 15px; }
14.bright-lights-btn {
15 background: #ffcc00;
16 color: #111 !important;
17 font-weight: bold;
18 font-size: 1.4rem;
19 padding: 15px 40px;
20 border-radius: 50px;
21 text-transform: uppercase;
22 display: inline-block;
23 transition: transform 0.2s;
24 text-decoration: none;
25}
26.bright-lights-btn:hover { transform: scale(1.05); background: #fff; }
27
28@keyframes pulse-border {
29 0% { box-shadow: 0 0 0 0 rgba(0,123,255, 0.7); }
30 70% { box-shadow: 0 0 0 15px rgba(0,123,255, 0); }
31 100% { box-shadow: 0 0 0 0 rgba(0,123,255, 0); }
32}
33</style>
34
35<div class="container">
36 <div class="bright-lights-box">
37 <h2>Looking for our Plans?</h2>
38 <p>You've landed on our client portal. To view all available plans, click below:</p>
39 <p><small>(You will be automatically redirected in <span id="countdown">5</span> seconds...)</small></p>
40 <br>
41 <a href="https://theservice4u.com/all-plans" class="bright-lights-btn">View All Plans & Pricing</a>
42 </div>
43</div>
44
45<script>
46// Auto-redirect for ad-clicks
47var seconds = 5;
48function countdown() {
49 seconds--;
50 document.getElementById("countdown").textContent = seconds;
51 if (seconds <= 0) {
52 window.location = "https://theservice4u.com/all-plans";
53 } else {
54 setTimeout(countdown, 1000);
55 }
56}
57// Only auto-redirect if a GCLID is present (Ad click)
58if (window.location.search.indexOf('gclid') > -1) {
59 countdown();
60} else {
61 // Hide the countdown if it's a normal visitor
62 document.querySelector('.bright-lights-box small').style.display = 'none';
63}
64</script>
65
66{if $twitterusername}
67 <h2>{$LANG.twitterlatesttweets}</h2>
68 ...
69{/if}