From cffb8b69a2a6b3bd3f1e52c7a0346c7149960b62 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 02:36:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 263 +++++++++--------------------------------------
 1 file changed, 49 insertions(+), 214 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5fc85a0..cf53def 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Expertise",
-          id: "#expertise",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Expertise", id: "#expertise" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Personal Brand"
     />
@@ -55,78 +43,32 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Elevate Your Personal Brand"
       description="I help professionals cultivate an authentic, calm, and colorful brand presence that truly resonates."
       kpis={[
-        {
-          value: "10+",
-          label: "Years Experience",
-        },
-        {
-          value: "500+",
-          label: "Successful Projects",
-        },
-        {
-          value: "99%",
-          label: "Client Satisfaction",
-        },
+        { value: "10+", label: "Years Experience" },
+        { value: "500+", label: "Successful Projects" },
+        { value: "99%", label: "Client Satisfaction" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Work With Me",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg?_wi=1"
+      buttons={[{ text: "Work With Me", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          alt: "Portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-          alt: "Portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-looking-smiling-camera_197531-33494.jpg",
-          alt: "Portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-with-wide-smile-looks-camera-blurred-background-brunette-with-long-hair-wears-green-shirt-emotions-people-concept_197531-32280.jpg",
-          alt: "Portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Portrait 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Portrait 1" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Portrait 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-woman-looking-smiling-camera_197531-33494.jpg", alt: "Portrait 3" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-with-wide-smile-looks-camera-blurred-background-brunette-with-long-hair-wears-green-shirt-emotions-people-concept_197531-32280.jpg", alt: "Portrait 4" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Portrait 5" },
       ]}
       avatarText="Trusted by over 500+ happy clients"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Brand Strategy",
-        },
-        {
-          type: "text",
-          text: "Visual Design",
-        },
-        {
-          type: "text",
-          text: "Content Marketing",
-        },
-        {
-          type: "text",
-          text: "Creative Consulting",
-        },
-        {
-          type: "text",
-          text: "Growth Mindset",
-        },
+        { type: "text", text: "Brand Strategy" },
+        { type: "text", text: "Visual Design" },
+        { type: "text", text: "Content Marketing" },
+        { type: "text", text: "Creative Consulting" },
+        { type: "text", text: "Growth Mindset" },
       ]}
     />
   </div>
@@ -136,9 +78,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="My Philosophy"
       description={[
-        "Personal branding isn't about being loud—it's about being seen for who you really are.",
-        "I believe in bringing calm, structured expertise to colorful, unique creative projects.",
-      ]}
+        "Personal branding isn't about being loud—it's about being seen for who you really are.",        "I believe in bringing calm, structured expertise to colorful, unique creative projects."]}
     />
   </div>
 
@@ -146,51 +86,28 @@ export default function LandingPage() {
       <FeatureCardTwentyFive
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       features={[
         {
-          title: "Brand Strategy",
-          description: "Defining your unique voice and market positioning.",
-          icon: Sparkles,
+          title: "Brand Strategy",          description: "Defining your unique voice and market positioning.",          icon: Sparkles,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-supplies_23-2148219287.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-keyboard-coffee-cup-colorful-workplace_23-2148041885.jpg",
-            },
+            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-supplies_23-2148219287.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-keyboard-coffee-cup-colorful-workplace_23-2148041885.jpg" },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg?_wi=2",
-          imageAlt: "strategy planning concept notebook",
         },
         {
-          title: "Visual Identity",
-          description: "Creating vibrant color palettes and professional assets.",
-          icon: Palette,
+          title: "Visual Identity",          description: "Creating vibrant color palettes and professional assets.",          icon: Palette,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/work-message-lightbox-arrangement_23-2149150447.jpg",
-            },
+            { imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/work-message-lightbox-arrangement_23-2149150447.jpg" },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994366.jpg",
-          imageAlt: "strategy planning concept notebook",
         },
         {
-          title: "Content Design",
-          description: "Writing and designing content that speaks to your audience.",
-          icon: PenTool,
+          title: "Content Design",          description: "Writing and designing content that speaks to your audience.",          icon: PenTool,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-watering-can-with-plant_23-2148269659.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-rings-with-contrasted-background-drop_23-2148358164.jpg",
-            },
+            { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-watering-can-with-plant_23-2148269659.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-rings-with-contrasted-background-drop_23-2148358164.jpg" },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg?_wi=1",
-          imageAlt: "strategy planning concept notebook",
         },
       ]}
       title="My Core Expertise"
@@ -202,15 +119,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "InnovateLab",
-        "GrowthCo",
-        "TechSphere",
-        "CreativeMind",
-        "BridgeVision",
-        "FutureFocus",
-        "SummitCorp",
-      ]}
+      names={["InnovateLab", "GrowthCo", "TechSphere", "CreativeMind", "BridgeVision", "FutureFocus", "SummitCorp"]}
       title="Trusted by Leaders"
       description="Collaborating with visionaries across diverse industries."
     />
@@ -220,25 +129,11 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       metrics={[
-        {
-          id: "m1",
-          title: "Revenue Growth",
-          value: "150%",
-          icon: TrendingUp,
-        },
-        {
-          id: "m2",
-          title: "Brand Reach",
-          value: "2M+",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          title: "Engagement Rate",
-          value: "12%",
-          icon: Heart,
-        },
+        { id: "m1", title: "Revenue Growth", value: "150%", icon: TrendingUp },
+        { id: "m2", title: "Brand Reach", value: "2M+", icon: Users },
+        { id: "m3", title: "Engagement Rate", value: "12%", icon: Heart },
       ]}
       title="Impact by Numbers"
       description="Tangible results behind every colorful creative strategy."
@@ -250,46 +145,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          title: "Excellent Work",
-          quote: "My brand has never felt more authentic.",
-          name: "Sarah Johnson",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          title: "Highly Recommend",
-          quote: "Such a calm and colorful approach to strategy.",
-          name: "Michael Chen",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
-        },
-        {
-          id: "t3",
-          title: "Game Changer",
-          quote: "I feel confident in my new visual direction.",
-          name: "Emily Rodriguez",
-          role: "Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-        },
-        {
-          id: "t4",
-          title: "Very Professional",
-          quote: "Brought life to my vision effortlessly.",
-          name: "David Kim",
-          role: "Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg",
-        },
-        {
-          id: "t5",
-          title: "Outstanding",
-          quote: "The best personal branding experience I've had.",
-          name: "Alex Smith",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-        },
+        { id: "t1", title: "Excellent Work", quote: "My brand has never felt more authentic.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg" },
+        { id: "t2", title: "Highly Recommend", quote: "Such a calm and colorful approach to strategy.", name: "Michael Chen", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg" },
+        { id: "t3", title: "Game Changer", quote: "I feel confident in my new visual direction.", name: "Emily Rodriguez", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
+        { id: "t4", title: "Very Professional", quote: "Brought life to my vision effortlessly.", name: "David Kim", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg" },
+        { id: "t5", title: "Outstanding", quote: "The best personal branding experience I've had.", name: "Alex Smith", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
       ]}
       title="What They Say"
       description="Calm, insightful, and incredibly professional branding results."
@@ -300,58 +160,33 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
+      faqsAnimation="blur-reveal"
       faqs={[
-        {
-          id: "f1",
-          title: "How long is the process?",
-          content: "Typically 4-6 weeks for full brand strategy.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer consultations?",
-          content: "Yes, I offer free initial discovery calls.",
-        },
-        {
-          id: "f3",
-          title: "Is your style always colorful?",
-          content: "I tailor colors to your personality and goals.",
-        },
+        { id: "f1", title: "How long is the process?", content: "Typically 4-6 weeks for full brand strategy." },
+        { id: "f2", title: "Do you offer consultations?", content: "Yes, I offer free initial discovery calls." },
+        { id: "f3", title: "Is your style always colorful?", content: "I tailor colors to your personality and goals." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405376.jpg"
       mediaAnimation="blur-reveal"
       title="Common Questions"
       description="Everything you need to know about working with me."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Ready to bring your personal brand to life with color and calm?"
-      buttons={[
-        {
-          text: "Book a Discovery Call",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Book a Discovery Call", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Personal Brand"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Personal Brand",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "© 2024 Personal Brand", href: "#" }}
     />
   </div>
       </ReactLenis>