https://rs-dts.pages.dev/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Testimonial Slider Demo</title>
7    <style>
8        body {
9            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
10            background: linear-gradient(135deg, #252526 0%, #3a3a3b 100%);
11            min-height: 100vh;
12            display: flex;
13            align-items: center;
14            justify-content: center;
15            padding: 20px;
16            margin: 0;
17        }
18        .demo-container {
19            max-width: 900px;
20            width: 100%;
21        }
22        h1 {
23            color: white;
24            text-align: center;
25            margin-bottom: 30px;
26            font-size: 2.5rem;
27        }
28        .usage-info {
29            background: rgba(255, 255, 255, 0.1);
30            color: white;
31            padding: 20px;
32            border-radius: 10px;
33            margin-bottom: 30px;
34            text-align: center;
35        }
36        .usage-info code {
37            background: rgba(0, 0, 0, 0.3);
38            padding: 2px 6px;
39            border-radius: 4px;
40            font-family: 'Monaco', 'Menlo', monospace;
41        }
42        .usage-info pre {
43            background: rgba(0, 0, 0, 0.3);
44            padding: 15px;
45            border-radius: 8px;
46            overflow-x: auto;
47            margin: 15px 0;
48            text-align: left;
49        }
50    </style>
51</head>
52<body>
53    <div class="demo-container">
54        <h1>Dynamic Testimonial Slider</h1>
55        
56        <div class="usage-info">
57            <h3>How to use this widget:</h3>
58            <p>Add this HTML to any webpage:</p>
59            <pre><code>&lt;div id="testimonial-slider"&gt;&lt;/div&gt;
60&lt;script src="https://rs-dts.pages.dev/testimonial-slider.js?agent=dean-souza"&gt;&lt;/script&gt;</code></pre>
61            <p>Change <code>agent=dean-souza</code> to any RealSatisfied agent slug</p>
62        </div>
63        
64        <!-- This is where the testimonial slider will be embedded -->
65        <div id="testimonial-slider"></div>
66    </div>
67    
68    <!-- Load the testimonial slider widget -->
69    

69<script src="./testimonial-slider.js?agent=dean-souza"></script>

69
70</body>
71</html>