Update src/app/page.tsx

src/app/layout.tsx

@@ -1417,4 +1417,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -36,6 +36,10 @@ export default function LandingPage() {
           ]}
           button={{ text: "Contact Me", href: "#contact" }}
           animateOnLoad={true}
+          className="fixed top-0 left-0 right-0 z-50 mx-auto mt-4"
+          navItemClassName="text-sm font-medium transition-colors hover:text-primary-cta"
+          buttonClassName="bg-primary-cta text-primary-cta-text hover:shadow-lg transition-all"
+          buttonTextClassName="font-semibold"
         />
       </div>
 
@@ -44,7 +48,7 @@ export default function LandingPage() {
           logoText="Elite Developer"
           description="Full-stack engineer crafting premium digital experiences with cutting-edge technologies. Specialized in scalable architectures, real-time systems, and exceptional UI/UX."
           buttons={[
-            { text: "Explore My Work", href: "#projects" },
+            { text: "View Projects", href: "#projects" },
             { text: "Get In Touch", href: "#contact" }
           ]}
           background={{ variant: "sparkles-gradient" }}
@@ -52,6 +56,11 @@ export default function LandingPage() {
           imageAlt="Interactive 3D geometric shapes and floating elements"
           frameStyle="card"
           mediaAnimation="opacity"
+          containerClassName="min-h-screen flex flex-col items-center justify-center py-20"
+          logoClassName="text-6xl lg:text-8xl font-bold tracking-tight"
+          descriptionClassName="text-xl lg:text-2xl text-foreground/80 max-w-2xl"
+          buttonClassName="rounded-full px-8 py-3 font-semibold transition-all duration-300 hover:scale-105"
+          mediaWrapperClassName="mt-16 w-full max-w-2xl aspect-square rounded-2xl overflow-hidden"
         />
       </div>
 
@@ -64,6 +73,9 @@ export default function LandingPage() {
             { text: "Download CV", href: "#cv" },
             { text: "GitHub Profile", href: "https://github.com" }
           ]}
+          containerClassName="py-20 px-6 max-w-4xl mx-auto"
+          titleClassName="text-3xl lg:text-5xl font-bold leading-tight"
+          buttonContainerClassName="flex gap-4 mt-12 flex-wrap"
         />
       </div>
 
@@ -87,6 +99,9 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          containerClassName="py-24 px-6"
+          cardClassName="group rounded-xl overflow-hidden hover:shadow-2xl transition-all duration-300"
+          gridClassName="grid gap-8"
         />
       </div>
 
@@ -105,6 +120,9 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          containerClassName="py-24 px-6 bg-background-accent/5 rounded-2xl"
+          cardClassName="rounded-lg p-6 bg-card hover:shadow-lg transition-shadow"
+          gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
         />
       </div>
 
@@ -129,6 +147,9 @@ export default function LandingPage() {
           memberVariant="default"
           membersAnimation="slide-up"
           useInvertedBackground={false}
+          containerClassName="py-24 px-6 timeline-section"
+          titleClassName="text-4xl lg:text-5xl font-bold mb-12"
+          membersContainerClassName="space-y-8 max-w-3xl mx-auto"
         />
       </div>
 
@@ -143,6 +164,11 @@ export default function LandingPage() {
           ]}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
+          containerClassName="py-24 px-6"
+          contentClassName="max-w-2xl mx-auto bg-card/50 backdrop-blur-md rounded-2xl p-12 shadow-xl"
+          titleClassName="text-3xl lg:text-4xl font-bold mb-6"
+          descriptionClassName="text-lg text-foreground/70 mb-8"
+          buttonContainerClassName="flex gap-4 flex-wrap justify-center"
         />
       </div>
 
@@ -174,8 +200,13 @@ export default function LandingPage() {
             }
           ]}
           copyrightText="© 2025 Elite Developer. Crafted with precision."
+          containerClassName="bg-background border-t border-accent/20"
+          columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-12"
+          columnClassName="space-y-4"
+          columnTitleClassName="font-semibold text-foreground"
+          columnItemClassName="text-foreground/60 hover:text-primary-cta transition-colors"
         />
       </div>
     </ThemeProvider>
   );
-}
+}