From 0aaa17c1ae21bb58889b807a56bc0c74ede9675c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 18:41:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 +++++++++++------------------------------------
 1 file changed, 62 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 548f570..57a0a5f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,129 +32,74 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Jibran Khan"
       button={{
-        text: "Book Session",
-        href: "#contact",
-      }}
+        text: "Book Session",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroBillboardTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Jibran Khan"
       description="Travel | Education | Fitness | Storytelling. Empowering people through authentic, curated experiences and educational insights."
       testimonials={[
         {
-          name: "Sarah L.",
-          handle: "@sarahtravels",
-          testimonial: "Jibran's travel content is absolutely life-changing. So inspiring!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
+          name: "Sarah L.",          handle: "@sarahtravels",          testimonial: "Jibran's travel content is absolutely life-changing. So inspiring!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
         {
-          name: "Mark D.",
-          handle: "@fitmark",
-          testimonial: "Best fitness advice I've received all year. Truly authentic.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379266.jpg",
-        },
+          name: "Mark D.",          handle: "@fitmark",          testimonial: "Best fitness advice I've received all year. Truly authentic.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379266.jpg"},
         {
-          name: "Emma R.",
-          handle: "@emmareads",
-          testimonial: "His storytelling and educational tips are game-changers.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg",
-        },
+          name: "Emma R.",          handle: "@emmareads",          testimonial: "His storytelling and educational tips are game-changers.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg"},
         {
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Always looking forward to his new content releases.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-curly-afro-american-woman-influencer-laughs-happily-keeps-hand-face-has-funny-conversation-with-subscribers-poses-against-pink-backgroud_273609-52602.jpg",
-        },
+          name: "David W.",          handle: "@davidw",          testimonial: "Always looking forward to his new content releases.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/joyful-curly-afro-american-woman-influencer-laughs-happily-keeps-hand-face-has-funny-conversation-with-subscribers-poses-against-pink-backgroud_273609-52602.jpg"},
         {
-          name: "Sophia G.",
-          handle: "@sophiag",
-          testimonial: "An incredible influencer. Highly recommend following him.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
-        },
+          name: "Sophia G.",          handle: "@sophiag",          testimonial: "An incredible influencer. Highly recommend following him.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
       ]}
       buttons={[
         {
-          text: "View Portfolio",
-          href: "#content",
-        },
+          text: "View Portfolio",          href: "#content"},
         {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+          text: "Book Appointment",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdKDsbTCl8VswebMLfanhi1h8u/uploaded-1776710473040-ew0tdqj4.jpg"
       imageAlt="travel influencer portrait"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg",
-          alt: "Software developer at agency office coding on her computer",
-        },
+          src: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg",          alt: "Software developer at agency office coding on her computer"},
         {
-          src: "http://img.b2bpic.net/free-photo/trans-man-work-using-his-smartphone_23-2149409848.jpg",
-          alt: "Trans man at work using his smartphone",
-        },
+          src: "http://img.b2bpic.net/free-photo/trans-man-work-using-his-smartphone_23-2149409848.jpg",          alt: "Trans man at work using his smartphone"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-enjoys-leisure-time-spends-weekend-with-friends-strolls-city-listens-music-happy-about-successfully-passed-exam-smiles-broadly-poses-blurred_273609-54082.jpg",
-          alt: "woman enjoys leisure time spends weekend with friends strolls in city listens music happy about successfully passed exam smiles broadly poses on blurred",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-enjoys-leisure-time-spends-weekend-with-friends-strolls-city-listens-music-happy-about-successfully-passed-exam-smiles-broadly-poses-blurred_273609-54082.jpg",          alt: "woman enjoys leisure time spends weekend with friends strolls in city listens music happy about successfully passed exam smiles broadly poses on blurred"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
-          alt: "Close-up of happy female beauty blogger. Young Latin woman with brown eyes and dark curly hair smiling widely when vlogging indoors looking straight at camera.",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",          alt: "Close-up of happy female beauty blogger. Young Latin woman with brown eyes and dark curly hair smiling widely when vlogging indoors looking straight at camera."},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
-          alt: "Portrait of smiley woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",          alt: "Portrait of smiley woman"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Travel",
-        },
+          type: "text",          text: "Travel"},
         {
-          type: "text",
-          text: "Education",
-        },
+          type: "text",          text: "Education"},
         {
-          type: "text",
-          text: "Fitness",
-        },
+          type: "text",          text: "Fitness"},
         {
-          type: "text",
-          text: "Storytelling",
-        },
+          type: "text",          text: "Storytelling"},
         {
-          type: "text",
-          text: "Growth",
-        },
+          type: "text",          text: "Growth"},
       ]}
     />
   </div>
@@ -164,9 +109,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="About My Journey"
       description={[
-        "I'm a digital storyteller dedicated to exploring the intersection of global travel, personal development, and physical fitness.",
-        "My mission is to provide educational value and inspire others to lead a more intentional, active, and meaningful life.",
-      ]}
+        "I'm a digital storyteller dedicated to exploring the intersection of global travel, personal development, and physical fitness.",        "My mission is to provide educational value and inspire others to lead a more intentional, active, and meaningful life."]}
     />
   </div>
 
@@ -177,23 +120,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Travel Diaries",
-          description: "Global adventures and local stories.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nature-photographer-tourist-with-camera-shoots-while-standing-norway-mountain_613910-19268.jpg",
-          imageAlt: "travel photography landscape",
-        },
+          title: "Travel Diaries",          description: "Global adventures and local stories.",          imageSrc: "http://img.b2bpic.net/free-photo/nature-photographer-tourist-with-camera-shoots-while-standing-norway-mountain_613910-19268.jpg",          imageAlt: "travel photography landscape"},
         {
-          title: "Fitness & Wellness",
-          description: "Holistic approaches to physical health.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg",
-          imageAlt: "fitness aesthetic gym",
-        },
+          title: "Fitness & Wellness",          description: "Holistic approaches to physical health.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-stretching-outdoors_23-2149676929.jpg",          imageAlt: "fitness aesthetic gym"},
         {
-          title: "Educational Insights",
-          description: "Learning, growing, and mastering skills.",
-          imageSrc: "http://img.b2bpic.net/free-photo/notebook-with-camera-flowers-table_23-2148043858.jpg",
-          imageAlt: "modern educational workspace",
-        },
+          title: "Educational Insights",          description: "Learning, growing, and mastering skills.",          imageSrc: "http://img.b2bpic.net/free-photo/notebook-with-camera-flowers-table_23-2148043858.jpg",          imageAlt: "modern educational workspace"},
       ]}
       title="Featured Content"
       description="Curated highlights across my niche platforms."
@@ -207,54 +138,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "collab",
-          badge: "Popular",
-          price: "Custom",
-          subtitle: "Brand Partnerships",
-          features: [
-            "Custom content creation",
-            "Authentic storytelling",
-            "Dedicated promotion",
-          ],
+          id: "collab",          badge: "Popular",          price: "Custom",          subtitle: "Brand Partnerships",          features: [
+            "Custom content creation",            "Authentic storytelling",            "Dedicated promotion"],
           buttons: [
             {
-              text: "Inquire Now",
-              href: "#contact",
-            },
+              text: "Inquire Now",              href: "#contact"},
           ],
         },
         {
-          id: "event",
-          badge: "Event",
-          price: "$150/hr",
-          subtitle: "Speaking & Events",
-          features: [
-            "Motivational talks",
-            "Workshops",
-            "Guest panels",
-          ],
+          id: "event",          badge: "Event",          price: "$150/hr",          subtitle: "Speaking & Events",          features: [
+            "Motivational talks",            "Workshops",            "Guest panels"],
           buttons: [
             {
-              text: "Book Event",
-              href: "#contact",
-            },
+              text: "Book Event",              href: "#contact"},
           ],
         },
         {
-          id: "promo",
-          badge: "Basic",
-          price: "$300",
-          subtitle: "Promotions",
-          features: [
-            "Single post feature",
-            "Story mention",
-            "High reach",
-          ],
+          id: "promo",          badge: "Basic",          price: "$300",          subtitle: "Promotions",          features: [
+            "Single post feature",            "Story mention",            "High reach"],
           buttons: [
             {
-              text: "Book Promo",
-              href: "#contact",
-            },
+              text: "Book Promo",              href: "#contact"},
           ],
         },
       ]}
@@ -271,25 +175,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",
-          value: "50K+",
-          title: "Followers",
-          description: "Growing community across platforms",
-          icon: Users,
+          id: "1",          value: "50K+",          title: "Followers",          description: "Growing community across platforms",          icon: Users,
         },
         {
-          id: "2",
-          value: "12M+",
-          title: "Reach",
-          description: "Annual content impressions",
-          icon: Zap,
+          id: "2",          value: "12M+",          title: "Reach",          description: "Annual content impressions",          icon: Zap,
         },
         {
-          id: "3",
-          value: "150+",
-          title: "Projects",
-          description: "Brand collaborations done",
-          icon: Award,
+          id: "3",          value: "150+",          title: "Projects",          description: "Brand collaborations done",          icon: Award,
         },
       ]}
       title="Reach & Impact"
@@ -304,45 +196,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah L.",
-          role: "Travel Blogger",
-          testimonial: "Incredible professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
-          imageAlt: "portrait happy student",
-        },
+          id: "1",          name: "Sarah L.",          role: "Travel Blogger",          testimonial: "Incredible professional.",          imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",          imageAlt: "portrait happy student"},
         {
-          id: "2",
-          name: "Mark D.",
-          role: "Coach",
-          testimonial: "His work is pristine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/slim-girl-sportswear-sitting-stadium-seats-takes-selfie_169016-46340.jpg",
-          imageAlt: "portrait creative designer",
-        },
+          id: "2",          name: "Mark D.",          role: "Coach",          testimonial: "His work is pristine.",          imageSrc: "http://img.b2bpic.net/free-photo/slim-girl-sportswear-sitting-stadium-seats-takes-selfie_169016-46340.jpg",          imageAlt: "portrait creative designer"},
         {
-          id: "3",
-          name: "Emma R.",
-          role: "Learner",
-          testimonial: "Very clear and helpful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-curly-woman-with-bronze-skin-posing-with-peace-sign-pleased-black-girl-yellow-shirt-big-white-earphones_197531-4095.jpg",
-          imageAlt: "portrait gym goer",
-        },
+          id: "3",          name: "Emma R.",          role: "Learner",          testimonial: "Very clear and helpful.",          imageSrc: "http://img.b2bpic.net/free-photo/stunning-curly-woman-with-bronze-skin-posing-with-peace-sign-pleased-black-girl-yellow-shirt-big-white-earphones_197531-4095.jpg",          imageAlt: "portrait gym goer"},
         {
-          id: "4",
-          name: "David W.",
-          role: "Fan",
-          testimonial: "Always authentic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
-          imageAlt: "portrait blogger student",
-        },
+          id: "4",          name: "David W.",          role: "Fan",          testimonial: "Always authentic.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",          imageAlt: "portrait blogger student"},
         {
-          id: "5",
-          name: "Sophia G.",
-          role: "Partner",
-          testimonial: "A joy to work with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",
-          imageAlt: "portrait young professional",
-        },
+          id: "5",          name: "Sophia G.",          role: "Partner",          testimonial: "A joy to work with.",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",          imageAlt: "portrait young professional"},
       ]}
       title="Community Love"
       description="Feedback from those I've collaborated with."
@@ -353,8 +215,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+        variant: "rotated-rays-animated-grid"}}
       title="Work With Me"
       description="Interested in a partnership or booking a 1-on-1? Send a message."
       tag="Let's Connect"
@@ -366,46 +227,29 @@ export default function LandingPage() {
       logoText="Jibran Khan"
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
-          title: "Connect",
-          items: [
+          title: "Connect",          items: [
             {
-              label: "Instagram",
-              href: "https://instagram.com/jibrankh.n",
-            },
+              label: "Instagram",              href: "https://instagram.com/jibrankh.n"},
             {
-              label: "WhatsApp",
-              href: "#",
-            },
+              label: "WhatsApp",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -414,4 +258,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1