From 4e7f5ccefe7e790356ecac46db61f5ee1d5c8e5c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 21:31:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 274 ++++++++++++++++-------------------------------
 1 file changed, 93 insertions(+), 181 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a377694..ec20dac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,193 +26,105 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Mission & Vision",
-          id: "mission",
-        },
-        {
-          name: "Our Services",
-          id: "services",
-        },
-        {
-          name: "Certificates",
-          id: "certificates",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="PSI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Mission & Vision", id: "mission" },
+              { name: "Our Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="PSI"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Technical Staffing Solutions"
-      description="Connecting top-tier engineering talent with demanding industrial projects. PSI provides professional technical staffing services with precision and reliability."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-        {
-          text: "Our Services",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg?_wi=1"
-      imageAlt="Industrial engineering team meeting"
-    />
-  </div>
+        <div id="home" data-section="home">
+            <HeroBillboardScroll
+            background={{
+              variant: "gradient-bars"}}
+            title="Technical Staffing Solutions"
+            description="Connecting top-tier engineering talent with demanding industrial projects. PSI provides professional technical staffing services with precision and reliability."
+            buttons={[
+              { text: "Contact Us", href: "#contact" },
+              { text: "Our Services", href: "#services" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg"
+            imageAlt="Industrial engineering team meeting"
+          />
+        </div>
 
-  <div id="mission" data-section="mission">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Our Mission & Vision"
-      description="We believe in building the future by bridging the gap between exceptional technical talent and the complex challenges of our industry. Our vision is to be the premier partner for technical workforce solutions."
-      imageSrc="http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg?_wi=1"
-      imageAlt="Precision engineering blueprints"
-    />
-  </div>
+        <div id="mission" data-section="mission">
+            <MediaAbout
+            useInvertedBackground={false}
+            title="Our Mission & Vision"
+            description="We believe in building the future by bridging the gap between exceptional technical talent and the complex challenges of our industry. Our vision is to be the premier partner for technical workforce solutions."
+            imageSrc="http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg"
+            imageAlt="Precision engineering blueprints"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Technical Staffing",
-          description: "Experienced engineers for all project stages.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg?_wi=2",
-            imageAlt: "Staffing support",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg?_wi=2",
-            imageAlt: "Project planning",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg?_wi=3",
-          imageAlt: "industrial engineering team meeting",
-        },
-        {
-          title: "Maintenance Support",
-          description: "Keep your operations running efficiently.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg?_wi=4",
-            imageAlt: "Maintenance team",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg?_wi=3",
-            imageAlt: "Asset reliability",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg?_wi=4",
-          imageAlt: "precision engineering blueprints",
-        },
-        {
-          title: "Quality Management",
-          description: "Adherence to highest industry standards.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg?_wi=5",
-            imageAlt: "Quality control",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg?_wi=5",
-            imageAlt: "Compliance certification",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-drinking-coffee-computer-desk_482257-118021.jpg?_wi=1",
-          imageAlt: "modern office architecture glass steel",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Expert Engineering Services"
-      description="We specialize in providing high-quality staffing for engineering, maintenance, and technical production projects."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Technical Staffing",                description: "Experienced engineers for all project stages.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "Staffing support" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg", imageAlt: "Project planning" }
+              },
+              {
+                title: "Maintenance Support",                description: "Keep your operations running efficiently.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "Maintenance team" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg", imageAlt: "Asset reliability" }
+              },
+              {
+                title: "Quality Management",                description: "Adherence to highest industry standards.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "Quality control" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg", imageAlt: "Compliance certification" }
+              }
+            ]}
+            showStepNumbers={true}
+            title="Expert Engineering Services"
+            description="We specialize in providing high-quality staffing for engineering, maintenance, and technical production projects."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Industry Certifications & Standards"
-      metricsAnimation="slide-up"
-      metrics={[
-        {
-          icon: Award,
-          label: "ISO Certified",
-          value: "9001",
-        },
-        {
-          icon: ShieldCheck,
-          label: "Safety Rating",
-          value: "100%",
-        },
-        {
-          icon: Users,
-          label: "Certified Engineers",
-          value: "500+",
-        },
-        {
-          icon: Briefcase,
-          label: "Years Experience",
-          value: "20+",
-        },
-        {
-          icon: Globe,
-          label: "Projects Completed",
-          value: "1.2k",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <AboutMetric
+            useInvertedBackground={false}
+            title="Industry Certifications & Standards"
+            metricsAnimation="slide-up"
+            metrics={[
+              { icon: Award, label: "ISO Certified", value: "9001" },
+              { icon: ShieldCheck, label: "Safety Rating", value: "100%" },
+              { icon: Users, label: "Certified Engineers", value: "500+" },
+              { icon: Briefcase, label: "Years Experience", value: "20+" },
+              { icon: Globe, label: "Projects Completed", value: "1.2k" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get in Touch"
-      description="Have a project or looking for staffing? We are ready to assist you."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-drinking-coffee-computer-desk_482257-118021.jpg?_wi=2"
-      imageAlt="Modern office architecture glass steel"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get in Touch"
+            description="Have a project or looking for staffing? We are ready to assist you."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-drinking-coffee-computer-desk_482257-118021.jpg"
+            imageAlt="Modern office architecture glass steel"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="PSI - Technische detachering"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "General Terms",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="PSI - Technische detachering"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "General Terms", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1