src/app/page.tsx

@@ -9,7 +9,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Sparkles, Zap, Users, DollarSign, HelpCircle, Building, User, Video, Film } from 'lucide-react';
+import { Sparkles, Zap, Users, DollarSign, HelpCircle, Building, User, Video, Film, Cpu, Wand2, Zoomable } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -20,7 +20,7 @@ export default function LandingPage() {
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="noise"
-      cardStyle="inset"
+      cardStyle="glass-elevated"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="bold"
@@ -78,7 +78,7 @@ export default function LandingPage() {
             }
           ]}
           testimonialRotationInterval={5000}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           ariaLabel="OSLO hero section with testimonials"
         />
       </div>
@@ -105,7 +105,7 @@ export default function LandingPage() {
             }
           ]}
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           buttonAnimation="slide-up"
         />
       </div>
@@ -138,7 +138,7 @@ export default function LandingPage() {
             }
           ]}
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           buttonAnimation="slide-up"
           animationType="slide-up"
         />
@@ -152,7 +152,7 @@ export default function LandingPage() {
           tagIcon={Building}
           tagAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           buttonAnimation="slide-up"
           names={["TechFlow", "CloudSync", "MediaCorp", "StartupLabs", "InnovateCo", "StreamStudio", "CreativeHub"]}
           logos={[
@@ -240,4 +240,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
-  --background-accent: #e2e2e2;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);