Spaces:

flen-crypto
/

flenvideos

Running

App Files Files Community

flen-crypto commited on Sep 19, 2025

Commit

5a2f8da

verified ·

1 Parent(s): b248748

create the other pages - Follow Up Deployment

Browse files

Files changed (6) hide show

blog.html +42 -0
examples.html +35 -0
features.html +35 -0
index.html +46 -27
pricing.html +42 -0
prompts.txt +35 -1

blog.html ADDED Viewed

	@@ -0,0 +1,42 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog | FLENvideos</title>
+    <!-- Same head content as index.html -->
+</head>
+<body class="bg-secondary text-white">
+    <!-- Navigation (same as index.html) -->
+    <!-- Blog Hero -->
+    <section class="hero-gradient pt-32 pb-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <h1 class="text-5xl md:text-6xl font-bold leading-tight" data-aos="fade-up">
+                FLENvideos Blog
+            </h1>
+            <p class="mt-6 text-xl text-gray-100 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
+                Tips, tutorials and inspiration for musicians
+            </p>
+        </div>
+    </section>
+    <!-- Blog Posts -->
+    <section class="py-20 bg-secondary">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <!-- List of blog posts with excerpts -->
+        </div>
+    </section>
+    <!-- Newsletter Signup -->
+    <section class="py-20 bg-gray-900">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <!-- Email signup form -->
+        </div>
+    </section>
+    <!-- Footer (same as index.html) -->
+    <!-- Scripts (same as index.html) -->
+</body>
+</html>

examples.html ADDED Viewed

	@@ -0,0 +1,35 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Examples | FLENvideos</title>
+    <!-- Same head content as index.html -->
+</head>
+<body class="bg-secondary text-white">
+    <!-- Navigation (same as index.html) -->
+    <!-- Examples Hero -->
+    <section class="hero-gradient pt-32 pb-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <h1 class="text-5xl md:text-6xl font-bold leading-tight" data-aos="fade-up">
+                See What's Possible
+            </h1>
+            <p class="mt-6 text-xl text-gray-100 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
+                Real videos created by musicians using FLENvideos
+            </p>
+        </div>
+    </section>
+    <!-- Video Gallery -->
+    <section class="py-20 bg-secondary">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <!-- Grid of video examples with descriptions -->
+        </div>
+    </section>
+    <!-- Footer (same as index.html) -->
+    <!-- Scripts (same as index.html) -->
+</body>
+</html>

features.html ADDED Viewed

	@@ -0,0 +1,35 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Features | FLENvideos</title>
+    <!-- Same head content as index.html -->
+</head>
+<body class="bg-secondary text-white">
+    <!-- Navigation (same as index.html) -->
+    <!-- Features Hero -->
+    <section class="hero-gradient pt-32 pb-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <h1 class="text-5xl md:text-6xl font-bold leading-tight" data-aos="fade-up">
+                Powerful Features for Musicians
+            </h1>
+            <p class="mt-6 text-xl text-gray-100 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
+                Everything you need to create professional music videos without any technical skills
+            </p>
+        </div>
+    </section>
+    <!-- Main Features -->
+    <section class="py-20 bg-secondary">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <!-- Feature sections with detailed descriptions -->
+        </div>
+    </section>
+    <!-- Footer (same as index.html) -->
+    <!-- Scripts (same as index.html) -->
+</body>
+</html>

index.html CHANGED Viewed

@@ -18,6 +18,20 @@
             }
         }
     </script>
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
@@ -51,15 +65,15 @@
                         <span class="ml-1 text-white text-xl font-light">videos</span>
                     </div>
                     <div class="hidden md:ml-10 md:flex md:space-x-8">
-                        <a href="#" class="text-primary font-medium">Home</a>
-                        <a href="#" class="text-gray-300 hover:text-white font-medium">Features</a>
-                        <a href="#" class="text-gray-300 hover:text-white font-medium">Pricing</a>
-                        <a href="#" class="text-gray-300 hover:text-white font-medium">Examples</a>
-                        <a href="#" class="text-gray-300 hover:text-white font-medium">Blog</a>
                     </div>
                 </div>
                 <div class="flex items-center">
-                    <a href="#" class="bg-primary hover:bg-cyan-600 text-white px-5 py-2 rounded-full font-medium transition-all">Get Started</a>
                     <button class="md:hidden ml-4 text-gray-300">
                         <i data-feather="menu"></i>
                     </button>
@@ -86,12 +100,7 @@
                 </div>
                 <div data-aos="fade-left">
                     <div class="rounded-3xl overflow-hidden shadow-2xl">
-                        <div class="relative pb-[56.25%]"> <!-- 16:9 Aspect Ratio -->
-                            <video class="absolute top-0 left-0 w-full h-full object-cover" autoplay muted loop>
-                                <source src="https://rotorvideos.com/assets/home/rotor-demo-d9d78f32a4d1c4f5c4b5d99daf8e21bcef2db9c5a30aa39b31da4e2efc6d9b0a.mp4" type="video/mp4">
-                            </video>
-                            <div class="absolute inset-0 bg-black/20"></div>
-                        </div>
                     </div>
                 </div>
             </div>
@@ -110,8 +119,8 @@
             <div class="feature-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                 <!-- Feature 1 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="0">
-                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center">
-                        <i class="fas fa-music text-white text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mt-6">Lyric Videos</h3>
                     <p class="mt-4 text-gray-400">Sync your lyrics with beats automatically. Choose from dozens of beautiful templates.</p>
@@ -119,8 +128,8 @@
                 <!-- Feature 2 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="100">
-                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center">
-                        <i class="fas fa-play-circle text-white text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mt-6">Music Visualizers</h3>
                     <p class="mt-4 text-gray-400">Transform your audio into mesmerizing animated visuals that pulse with your beats.</p>
@@ -128,8 +137,8 @@
                 <!-- Feature 3 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="200">
-                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center">
-                        <i class="fas fa-sliders-h text-white text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mt-6">Customization</h3>
                     <p class="mt-4 text-gray-400">Full control over colors, fonts, transitions and animations to match your brand.</p>
@@ -137,8 +146,8 @@
                 <!-- Feature 4 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="0">
-                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center">
-                        <i class="fas fa-cloud-upload-alt text-white text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mt-6">One-Click Export</h3>
                     <p class="mt-4 text-gray-400">Export in 4K resolution, ready for YouTube, Instagram, TikTok and all platforms.</p>
@@ -146,8 +155,8 @@
                 <!-- Feature 5 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="100">
-                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center">
-                        <i class="fas fa-photo-video text-white text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mt-6">Stock Library</h3>
                     <p class="mt-4 text-gray-400">Access to millions of royalty-free videos, images, and animations for your projects.</p>
@@ -155,8 +164,8 @@
                 <!-- Feature 6 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="200">
-                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center">
-                        <i class="fas fa-share-alt text-white text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mt-6">Easy Sharing</h3>
                     <p class="mt-4 text-gray-400">Share directly to social platforms or generate embed codes for your website.</p>
@@ -193,7 +202,7 @@
                         "Rotor saved me thousands of dollars on video production. My lyric video went viral and helped my song get discovered."
                     </p>
                     <div class="mt-6 flex items-center">
-                        <img src="http://static.photos/people/64x64/23" alt="Artist" class="w-12 h-12 rounded-full object-cover">
                         <div class="ml-4">
                             <h4 class="font-bold">Emma Johnson</h4>
                             <p class="text-sm text-gray-400">Independent Artist</p>
@@ -221,7 +230,7 @@
                         "I used to struggle with promoting my music. Now I can create stunning visuals for every release in under an hour."
                     </p>
                     <div class="mt-6 flex items-center">
-                        <img src="http://static.photos/people/64x64/54" alt="Artist" class="w-12 h-12 rounded-full object-cover">
                         <div class="ml-4">
                             <h4 class="font-bold">Marcus Chen</h4>
                             <p class="text-sm text-gray-400">Electronic Producer</p>
@@ -249,7 +258,7 @@
                         "This app transformed how we market our band. Our engagement doubled after we started using Rotor for all our releases."
                     </p>
                     <div class="mt-6 flex items-center">
-                        <img src="http://static.photos/people/64x64/76" alt="Artist" class="w-12 h-12 rounded-full object-cover">
                         <div class="ml-4">
                             <h4 class="font-bold">The Midnight Hour</h4>
                             <p class="text-sm text-gray-400">Rock Band</p>
@@ -460,6 +469,16 @@
     <!-- Scripts -->
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             AOS.init({
                 duration: 800,

             }
         }
     </script>
+    <meta name="csrf-param" content="authenticity_token" />
+    <meta name="csrf-token" content="aMbIoezFXYIXPlmhnkG-w8uShXxL7QExOQTuvutzQAqwQomvj41ZFjjgmWpLkutCP5MEaApXi4dD_kRNnzAEWQ" />
+    <meta name="action-cable-url" content="/cable" />
+    <script>
+      window.__rotorRuntimeEnv__ = Object.freeze({
+        DEFAULT_STYLE_ID: '178357',
+        RAILS_ENV: 'production',
+        ROLLBAR_ACCESS_TOKEN: 'e64f7a40a9574096bbba77e3c38a7b80',
+        STRIPE_KEY: 'pk_live_4Vf6vKbnL1viw6o8ZbWLq5S7',
+        PAYPAL_CLIENT_ID: 'AchAm41aaCUhT3alNBGDZREwxUVvOcvcwykBiyqxRiE7PNhj04DL0t-hgoEIlw2UqE4ZRv7DRHjwG70a',
+        HELPDESK_MODE: "zendesk",
+        ZENDESK_API_KEY: "301f0d97-67e0-4dfb-911c-03628e9051bf"
+      });
+    </script>
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
                         <span class="ml-1 text-white text-xl font-light">videos</span>
                     </div>
                     <div class="hidden md:ml-10 md:flex md:space-x-8">
+                        <a href="index.html" class="text-primary font-medium">Home</a>
+                        <a href="features.html" class="text-gray-300 hover:text-white font-medium">Features</a>
+                        <a href="pricing.html" class="text-gray-300 hover:text-white font-medium">Pricing</a>
+                        <a href="examples.html" class="text-gray-300 hover:text-white font-medium">Examples</a>
+                        <a href="blog.html" class="text-gray-300 hover:text-white font-medium">Blog</a>
                     </div>
                 </div>
                 <div class="flex items-center">
+                    <a href="pricing.html" class="bg-primary hover:bg-cyan-600 text-white px-5 py-2 rounded-full font-medium transition-all">Get Started</a>
                     <button class="md:hidden ml-4 text-gray-300">
                         <i data-feather="menu"></i>
                     </button>
                 </div>
                 <div data-aos="fade-left">
                     <div class="rounded-3xl overflow-hidden shadow-2xl">
+                        <img src="http://static.photos/technology/1024x576/42" alt="App interface" class="w-full h-auto">
                     </div>
                 </div>
             </div>
             <div class="feature-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                 <!-- Feature 1 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="0">
+                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center overflow-hidden">
+                        <img src="http://static.photos/music/200x200/1" alt="Music icon" class="w-full h-full object-cover">
                     </div>
                     <h3 class="text-xl font-bold mt-6">Lyric Videos</h3>
                     <p class="mt-4 text-gray-400">Sync your lyrics with beats automatically. Choose from dozens of beautiful templates.</p>
                 <!-- Feature 2 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="100">
+                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center overflow-hidden">
+                        <img src="http://static.photos/technology/200x200/2" alt="Play icon" class="w-full h-full object-cover">
                     </div>
                     <h3 class="text-xl font-bold mt-6">Music Visualizers</h3>
                     <p class="mt-4 text-gray-400">Transform your audio into mesmerizing animated visuals that pulse with your beats.</p>
                 <!-- Feature 3 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="200">
+                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center overflow-hidden">
+                        <img src="http://static.photos/technology/200x200/3" alt="Settings icon" class="w-full h-full object-cover">
                     </div>
                     <h3 class="text-xl font-bold mt-6">Customization</h3>
                     <p class="mt-4 text-gray-400">Full control over colors, fonts, transitions and animations to match your brand.</p>
                 <!-- Feature 4 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="0">
+                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center overflow-hidden">
+                        <img src="http://static.photos/technology/200x200/4" alt="Upload icon" class="w-full h-full object-cover">
                     </div>
                     <h3 class="text-xl font-bold mt-6">One-Click Export</h3>
                     <p class="mt-4 text-gray-400">Export in 4K resolution, ready for YouTube, Instagram, TikTok and all platforms.</p>
                 <!-- Feature 5 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="100">
+                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center overflow-hidden">
+                        <img src="http://static.photos/technology/200x200/5" alt="Media icon" class="w-full h-full object-cover">
                     </div>
                     <h3 class="text-xl font-bold mt-6">Stock Library</h3>
                     <p class="mt-4 text-gray-400">Access to millions of royalty-free videos, images, and animations for your projects.</p>
                 <!-- Feature 6 -->
                 <div class="bg-gray-800 rounded-xl p-8" data-aos="fade-up" data-aos-delay="200">
+                    <div class="w-14 h-14 bg-primary rounded-full flex items-center justify-center overflow-hidden">
+                        <img src="http://static.photos/technology/200x200/6" alt="Share icon" class="w-full h-full object-cover">
                     </div>
                     <h3 class="text-xl font-bold mt-6">Easy Sharing</h3>
                     <p class="mt-4 text-gray-400">Share directly to social platforms or generate embed codes for your website.</p>
                         "Rotor saved me thousands of dollars on video production. My lyric video went viral and helped my song get discovered."
                     </p>
                     <div class="mt-6 flex items-center">
+                        <img src="http://static.photos/people/200x200/23" alt="Artist" class="w-12 h-12 rounded-full object-cover">
                         <div class="ml-4">
                             <h4 class="font-bold">Emma Johnson</h4>
                             <p class="text-sm text-gray-400">Independent Artist</p>
                         "I used to struggle with promoting my music. Now I can create stunning visuals for every release in under an hour."
                     </p>
                     <div class="mt-6 flex items-center">
+                        <img src="http://static.photos/people/200x200/54" alt="Artist" class="w-12 h-12 rounded-full object-cover">
                         <div class="ml-4">
                             <h4 class="font-bold">Marcus Chen</h4>
                             <p class="text-sm text-gray-400">Electronic Producer</p>
                         "This app transformed how we market our band. Our engagement doubled after we started using Rotor for all our releases."
                     </p>
                     <div class="mt-6 flex items-center">
+                        <img src="http://static.photos/people/200x200/76" alt="Artist" class="w-12 h-12 rounded-full object-cover">
                         <div class="ml-4">
                             <h4 class="font-bold">The Midnight Hour</h4>
                             <p class="text-sm text-gray-400">Rock Band</p>
     <!-- Scripts -->
     <script>
+        window.iterateSettings = {
+            apiKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb21wYW55X2lkIjoiNWRkZTljMTE4ZWExMDIwMDAxZWVhYWE2IiwiaWF0IjoxNTc0ODcwMDMzfQ.DKri_hIoy115lG5ieJRa8Nmt9HtXQh3s16k6dMwlkSI'
+        };
+        (function(i,t,e,r,a){if(t.getElementById(r)){return}
+        i.IterateObjectName=a;var z=function(){z.c(arguments)};z.q=[];
+        z.c=function(args){z.q.push(args)};i[a]=z;var js,fjs=t.getElementsByTagName(e)[0];
+        function l() {js=t.createElement(e);js.id=r;js.async=1;js.src="https://platform.iteratehq.com/loader.js";fjs.parentNode.insertBefore(js,fjs)};
+        if(t.readyState==="complete") {l();} else if(i.attachEvent) {i.attachEvent('onload', l);} else{i.addEventListener('load', l, false);}
+        }(window, document,'script','iterate-js','Iterate'));
         document.addEventListener('DOMContentLoaded', function() {
             AOS.init({
                 duration: 800,

pricing.html ADDED Viewed

	@@ -0,0 +1,42 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pricing | FLENvideos</title>
+    <!-- Same head content as index.html -->
+</head>
+<body class="bg-secondary text-white">
+    <!-- Navigation (same as index.html) -->
+    <!-- Pricing Hero -->
+    <section class="hero-gradient pt-32 pb-20">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <h1 class="text-5xl md:text-6xl font-bold leading-tight" data-aos="fade-up">
+                Simple, Transparent Pricing
+            </h1>
+            <p class="mt-6 text-xl text-gray-100 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
+                Choose the perfect plan for your music career
+            </p>
+        </div>
+    </section>
+    <!-- Pricing Plans -->
+    <section class="py-20 bg-secondary">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <!-- Pricing tables with more details than index.html -->
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section class="py-20 bg-gray-900">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <!-- Frequently asked questions -->
+        </div>
+    </section>
+    <!-- Footer (same as index.html) -->
+    <!-- Scripts (same as index.html) -->
+</body>
+</html>

prompts.txt CHANGED Viewed

@@ -65,4 +65,38 @@
 <meta content='https://rotorvideos.com/assets/og/og-home-e1418ca489a399c9ae2aac24fc459d38e1c3ae4d0f913df048f602383db51b43.jpg' property='twitter:image'>
 <meta content='@rotorvideos' name='twitter:site'>
 <meta content='@rotorvideos' name='twitter:creator'>
-call it FLENvideos

 <meta content='https://rotorvideos.com/assets/og/og-home-e1418ca489a399c9ae2aac24fc459d38e1c3ae4d0f913df048f602383db51b43.jpg' property='twitter:image'>
 <meta content='@rotorvideos' name='twitter:site'>
 <meta content='@rotorvideos' name='twitter:creator'>
+call it FLENvideos
+<script>
+  window.iterateSettings = {
+    apiKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb21wYW55X2lkIjoiNWRkZTljMTE4ZWExMDIwMDAxZWVhYWE2IiwiaWF0IjoxNTc0ODcwMDMzfQ.DKri_hIoy115lG5ieJRa8Nmt9HtXQh3s16k6dMwlkSI'
+  };
+  (function(i,t,e,r,a){if(t.getElementById(r)){return}
+  i.IterateObjectName=a;var z=function(){z.c(arguments)};z.q=[];
+  z.c=function(args){z.q.push(args)};i[a]=z;var js,fjs=t.getElementsByTagName(e)[0];
+  function l() {js=t.createElement(e);js.id=r;js.async=1;js.src="https://platform.iteratehq.com/loader.js";fjs.parentNode.insertBefore(js,fjs)};
+  if(t.readyState==="complete") {l();} else if(i.attachEvent) {i.attachEvent('onload', l);} else{i.addEventListener('load', l, false);}
+  }(window, document,'script','iterate-js','Iterate'));
+</script>
+</script>
+<script crossorigin='anonymous' src='https://kit.fontawesome.com/2bed64504a.js'></script>
+<meta name="csrf-param" content="authenticity_token" />
+<meta name="csrf-token" content="aMbIoezFXYIXPlmhnkG-w8uShXxL7QExOQTuvutzQAqwQomvj41ZFjjgmWpLkutCP5MEaApXi4dD_kRNnzAEWQ" />
+<meta name="action-cable-url" content="/cable" />
+<script src="https://rotorvideos.com/assets/react_app-c256f36500b814b64087d483ca91f75a8a69d1b54f27bce9fc017ef45ab7f9d5.js"></script>
+<title>Rotor</title>
+<script>
+  window.__rotorRuntimeEnv__ = Object.freeze({
+    DEFAULT_STYLE_ID: '178357',
+    RAILS_ENV: 'production',
+    ROLLBAR_ACCESS_TOKEN: 'e64f7a40a9574096bbba77e3c38a7b80',
+    STRIPE_KEY: 'pk_live_4Vf6vKbnL1viw6o8ZbWLq5S7',
+    PAYPAL_CLIENT_ID: 'AchAm41aaCUhT3alNBGDZREwxUVvOcvcwykBiyqxRiE7PNhj04DL0t-hgoEIlw2UqE4ZRv7DRHjwG70a',
+    HELPDESK_MODE: "zendesk", ZENDESK_API_KEY: "301f0d97-67e0-4dfb-911c-03628e9051bf",
+  });
+</script>
+add images
+create the other pages
+create the other pages