Update src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user