Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "features",
|
||||
},
|
||||
name: "Diensten", id: "features"},
|
||||
{
|
||||
name: "Faciliteiten",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Faciliteiten", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MMC HARDENBERG B.V."
|
||||
/>
|
||||
@@ -59,35 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welkom bij MMC HARDENBERG B.V."
|
||||
description="Specialisten in machinebouw, constructie en mechanisch onderhoud."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg?_wi=1",
|
||||
imageAlt: "Industrial factory floor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg", imageAlt: "Industrial factory floor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg",
|
||||
imageAlt: "Mechanical engineering",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg", imageAlt: "Mechanical engineering"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5218.jpg",
|
||||
imageAlt: "Construction workshop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5218.jpg", imageAlt: "Construction workshop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-assembly-line-producing-fiberglass-heavy-industry-machinery-metalworking-workshop-concept_645730-524.jpg",
|
||||
imageAlt: "Precision work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-assembly-line-producing-fiberglass-heavy-industry-machinery-metalworking-workshop-concept_645730-524.jpg", imageAlt: "Precision work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metalworking-machine_176420-4718.jpg",
|
||||
imageAlt: "Machine maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metalworking-machine_176420-4718.jpg", imageAlt: "Machine maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-factory-operator-is-controlling-machine-tool-cutting-steel_613910-17182.jpg",
|
||||
imageAlt: "Manufacturing process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-factory-operator-is-controlling-machine-tool-cutting-steel_613910-17182.jpg", imageAlt: "Manufacturing process"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,10 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Over MMC Hardenberg"
|
||||
description={[
|
||||
"MMC Hardenberg is een flexibel bedrijf dat gespecialiseerd is in machinebouw, constructie en verspanende werkzaamheden.",
|
||||
"Wij verzorgen ook al uw mechanisch onderhoud en reparaties met de hoogste kwaliteit en zorg.",
|
||||
"Kwaliteit en klanttevredenheid staan bij ons centraal in elk project.",
|
||||
]}
|
||||
"MMC Hardenberg is een flexibel bedrijf dat gespecialiseerd is in machinebouw, constructie en verspanende werkzaamheden.", "Wij verzorgen ook al uw mechanisch onderhoud en reparaties met de hoogste kwaliteit en zorg.", "Kwaliteit en klanttevredenheid staan bij ons centraal in elk project."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,55 +85,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Machinebouw",
|
||||
description: "Maatwerk oplossingen voor uw productieproces.",
|
||||
icon: Settings,
|
||||
title: "Machinebouw", description: "Maatwerk oplossingen voor uw productieproces.", icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-process-details_140725-8069.jpg",
|
||||
imageAlt: "Machinebouw",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-process-details_140725-8069.jpg", imageAlt: "Machinebouw"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-engineer-metal-processing-equipment-photo-with-depth-field_645730-111.jpg",
|
||||
imageAlt: "Machinebouw",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-engineer-metal-processing-equipment-photo-with-depth-field_645730-111.jpg", imageAlt: "Machinebouw"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg?_wi=2",
|
||||
imageAlt: "industrial welding machine close up",
|
||||
},
|
||||
{
|
||||
title: "Constructie",
|
||||
description: "Solide stalen constructies en reparaties.",
|
||||
icon: Wrench,
|
||||
title: "Constructie", description: "Solide stalen constructies en reparaties.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-factory_1098-14007.jpg",
|
||||
imageAlt: "Constructie",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-factory_1098-14007.jpg", imageAlt: "Constructie"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-767.jpg",
|
||||
imageAlt: "Constructie",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-767.jpg", imageAlt: "Constructie"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-server-hub-manager-does-fist-bump-with-worker-after-completing-operations_482257-123217.jpg?_wi=1",
|
||||
imageAlt: "industrial welding machine close up",
|
||||
},
|
||||
{
|
||||
title: "Onderhoud",
|
||||
description: "Mechanisch onderhoud en snelle reparaties.",
|
||||
icon: Activity,
|
||||
title: "Onderhoud", description: "Mechanisch onderhoud en snelle reparaties.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-operating-industrial-machine-setting-parameters-computer_342744-133.jpg",
|
||||
imageAlt: "Onderhoud",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-operating-industrial-machine-setting-parameters-computer_342744-133.jpg", imageAlt: "Onderhoud"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-electronic-components-high-tech-factory_1385-3206.jpg",
|
||||
imageAlt: "Onderhoud",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-electronic-components-high-tech-factory_1385-3206.jpg", imageAlt: "Onderhoud"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589553.jpg?_wi=1",
|
||||
imageAlt: "industrial welding machine close up",
|
||||
},
|
||||
]}
|
||||
title="Onze Diensten"
|
||||
@@ -174,31 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Jaar Ervaring",
|
||||
items: [
|
||||
"Expertise",
|
||||
"Kwaliteit",
|
||||
],
|
||||
id: "m1", value: "20+", title: "Jaar Ervaring", items: [
|
||||
"Expertise", "Kwaliteit"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Klanttevredenheid",
|
||||
items: [
|
||||
"Vertrouwen",
|
||||
"Focus",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Klanttevredenheid", items: [
|
||||
"Vertrouwen", "Focus"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
items: [
|
||||
"Bereikbaar",
|
||||
"Snel",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Service", items: [
|
||||
"Bereikbaar", "Snel"],
|
||||
},
|
||||
]}
|
||||
title="Faciliteiten & Expertise"
|
||||
@@ -213,23 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Directie",
|
||||
role: "Management",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-server-hub-manager-does-fist-bump-with-worker-after-completing-operations_482257-123217.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Directie", role: "Management", imageSrc: "http://img.b2bpic.net/free-photo/happy-server-hub-manager-does-fist-bump-with-worker-after-completing-operations_482257-123217.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Technisch Team",
|
||||
role: "Ingenieurs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-supervisors-diverse-group-engaging-briefing-production-metrics_482257-126076.jpg",
|
||||
},
|
||||
id: "t2", name: "Technisch Team", role: "Ingenieurs", imageSrc: "http://img.b2bpic.net/free-photo/factory-supervisors-diverse-group-engaging-briefing-production-metrics_482257-126076.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Montage Team",
|
||||
role: "Specialisten",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",
|
||||
},
|
||||
id: "t3", name: "Montage Team", role: "Specialisten", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg"},
|
||||
]}
|
||||
title="Ons Vakteam"
|
||||
description="Gedreven professionals klaar voor uw uitdaging."
|
||||
@@ -242,45 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Topkwaliteit",
|
||||
quote: "MMC Hardenberg levert vakmanschap.",
|
||||
name: "Jan De Vries",
|
||||
role: "Productie Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589553.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Topkwaliteit", quote: "MMC Hardenberg levert vakmanschap.", name: "Jan De Vries", role: "Productie Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589553.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Snel en betrouwbaar",
|
||||
quote: "Geweldige service bij onderhoud.",
|
||||
name: "Anna Bakker",
|
||||
role: "Technisch Adviseur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-associate-fulfilling-purchases_482257-75289.jpg",
|
||||
},
|
||||
id: "2", title: "Snel en betrouwbaar", quote: "Geweldige service bij onderhoud.", name: "Anna Bakker", role: "Technisch Adviseur", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-associate-fulfilling-purchases_482257-75289.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professioneel",
|
||||
quote: "Denken echt mee met het ontwerp.",
|
||||
name: "Willem Jansen",
|
||||
role: "Eigenaar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg",
|
||||
},
|
||||
id: "3", title: "Professioneel", quote: "Denken echt mee met het ontwerp.", name: "Willem Jansen", role: "Eigenaar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Aanrader",
|
||||
quote: "Zeer tevreden over de constructie.",
|
||||
name: "Sophie Smit",
|
||||
role: "Inkoop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-architect-discussing-layout-plan-blueprint-office_23-2147842995.jpg",
|
||||
},
|
||||
id: "4", title: "Aanrader", quote: "Zeer tevreden over de constructie.", name: "Sophie Smit", role: "Inkoop", imageSrc: "http://img.b2bpic.net/free-photo/group-architect-discussing-layout-plan-blueprint-office_23-2147842995.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Uitstekend",
|
||||
quote: "Altijd bereikbaar en deskundig.",
|
||||
name: "Mark Visser",
|
||||
role: "Facility Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
|
||||
},
|
||||
id: "5", title: "Uitstekend", quote: "Altijd bereikbaar en deskundig.", name: "Mark Visser", role: "Facility Manager", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Ervaringen van onze partners in de industrie."
|
||||
@@ -291,18 +184,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Wilt u direct contact met ons opnemen voor een offerte of advies? Bel ons of stuur een bericht."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel ons direct",
|
||||
href: "tel:+31523...",
|
||||
},
|
||||
text: "Bel ons direct", href: "tel:+31523..."},
|
||||
{
|
||||
text: "E-mail ons",
|
||||
href: "mailto:info@mmc-hardenberg.nl",
|
||||
},
|
||||
text: "E-mail ons", href: "mailto:info@mmc-hardenberg.nl"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,25 +199,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Bedrijf",
|
||||
items: [
|
||||
title: "Bedrijf", items: [
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over ons", href: "#about"},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Diensten", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Neem contact op",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Neem contact op", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user