https://inspirecms.net/redirect/demo

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Redirecting to Demo Site</title>
7            <link rel="preload" as="style" href="https://inspirecms.net/build/assets/main-Bl106OLq.css" /><link rel="modulepreload" as="script" href="https://inspirecms.net/build/assets/main-D4n0A-bY.js" /><link rel="stylesheet" href="https://inspirecms.net/build/assets/main-Bl106OLq.css" data-navigate-track="reload" />

7<script type="module" src="https://inspirecms.net/build/assets/main-D4n0A-bY.js" data-navigate-track="reload"></script>

7        <style>
8        @keyframes spin {
9            from { transform: rotate(0deg); }
10            to { transform: rotate(360deg); }
11        }
12        
13        @keyframes pulse-dots {
14            0%, 50% { opacity: 1; }
15            51%, 100% { opacity: 0.3; }
16        }
17        
18        .spinner {
19            animation: spin 1s linear infinite;
20        }
21        
22        .dots {
23            animation: pulse-dots 1.5s infinite;
24        }
25    </style>
26</head>
27<body class="bg-white min-h-screen flex items-center justify-center p-4">
28    <div class="max-w-md w-full text-center">
29        <!-- Loading Spinner -->
30        <div class="mb-8">
31            <div class="w-16 h-16 mx-auto border-4 border-gray-200 border-t-primary-500 rounded-full spinner"></div>
32        </div>
33        
34        <!-- Main Message -->
35        <div class="mb-6">
36            <h1 class="text-2xl md:text-3xl font-light text-gray-800 leading-relaxed">
37                We are redirecting you to our demo site hosting on 
38                <span class="font-semibold text-primary-600">Laravel Cloud</span>
39            </h1>
40        </div>
41        
42        <!-- Status Message -->
43        <div class="text-gray-600 text-lg">
44            <span id="status">Please wait</span><span class="dots">...</span>
45        </div>
46        
47        <!-- Progress Bar -->
48        <div class="mt-8 w-full bg-gray-200 rounded-full h-2">
49            <div id="progress" class="bg-gradient-to-r from-primary-400 to-primary-600 h-2 rounded-full transition-all duration-1000 ease-out" style="width: 0%"></div>
50        </div>
51        
52        <!-- Countdown -->
53        <div class="mt-4 text-sm text-gray-500">
54            Redirecting in <span id="countdown" class="font-medium text-primary-600">3</span> seconds
55        </div>
56    </div>
57
58    

58<script>
59        // Change this URL to your destination
60        const destinationURL = 'https:\/\/inspirecms-demo.laravel.cloud\/cms';
61                
62        // Redirect after a brief moment
63        setTimeout(function() {
64            window.location.href = destinationURL;
65        }, 300);
66        
67        // Countdown and progress tracking
68        let countdown = 3;
69        const countdownElement = document.getElementById('countdown');
70        const statusElement = document.getElementById('status');
71        const progressElement = document.getElementById('progress');
72        
73        // Update progress bar
74        const updateProgress = (current, total) => {
75            const percentage = ((total - current) / total) * 100;
76            progressElement.style.width = percentage + '%';
77        };
78        
79        // Initial progress
80        updateProgress(countdown, 3);
81        
82        const countdownTimer = setInterval(function() {
83            countdown--;
84            countdownElement.textContent = countdown;
85            updateProgress(countdown, 3);
86            
87            if (countdown === 2) {
88                statusElement.textContent = 'Preparing redirect';
89            } else if (countdown === 1) {
90                statusElement.textContent = 'Almost ready';
91            } else if (countdown === 0) {
92                statusElement.textContent = 'Redirecting now';
93                clearInterval(countdownTimer);
94            }
95        }, 1000);
96    </script>

96
97

98<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"32ad213a98a84f1399fa0b62b2eb35f6","r":1,"spa":2}' crossorigin="anonymous"></script>

98
99</body>
100</html>