src/app/page.tsx

@@ -21,10 +21,10 @@ export default function LandingPage() {
       contentWidth="compact"
       sizing="largeSmall"
       background="fluid"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="shadow"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="medium"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -170,7 +170,7 @@ export default function LandingPage() {
           tagIcon={Heart}
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
+          animationType="depth-3d"
           showRating={true}
           testimonials={[
             {
@@ -198,6 +198,12 @@ export default function LandingPage() {
               imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14390.jpg"
             }
           ]}
+          cardClassName="bg-gradient-to-br from-slate-50 to-slate-100 border border-slate-200 shadow-lg hover:shadow-xl transition-shadow duration-300 rounded-xl"
+          imageWrapperClassName="rounded-t-lg overflow-hidden"
+          nameClassName="text-lg font-semibold text-slate-900"
+          handleClassName="text-sm text-slate-600 font-medium"
+          testimonialClassName="text-slate-700 italic leading-relaxed"
+          ratingClassName="flex gap-1 justify-center"
         />
       </div>
 
@@ -213,6 +219,9 @@ export default function LandingPage() {
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={true}
+          contentClassName="bg-gradient-to-r from-slate-800 to-slate-900 border border-slate-700 shadow-2xl rounded-2xl p-12"
+          titleClassName="text-white text-4xl font-bold"
+          descriptionClassName="text-slate-200 text-lg"
         />
       </div>
 
@@ -246,8 +255,13 @@ export default function LandingPage() {
               ]
             }
           ]}
+          containerClassName="bg-gradient-to-b from-slate-900 to-slate-950 border-t border-slate-800 shadow-2xl"
+          logoTextClassName="text-2xl font-bold text-white"
+          columnTitleClassName="text-white font-semibold text-lg mb-4"
+          columnItemClassName="text-slate-300 hover:text-white transition-colors duration-200"
+          copyrightTextClassName="text-slate-400"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #262626;
   --secondary-cta-text: #1a1a1a;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #b8860b;
+  --background-accent: #2d2d2d;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);