Update src/app/page.tsx

src/app/page.tsx

@@ -14,15 +14,15 @@ import { Globe, Zap, Shield, ShoppingCart, Package, TrendingUp, Rocket, BarChart
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="compact"
-      sizing="largeSmallSizeLargeTitles"
-      background="circleGradient"
-      cardStyle="outline"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="glass"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroCentered
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "plain" }}
           avatars={[
             {
               src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/a-premium-abstract-3d-w-geometric-struct-1772538206505-9c0b1fb7.png",              alt: "Premium 3D structure element"
@@ -59,7 +59,7 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           className="relative min-h-screen flex items-center justify-center"
           containerClassName="max-w-5xl mx-auto px-6 py-32 text-center"
-          titleClassName="text-5xl md:text-7xl font-bold leading-tight tracking-wider"
+          titleClassName="text-5xl md:text-7xl font-bold leading-tight tracking-widest uppercase"
           descriptionClassName="text-lg md:text-xl text-gray-300 mt-6 max-w-2xl mx-auto"
         />
       </div>
@@ -75,6 +75,10 @@ export default function LandingPage() {
           buttons={[
             { text: "Explore Our Approach", href: "#services" }
           ]}
+          className="relative py-24"
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-6 max-w-3xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
         />
       </div>
 
@@ -121,6 +125,9 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
         />
       </div>
 
@@ -149,6 +156,11 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
+          valueClassName="text-5xl md:text-7xl font-bold tracking-widest text-gray-400"
+          cardTitleClassName="text-lg md:text-2xl font-bold tracking-wide uppercase"
         />
       </div>
 
@@ -167,6 +179,9 @@ export default function LandingPage() {
           useInvertedBackground={false}
           speed={35}
           showCard={true}
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
         />
       </div>
 
@@ -175,7 +190,7 @@ export default function LandingPage() {
           tag="READY TO BUILD"
           title="DIGITAL FOUNDATIONS FOR MODERN BRANDS"
           description="High-performance websites built for long-term growth. Let's discuss how we can elevate your digital presence."
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQwTwmyNIHjPHIFX9HxgEsQK3j/premium-tech-studio-workspace-clean-orga-1772538207123-2c30b79b.png?_wi=1"
           imageAlt="Premium tech studio workspace"
@@ -184,6 +199,9 @@ export default function LandingPage() {
           inputPlaceholder="your@email.com"
           buttonText="Get Started"
           termsText="We respect your privacy. Unsubscribe anytime."
+          titleClassName="text-4xl md:text-6xl font-bold tracking-widest uppercase"
+          descriptionClassName="text-base md:text-lg text-gray-300 mt-4 max-w-2xl"
+          tagClassName="text-xs md:text-sm tracking-widest uppercase font-semibold"
         />
       </div>
 
@@ -218,8 +236,10 @@ export default function LandingPage() {
               ]
             }
           ]}
+          logoTextClassName="text-xl md:text-2xl font-bold tracking-widest uppercase"
+          columnTitleClassName="text-sm md:text-base font-bold tracking-widest uppercase mb-4"
         />
       </div>
     </ThemeProvider>
   );
-}
+}