Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
364
src/app/page.tsx
364
src/app/page.tsx
@@ -31,128 +31,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "philosophy",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Philosophy", id: "philosophy" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SPRÅNG"
|
||||
button={{ text: "Register Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Take the Språng to Scandinavia."
|
||||
description="Your bridge to a new career and a quality life in the North. We connect Dutch talent with top employers in Sweden and Norway."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anouk V.",
|
||||
handle: "@anouk_v",
|
||||
testimonial: "Språng made my move to Sweden seamless. Their cultural integration training was invaluable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bas K.",
|
||||
handle: "@bas_k",
|
||||
testimonial: "Finally found a partner that understands the nuances of the Nordic job market.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elise J.",
|
||||
handle: "@elise_j",
|
||||
testimonial: "Moving to Norway felt daunting, but the Språng team made it feel like a step forward.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{
|
||||
name: "Daan M.",
|
||||
handle: "@daan_m",
|
||||
testimonial: "High-quality, personalized service. Highly recommended for any Dutch professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lotte F.",
|
||||
handle: "@lotte_f",
|
||||
testimonial: "The best recruitment partner I've ever worked with. Truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Anouk V.", handle: "@anouk_v", testimonial: "Språng made my move to Sweden seamless. Their cultural integration training was invaluable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
||||
{ name: "Bas K.", handle: "@bas_k", testimonial: "Finally found a partner that understands the nuances of the Nordic job market.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" },
|
||||
{ name: "Elise J.", handle: "@elise_j", testimonial: "Moving to Norway felt daunting, but the Språng team made it feel like a step forward.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
|
||||
{ name: "Daan M.", handle: "@daan_m", testimonial: "High-quality, personalized service. Highly recommended for any Dutch professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg" },
|
||||
{ name: "Lotte F.", handle: "@lotte_f", testimonial: "The best recruitment partner I've ever worked with. Truly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Register Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-woman-relaxing-home-with-warm-drink_23-2150168069.jpg"
|
||||
imageAlt="Modern Scandinavian architecture"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Portrait of professional candidate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
|
||||
alt: "Portrait of professional candidate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "Portrait of professional candidate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
|
||||
alt: "Portrait of professional candidate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
alt: "Portrait of professional candidate",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Portrait of professional candidate" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "Portrait of professional candidate" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Portrait of professional candidate" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg", alt: "Portrait of professional candidate" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "Portrait of professional candidate" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nordic Network",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cultural Integration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Transition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Career Growth",
|
||||
},
|
||||
{ type: "text", text: "Expert Support" },
|
||||
{ type: "text", text: "Nordic Network" },
|
||||
{ type: "text", text: "Cultural Integration" },
|
||||
{ type: "text", text: "Seamless Transition" },
|
||||
{ type: "text", text: "Career Growth" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,21 +81,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Bridge Philosophy"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Candidate Success",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "Companies Served",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Cities Covered",
|
||||
value: "12",
|
||||
},
|
||||
{ icon: CheckCircle, label: "Candidate Success", value: "98%" },
|
||||
{ icon: Briefcase, label: "Companies Served", value: "50+" },
|
||||
{ icon: MapPin, label: "Cities Covered", value: "12" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,42 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "cand",
|
||||
title: "For Candidates",
|
||||
author: "Career Growth",
|
||||
description: "We offer emigration guidance, job matching, and cultural integration training to ensure your 'Språng' is a success.",
|
||||
tags: [
|
||||
"Integration",
|
||||
"Matching",
|
||||
"Guidance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-trough-city_23-2149275351.jpg",
|
||||
},
|
||||
{
|
||||
id: "comp",
|
||||
title: "For Companies",
|
||||
author: "Talent Partner",
|
||||
description: "Access elite Dutch talent through our specialized recruitment pipeline, focusing on long-term retention.",
|
||||
tags: [
|
||||
"Talent",
|
||||
"Recruitment",
|
||||
"Retention",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourists-picking-direction_23-2147654150.jpg",
|
||||
},
|
||||
{
|
||||
id: "training",
|
||||
title: "Cultural Training",
|
||||
author: "Expert Insight",
|
||||
description: "We bridge the gap between cultures, providing the training necessary for a smooth transition.",
|
||||
tags: [
|
||||
"Culture",
|
||||
"Expertise",
|
||||
"Training",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-office-using-tablet-computer_171337-6871.jpg",
|
||||
},
|
||||
{ id: "cand", title: "For Candidates", author: "Career Growth", description: "We offer emigration guidance, job matching, and cultural integration training to ensure your 'Språng' is a success.", tags: ["Integration", "Matching", "Guidance"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-trough-city_23-2149275351.jpg" },
|
||||
{ id: "comp", title: "For Companies", author: "Talent Partner", description: "Access elite Dutch talent through our specialized recruitment pipeline, focusing on long-term retention.", tags: ["Talent", "Recruitment", "Retention"], imageSrc: "http://img.b2bpic.net/free-photo/tourists-picking-direction_23-2147654150.jpg" },
|
||||
{ id: "training", title: "Cultural Training", author: "Expert Insight", description: "We bridge the gap between cultures, providing the training necessary for a smooth transition.", tags: ["Culture", "Expertise", "Training"], imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-office-using-tablet-computer_171337-6871.jpg" }
|
||||
]}
|
||||
title="Our Recruitment Portals"
|
||||
description="Tailored pathways for candidates and employers."
|
||||
@@ -236,51 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "step1",
|
||||
name: "The Intake",
|
||||
price: "1",
|
||||
features: [
|
||||
"Profile Assessment",
|
||||
"Goals Alignment",
|
||||
"Initial Consultation",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "step2",
|
||||
name: "The Match",
|
||||
price: "2",
|
||||
features: [
|
||||
"Client Introduction",
|
||||
"Interview Support",
|
||||
"Offer Negotiation",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "step3",
|
||||
name: "The Move",
|
||||
price: "3",
|
||||
features: [
|
||||
"Visa Guidance",
|
||||
"Cultural Training",
|
||||
"Integration Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "step1", name: "The Intake", price: "1", features: ["Profile Assessment", "Goals Alignment", "Initial Consultation"], buttons: [{ text: "Learn More" }] },
|
||||
{ id: "step2", name: "The Match", price: "2", features: ["Client Introduction", "Interview Support", "Offer Negotiation"], buttons: [{ text: "Learn More" }] },
|
||||
{ id: "step3", name: "The Move", price: "3", features: ["Visa Guidance", "Cultural Training", "Integration Support"], buttons: [{ text: "Learn More" }] }
|
||||
]}
|
||||
title="Our 3-Step Process"
|
||||
description="How we connect talent with opportunity."
|
||||
@@ -292,46 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Seamless Transition",
|
||||
quote: "Språng helped me find a role in Stockholm that matched my career goals perfectly.",
|
||||
name: "Anouk V.",
|
||||
role: "Software Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-watering-can_23-2149412583.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Guidance",
|
||||
quote: "The cultural training saved me months of adjustment. Absolutely top-tier.",
|
||||
name: "Bas K.",
|
||||
role: "Product Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professionalism",
|
||||
quote: "They listen. They care. They deliver. The gold standard for recruitment.",
|
||||
name: "Elise J.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-staring-through-window-close-up_1098-238.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Efficient Move",
|
||||
quote: "From intake to move, the process was clear and supportive.",
|
||||
name: "Daan M.",
|
||||
role: "Marketing Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blue-successful-background-cheerful_1187-4869.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Cultural Bridge",
|
||||
quote: "I felt at home in Norway faster than I ever expected thanks to Språng.",
|
||||
name: "Lotte F.",
|
||||
role: "Sales Rep",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
},
|
||||
{ id: "1", title: "Seamless Transition", quote: "Språng helped me find a role in Stockholm that matched my career goals perfectly.", name: "Anouk V.", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-watering-can_23-2149412583.jpg" },
|
||||
{ id: "2", title: "Expert Guidance", quote: "The cultural training saved me months of adjustment. Absolutely top-tier.", name: "Bas K.", role: "Product Designer", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg" },
|
||||
{ id: "3", title: "Professionalism", quote: "They listen. They care. They deliver. The gold standard for recruitment.", name: "Elise J.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/businessman-staring-through-window-close-up_1098-238.jpg" },
|
||||
{ id: "4", title: "Efficient Move", quote: "From intake to move, the process was clear and supportive.", name: "Daan M.", role: "Marketing Lead", imageSrc: "http://img.b2bpic.net/free-photo/light-blue-successful-background-cheerful_1187-4869.jpg" },
|
||||
{ id: "5", title: "Cultural Bridge", quote: "I felt at home in Norway faster than I ever expected thanks to Språng.", name: "Lotte F.", role: "Sales Rep", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" }
|
||||
]}
|
||||
title="Stories of Success"
|
||||
description="Real impact for real professionals."
|
||||
@@ -346,36 +143,9 @@ export default function LandingPage() {
|
||||
title="Insights & News"
|
||||
description="Stay informed on the Nordic work culture."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Living",
|
||||
title: "Life in Stockholm",
|
||||
excerpt: "What to expect from the Swedish capital.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-caucasian-man-standing-front-desk-office-holding-cup-looking-away_1098-20462.jpg",
|
||||
authorName: "Språng Team",
|
||||
authorAvatar: "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",
|
||||
date: "2024-05-10",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Career",
|
||||
title: "Nordic Job Market",
|
||||
excerpt: "How to stand out in Sweden and Norway.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625704.jpg",
|
||||
authorName: "Språng Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg",
|
||||
date: "2024-05-12",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Training",
|
||||
title: "Cultural Etiquette",
|
||||
excerpt: "Understanding workplace dynamics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-together-animation-studio_23-2149207968.jpg",
|
||||
authorName: "Språng Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/outdoor-businessman-arranging-his-tie_23-2148763886.jpg",
|
||||
date: "2024-05-15",
|
||||
},
|
||||
{ id: "b1", category: "Living", title: "Life in Stockholm", excerpt: "What to expect from the Swedish capital.", imageSrc: "http://img.b2bpic.net/free-photo/creative-caucasian-man-standing-front-desk-office-holding-cup-looking-away_1098-20462.jpg", authorName: "Språng Team", authorAvatar: "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", date: "2024-05-10" },
|
||||
{ id: "b2", category: "Career", title: "Nordic Job Market", excerpt: "How to stand out in Sweden and Norway.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625704.jpg", authorName: "Språng Team", authorAvatar: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg", date: "2024-05-12" },
|
||||
{ id: "b3", category: "Training", title: "Cultural Etiquette", excerpt: "Understanding workplace dynamics.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-together-animation-studio_23-2149207968.jpg", authorName: "Språng Team", authorAvatar: "http://img.b2bpic.net/free-photo/outdoor-businessman-arranging-his-tie_23-2148763886.jpg", date: "2024-05-15" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -383,18 +153,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Take the Språng today."
|
||||
description="Ready for your new chapter? We're here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@sprang.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@sprang.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -403,44 +166,23 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#philosophy",
|
||||
},
|
||||
],
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Philosophy", href: "#philosophy" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Register Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Register Now", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:info@sprang.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Contact", href: "mailto:info@sprang.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="SPRÅNG"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user