Update src/app/page.tsx

src/app/page.tsx

@@ -17,14 +17,14 @@ import { Sparkles } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+        defaultButtonVariant="directional-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="mediumSizeLargeTitles"
         background="fluid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="double-inset"
+        cardStyle="glass-depth"
+        primaryButtonStyle="radial-glow"
         secondaryButtonStyle="solid"
         headingFontWeight="extrabold"
     >
@@ -33,17 +33,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "/"},
+          name: "Home",          href: "/"},
         {
-          name: "Solutions",          id: "#services"},
+          name: "Solutions",          href: "/#services"},
         {
-          name: "Showcase",          id: "#showcase"},
+          name: "Showcase",          href: "/#showcase"},
         {
-          name: "Process",          id: "#process"},
+          name: "Process",          href: "/#process"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonials",          href: "/#testimonials"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          href: "/contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
       logoAlt="LEVIAZ Logo"
@@ -51,7 +51,7 @@ export default function LandingPage() {
       bottomLeftText="Innovation Driven"
       bottomRightText="info@leviaz.ai"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Get Started",        href: "/contact"}}
     />
   </div>
 
@@ -63,9 +63,9 @@ export default function LandingPage() {
       description="AI-powered products, automation systems, and next-generation websites built to accelerate growth."
       buttons={[
         {
-          text: "Start Your Transformation",          href: "#contact"},
+          text: "Start Your Transformation",          href: "/contact"},
         {
-          text: "View Our Solutions",          href: "#services"},
+          text: "View Our Solutions",          href: "/#services"},
       ]}
       mediaItems={[
         {
@@ -129,7 +129,7 @@ export default function LandingPage() {
           id: "leviaz-plan",          badge: "Future-Proof",          badgeIcon: Sparkles,
           price: "Unmatched Value",          name: "LEVIAZ",          buttons: [
             {
-              text: "Discover LEVIAZ",              href: "#"},
+              text: "Discover LEVIAZ",              href: "/"},
           ],
           features: [
             "✓ AI-first Approach",            "✓ Faster Delivery",            "✓ Automation Included",            "✓ Scalable Architecture",            "✓ Premium UX"],
@@ -137,7 +137,7 @@ export default function LandingPage() {
         {
           id: "others-plan",          badge: "Legacy Systems",          price: "High Overhead",          name: "Traditional Agencies",          buttons: [
             {
-              text: "Compare",              href: "#"},
+              text: "Compare",              href: "/"},
           ],
           features: [
             "✗ Slow Processes",            "✗ Manual Workflows",            "✗ Generic Websites",            "✗ Limited Innovation",            "✗ Standard UX"],
@@ -227,7 +227,7 @@ export default function LandingPage() {
       text="Ready to Build the Future? Partner with LEVIAZ and transform your business through intelligent technology."
       buttons={[
         {
-          text: "Book a Free Strategy Call",          href: "#"},
+          text: "Book a Free Strategy Call",          href: "/contact"},
       ]}
     />
   </div>
@@ -238,39 +238,35 @@ export default function LandingPage() {
         {
           title: "Company",          items: [
             {
-              label: "Home",              href: "#"},
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Our Vision",              href: "#vision"},
+              label: "Home",              href: "/"},
           ],
         },
         {
           title: "Solutions",          items: [
             {
-              label: "AI Products",              href: "#services"},
+              label: "AI Products",              href: "/#services"},
             {
-              label: "Automation",              href: "#services"},
+              label: "Automation",              href: "/#services"},
             {
-              label: "SaaS Development",              href: "#services"},
+              label: "SaaS Development",              href: "/#services"},
             {
-              label: "Websites",              href: "#services"},
+              label: "Websites",              href: "/#services"},
           ],
         },
         {
           title: "Resources",          items: [
             {
-              label: "Showcase",              href: "#showcase"},
+              label: "Showcase",              href: "/#showcase"},
             {
-              label: "Process",              href: "#process"},
+              label: "Process",              href: "/#process"},
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonials",              href: "/#testimonials"},
           ],
         },
         {
           title: "Connect",          items: [
             {
-              label: "Contact Us",              href: "#contact"},
+              label: "Contact Us",              href: "/contact"},
             {
               label: "LinkedIn",              href: "https://linkedin.com/leviaz"},
             {