From 65962241b9d3e5cc168494555e38eabc7426e51c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 06:43:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 ++++++++++-------------------------------------
 1 file changed, 37 insertions(+), 141 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f1640ed..797ddb3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,91 +17,50 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         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">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Experience",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Experience", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MyPortfolio"
+      button={{ text: "Get in touch", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Hi, I'm [Your Name]."
       description="I create digital experiences that blend creativity with functionality. Welcome to my personal space online."
-      buttons={[
-        {
-          text: "Get in touch",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get in touch", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg"
       imageAlt="professional headshot portrait clean background"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-          alt: "Medium shot transgender posing",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
-          alt: "Portrait of a beautiful woman looking at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
-          alt: "Portrait of a beautiful young business woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5113.jpg",
-          alt: "close-up portrait of attractive male model. Color flash light",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
-          alt: "professional headshot portrait clean background",
-        },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "Medium shot transgender posing" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg", alt: "Portrait of a beautiful woman looking at camera" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg", alt: "Portrait of a beautiful young business woman" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5113.jpg", alt: "close-up portrait of attractive male model. Color flash light" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg", alt: "professional headshot portrait clean background" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Innovative Design",
-        },
-        {
-          type: "text",
-          text: "Seamless Experience",
-        },
-        {
-          type: "text",
-          text: "Strategic Solutions",
-        },
-        {
-          type: "text",
-          text: "Continuous Growth",
-        },
-        {
-          type: "text",
-          text: "Impactful Results",
-        },
+        { type: "text", text: "Innovative Design" },
+        { type: "text", text: "Seamless Experience" },
+        { type: "text", text: "Strategic Solutions" },
+        { type: "text", text: "Continuous Growth" },
+        { type: "text", text: "Impactful Results" },
       ]}
     />
   </div>
@@ -126,31 +85,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "5+",
-          description: "Years Experience",
-        },
-        {
-          id: "m2",
-          value: "50+",
-          description: "Projects Completed",
-        },
-        {
-          id: "m3",
-          value: "20+",
-          description: "Happy Clients",
-        },
-        {
-          id: "m4",
-          value: "100+",
-          description: "Coffee Cups",
-        },
-        {
-          id: "m5",
-          value: "100%",
-          description: "Commitment",
-        },
+        { id: "m1", value: "5+", description: "Years Experience" },
+        { id: "m2", value: "50+", description: "Projects Completed" },
+        { id: "m3", value: "20+", description: "Happy Clients" },
+        { id: "m4", value: "100+", description: "Coffee Cups" },
+        { id: "m5", value: "100%", description: "Commitment" },
       ]}
       title="My Impact"
       description="A look at some key milestones and achievements in my professional path so far."
@@ -163,46 +102,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Exceptional work on our recent collaboration. Truly impressed by the attention to detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Very professional and easy to work with. Always delivers quality results.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@erodriguez",
-          testimonial: "Creative and resourceful. A joy to collaborate with on complex projects.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Highly recommended for any digital project. Consistent and reliable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-indoors_23-2151309997.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex Smith",
-          handle: "@alexs",
-          testimonial: "Simply the best service I have encountered. Professional and highly skilled.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Exceptional work on our recent collaboration. Truly impressed by the attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg" },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Very professional and easy to work with. Always delivers quality results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg" },
+        { id: "3", name: "Emily Rodriguez", handle: "@erodriguez", testimonial: "Creative and resourceful. A joy to collaborate with on complex projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg" },
+        { id: "4", name: "David Kim", handle: "@dkim", testimonial: "Highly recommended for any digital project. Consistent and reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-indoors_23-2151309997.jpg" },
+        { id: "5", name: "Alex Smith", handle: "@alexs", testimonial: "Simply the best service I have encountered. Professional and highly skilled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
       ]}
       showRating={true}
       title="Kind Words"
@@ -213,9 +117,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Let's Connect"
       title="Start a Conversation"
       description="I'm always open to discussing new projects, ideas, or just grabbing a virtual coffee."
@@ -228,14 +130,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="MyPortfolio"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Use",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Use", href: "#" }}
     />
   </div>
       </ReactLenis>