From dcf47fd5c696f177c9d67f26fed8e012274aff9d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 12:18:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 196 +++++++++++------------------------------------
 1 file changed, 45 insertions(+), 151 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9db385b..5157318 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,66 +31,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "FAQ", id: "faq" },
       ]}
       brandName="Hirely"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Hire Talent or Start Earning — All in One Platform"
       description="Hirely is the modern ecosystem bridging the gap between opportunity and talent. Whether you need skilled freelancers for your project or want to earn high-paying income, we connect you with the right resources."
       tag="Your Digital Growth Partner"
       buttons={[
         {
-          text: "Hire Freelancers",
-          href: "#",
-        },
+          text: "Hire Freelancers",          href: "#"},
         {
-          text: "Start Earning",
-          href: "#",
-        },
+          text: "Start Earning",          href: "#"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1",
-          imageAlt: "digital freelance platform interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",          imageAlt: "digital freelance platform interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412245.jpg",
-          imageAlt: "digital freelance platform interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg",
-          imageAlt: "3d rendering of futuristic technologies",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870866.jpg",
-          imageAlt: "Still life of red thread connection",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-business-roles-with-various-pawns_23-2149352598.jpg",
-          imageAlt: "Still life business roles with various pawns",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412245.jpg",          imageAlt: "digital freelance platform interface"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -105,19 +73,13 @@ export default function LandingPage() {
       description="We simplify the online earning journey by providing a single, trusted place for everything you need—from hiring pros to accessing high-paying tools."
       metrics={[
         {
-          value: "10k+",
-          title: "Freelancers",
-        },
+          value: "10k+",          title: "Freelancers"},
         {
-          value: "5k+",
-          title: "Projects",
-        },
+          value: "5k+",          title: "Projects"},
         {
-          value: "20+",
-          title: "Tools",
-        },
+          value: "20+",          title: "Tools"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg"
       imageAlt="abstract network global growth"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -131,55 +93,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Hire Top Talent",
-          description: "Connect with vetted freelancers for your technical and creative projects.",
-          icon: Users,
+          title: "Hire Top Talent",          description: "Connect with vetted freelancers for your technical and creative projects.",          icon: Users,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode-about-new-tech-devices-while-sitting-kitchen-table-with-laptop-showing-bunch-money-banknotes_171337-5530.jpg",
-              imageAlt: "professional developer workspace",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode-about-new-tech-devices-while-sitting-kitchen-table-with-laptop-showing-bunch-money-banknotes_171337-5530.jpg",              imageAlt: "professional developer workspace"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6803.jpg",
-              imageAlt: "professional developer workspace",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",
-          imageAlt: "professional developer workspace",
+              imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6803.jpg",              imageAlt: "professional developer workspace"},
+          ]
         },
         {
-          title: "Earn More Online",
-          description: "Access high-paying affiliate programs and tools built for success.",
-          icon: Zap,
+          title: "Earn More Online",          description: "Access high-paying affiliate programs and tools built for success.",          icon: Zap,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
-              imageAlt: "mobile app dashboard UI",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",              imageAlt: "mobile app dashboard UI"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg",
-              imageAlt: "mobile app dashboard UI",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg?_wi=2",
-          imageAlt: "professional developer workspace",
+              imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg",              imageAlt: "mobile app dashboard UI"},
+          ]
         },
         {
-          title: "Smart Guidance",
-          description: "Step-by-step resources to build your career or your business.",
-          icon: Lightbulb,
+          title: "Smart Guidance",          description: "Step-by-step resources to build your career or your business.",          icon: Lightbulb,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/working-businesswoman-using-computer-with-blank-chroma-key-template-company-employee-looking-display-with-blank-background-isolated-template-chroma-key-copy-space-monitor_482257-41382.jpg",
-              imageAlt: "tech team collaboration workspace",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/working-businesswoman-using-computer-with-blank-chroma-key-template-company-employee-looking-display-with-blank-background-isolated-template-chroma-key-copy-space-monitor_482257-41382.jpg",              imageAlt: "tech team collaboration workspace"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-business-analyst-engages-project-management-his-desk_482257-122714.jpg",
-              imageAlt: "tech team collaboration workspace",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg?_wi=1",
-          imageAlt: "professional developer workspace",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-business-analyst-engages-project-management-his-desk_482257-122714.jpg",              imageAlt: "tech team collaboration workspace"},
+          ]
         },
       ]}
       title="Everything You Need in One Place"
@@ -192,30 +130,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg?_wi=2",
-        },
+          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/busy-attractive-young-modern-businesswoman-prepare-project-reading-article-sit-near-window-cafe-table-drink-coffee-thinking-look-laptop-display-female-student-tutor-make-arrangements-future-lesson_197531-30632.jpg"},
         {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-typing-computer-keyboard-home-office_329181-17546.jpg",
-        },
+          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/man-typing-computer-keyboard-home-office_329181-17546.jpg"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
-        },
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg"},
         {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741798.jpg",
-        },
+          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741798.jpg"},
         {
-          id: "5",
-          name: "Anna Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
+          id: "5",          name: "Anna Smith",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
       ]}
       cardTitle="Loved by Thousands"
       cardTag="Testimonials"
@@ -231,20 +154,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "150+",
-          description: "Happy Clients",
-        },
+          id: "m1",          value: "150+",          description: "Happy Clients"},
         {
-          id: "m2",
-          value: "500k",
-          description: "Earned by users",
-        },
+          id: "m2",          value: "500k",          description: "Earned by users"},
         {
-          id: "m3",
-          value: "98%",
-          description: "Satisfaction",
-        },
+          id: "m3",          value: "98%",          description: "Satisfaction"},
       ]}
       title="By The Numbers"
       description="We make success scalable and accessible to everyone."
@@ -257,25 +171,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How do I get started?",
-          content: "Just sign up and select your path!",
-        },
+          id: "f1",          title: "How do I get started?",          content: "Just sign up and select your path!"},
         {
-          id: "f2",
-          title: "Is it free?",
-          content: "Basic access is free; premium features vary.",
-        },
+          id: "f2",          title: "Is it free?",          content: "Basic access is free; premium features vary."},
         {
-          id: "f3",
-          title: "Can I do both?",
-          content: "Yes, our platform supports both modes.",
-        },
+          id: "f3",          title: "Can I do both?",          content: "Yes, our platform supports both modes."},
       ]}
       title="Common Questions"
       description="Everything you need to know about starting your Hirely journey."
       faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg?_wi=3"
+      imageSrc="http://img.b2bpic.net/free-photo/open-palm-hand-gesture-presenting-tech-hologram_53876-104361.jpg"
       imageAlt="abstract network global growth"
       mediaAnimation="slide-up"
     />
@@ -285,8 +190,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get Started"
       title="Start Your Journey Today"
       description="Join our growing community and start achieving more."
@@ -301,29 +205,19 @@ export default function LandingPage() {
       logoText="Hirely"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "For Clients",
-              href: "#",
-            },
+              label: "For Clients",              href: "#"},
             {
-              label: "For Earners",
-              href: "#",
-            },
+              label: "For Earners",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1