From 4148dae000473a13e3026a423d5a918b2ce4b389 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 19:18:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 147 ++++++++++++++---------------------------------
 1 file changed, 42 insertions(+), 105 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 20e17d4..7465ccc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,23 +17,24 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Skills",
-          id: "skills",
-        },
+          name: "Skills",          id: "skills"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Syed Lukhman"
     />
@@ -42,62 +43,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Syed Lukhman"
       description="Crafting digital experiences and professional solutions with precision, innovation, and a focus on impactful results."
       buttons={[
         {
-          text: "Get In Touch",
-          href: "#contact",
-        },
+          text: "Get In Touch",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"
       imageAlt="Syed Lukhman Portfolio Portrait"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",          alt: "Client 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Strategic Consulting",
-        },
+          type: "text",          text: "Strategic Consulting"},
         {
-          type: "text",
-          text: "Custom Development",
-        },
+          type: "text",          text: "Custom Development"},
         {
-          type: "text",
-          text: "UI/UX Design",
-        },
+          type: "text",          text: "UI/UX Design"},
         {
-          type: "text",
-          text: "Cloud Solutions",
-        },
+          type: "text",          text: "Cloud Solutions"},
         {
-          type: "text",
-          text: "Digital Transformation",
-        },
+          type: "text",          text: "Digital Transformation"},
       ]}
     />
   </div>
@@ -109,19 +87,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Projects Completed",
-          value: "50+",
-        },
+          label: "Projects Completed",          value: "50+"},
         {
           icon: Star,
-          label: "Happy Clients",
-          value: "30+",
-        },
+          label: "Happy Clients",          value: "30+"},
         {
           icon: Clock,
-          label: "Years Experience",
-          value: "5+",
-        },
+          label: "Years Experience",          value: "5+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -135,23 +107,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Strategy",
-          description: "Developing clear roadmaps and strategic plans to drive growth and efficiency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=2",
-        },
+          id: "f1",          title: "Strategy",          description: "Developing clear roadmaps and strategic plans to drive growth and efficiency.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
         {
-          id: "f2",
-          title: "Development",
-          description: "Building robust, scalable, and modern digital solutions with attention to detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=3",
-        },
+          id: "f2",          title: "Development",          description: "Building robust, scalable, and modern digital solutions with attention to detail.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
         {
-          id: "f3",
-          title: "Optimization",
-          description: "Enhancing performance and streamlining processes for maximum business impact.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=4",
-        },
+          id: "f3",          title: "Optimization",          description: "Enhancing performance and streamlining processes for maximum business impact.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
       ]}
       title="Expertise & Skills"
       description="High-level professional services tailored to meet diverse business needs and exceed expectations."
@@ -166,25 +126,15 @@ export default function LandingPage() {
       author="Sarah Jenkins"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
-          alt: "Client Sarah",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",          alt: "Client Sarah"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-          alt: "Client Michael",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",          alt: "Client Michael"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg",
-          alt: "Client Emily",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg",          alt: "Client Emily"},
         {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
-          alt: "Client David",
-        },
+          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",          alt: "Client David"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
-          alt: "Client Alex",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",          alt: "Client Alex"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -195,8 +145,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Let's Talk"
       title="Interested in working together?"
       description="Drop me a message to discuss your next project or potential collaborations."
@@ -207,33 +156,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Skills",
-              href: "#skills",
-            },
+              label: "Skills",              href: "#skills"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Connect",
-          items: [
+          title: "Connect",          items: [
             {
-              label: "LinkedIn",
-              href: "#",
-            },
+              label: "LinkedIn",              href: "#"},
             {
-              label: "GitHub",
-              href: "#",
-            },
+              label: "GitHub",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1