can you check redvisioncreativestudio.com and get the company diviisions incorpoorated

components/footer.js

@@ -35,15 +35,15 @@ class CustomFooter extends HTMLElement {
             </div>
             
             <div>
-              <h3 class="text-lg font-bold mb-6">Services</h3>
+              <h3 class="text-lg font-bold mb-6">Divisions</h3>
               <ul class="space-y-3">
-                <li><a href="#" class="text-gray-400 hover:text-white transition">Brand Strategy</a></li>
-                <li><a href="#" class="text-gray-400 hover:text-white transition">Digital Marketing</a></li>
-                <li><a href="#" class="text-gray-400 hover:text-white transition">Content Creation</a></li>
-                <li><a href="#" class="text-gray-400 hover:text-white transition">Social Media</a></li>
-                <li><a href="#" class="text-gray-400 hover:text-white transition">Web Development</a></li>
+                <li><a href="#services" class="text-gray-400 hover:text-white transition">Red Vision Films</a></li>
+                <li><a href="#services" class="text-gray-400 hover:text-white transition">Red Vision Digital</a></li>
+                <li><a href="#services" class="text-gray-400 hover:text-white transition">Red Vision Studios</a></li>
+                <li><a href="#services" class="text-gray-400 hover:text-white transition">Production Services</a></li>
+                <li><a href="#services" class="text-gray-400 hover:text-white transition">Creative Consulting</a></li>
               </ul>
-            </div>
+</div>
             
             <div>
               <h3 class="text-lg font-bold mb-6">Company</h3>

components/navbar.js

@@ -36,12 +36,12 @@ class CustomNavbar extends HTMLElement {
             <span class="text-xl font-bold text-gray-900">DigitalElevate</span>
           </a>
 <div class="hidden md:flex space-x-8">
-            <a href="#" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Home</a>
-            <a href="#" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Services</a>
-            <a href="#" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Work</a>
-            <a href="#" class="nav-link text-gray-700 hover:text-gray-900 font-medium">About</a>
-            <a href="#" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Contact</a>
-          </div>
+            <a href="/" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Home</a>
+            <a href="#services" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Divisions</a>
+            <a href="#work" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Work</a>
+            <a href="#about" class="nav-link text-gray-700 hover:text-gray-900 font-medium">About</a>
+            <a href="#contact" class="nav-link text-gray-700 hover:text-gray-900 font-medium">Contact</a>
+</div>
           
           <button class="md:hidden focus:outline-none">
             <i data-feather="menu" class="w-6 h-6 text-gray-700"></i>

index.html

@@ -38,35 +38,35 @@
                 </div>
             </div>
         </section>
-        <section class="features-section mb-20">
-            <h2 class="text-3xl font-bold text-center mb-4">Our <span class="text-primary">Expertise</span></h2>
-            <p class="text-gray-600 text-center max-w-2xl mx-auto mb-12">We specialize in creating modern digital solutions that drive business growth</p>
-<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <section id="services" class="features-section mb-20">
+            <h2 class="text-3xl font-bold text-center mb-4">Our <span class="text-primary">Divisions</span></h2>
+            <p class="text-gray-600 text-center max-w-2xl mx-auto mb-12">Specialized services tailored to elevate your brand across all digital platforms</p>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                 <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                     <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6">
-                        <i data-feather="code" class="text-primary w-8 h-8"></i>
+                        <i data-feather="film" class="text-primary w-8 h-8"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Web Development</h3>
-                    <p class="text-gray-600">Custom-built websites and applications tailored to your business needs.</p>
+                    <h3 class="text-xl font-bold mb-3">Red Vision Films</h3>
+                    <p class="text-gray-600">Cinematic storytelling through commercials, music videos, and branded content.</p>
                 </div>
                 
                 <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                     <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6">
-                        <i data-feather="smartphone" class="text-primary w-8 h-8"></i>
+                        <i data-feather="monitor" class="text-primary w-8 h-8"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Mobile Solutions</h3>
-                    <p class="text-gray-600">Engaging mobile experiences that keep your users connected.</p>
+                    <h3 class="text-xl font-bold mb-3">Red Vision Digital</h3>
+                    <p class="text-gray-600">Comprehensive digital marketing, web development, and social media strategies.</p>
                 </div>
                 
                 <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300">
                     <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6">
-                        <i data-feather="bar-chart-2" class="text-primary w-8 h-8"></i>
+                        <i data-feather="camera" class="text-primary w-8 h-8"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Digital Strategy</h3>
-                    <p class="text-gray-600">Data-driven approaches to maximize your online presence.</p>
+                    <h3 class="text-xl font-bold mb-3">Red Vision Studios</h3>
+                    <p class="text-gray-600">Professional photography, studio rentals, and creative production services.</p>
                 </div>
-</div>
-        </section>
+            </div>
+</section>
         <section class="cta-section bg-gradient-to-r from-red-500 to-red-600 rounded-2xl p-12 text-center text-white">
             <h2 class="text-3xl font-bold mb-6">Ready to Transform Your Digital Presence?</h2>
             <p class="text-xl mb-8 max-w-2xl mx-auto">Let's work together to create something amazing for your business.</p>

style.css

@@ -9,12 +9,11 @@
 .floating {
     animation: float 6s ease-in-out infinite;
 }
-
 /* Gradient background */
 body {
-    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
+    color: #ffffff;
 }
-
 /* Custom scrollbar */
 ::-webkit-scrollbar {
     width: 8px;