bender/78c4c02d-5dd0-4e1b-b9bc-8e2c39826c5a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 15:09:32 +00:00
parent aa544969a6
commit 7e5f87a309
1 changed files with 59 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Clock, Globe, Package, Users } from "lucide-react";
import { Clock, Globe, Package, Users, Truck, Ship, Plane, Warehouse, FileText } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Über Uns",
id: "about",
},
name: "Über Uns", id: "about"},
{
name: "Dienstleistungen",
id: "features",
},
name: "Dienstleistungen", id: "features"},
{
name: "Zahlen & Fakten",
id: "metrics",
},
name: "Zahlen & Fakten", id: "metrics"},
{
name: "Referenzen",
id: "testimonials",
},
name: "Referenzen", id: "testimonials"},
{
name: "Partner",
id: "social-proof",
},
name: "Partner", id: "social-proof"},
{
name: "FAQs",
id: "faq",
},
name: "FAQs", id: "faq"},
{
name: "Kontakt",
id: "contact",
},
name: "Kontakt", id: "contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/save-sign-front-side_187299-39661.jpg"
logoAlt="Jörg Meyer Beteiligungs-GmbH Logo"
@@ -74,44 +58,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Jörg Meyer Beteiligungs-GmbH: Ihr Partner für Fracht & Logistik"
description="Wir bieten maßgeschneiderte Speditionslösungen für Land-, See- und Luftfracht. Verlassen Sie sich auf unsere Expertise und unser globales Netzwerk für pünktliche und sichere Lieferungen."
tag="Logistikexpertise seit 1990"
tagAnimation="slide-up"
buttons={[
{
text: "Unsere Services entdecken",
href: "#features",
},
text: "Unsere Services entdecken", href: "#features"},
{
text: "Angebot anfordern",
href: "#contact",
},
text: "Angebot anfordern", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662922.jpg",
imageAlt: "Container ship at sea",
},
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662922.jpg", imageAlt: "Container ship at sea"},
{
imageSrc: "http://img.b2bpic.net/free-photo/large-white-freight-truck-driving-winter-highway-through-snowy-countryside-transport-logistics_169016-71800.jpg",
imageAlt: "Truck on a highway",
},
imageSrc: "http://img.b2bpic.net/free-photo/large-white-freight-truck-driving-winter-highway-through-snowy-countryside-transport-logistics_169016-71800.jpg", imageAlt: "Truck on a highway"},
{
imageSrc: "http://img.b2bpic.net/free-photo/airplane-track-front-view-generative-ai_188544-7895.jpg",
imageAlt: "Cargo plane loading",
},
imageSrc: "http://img.b2bpic.net/free-photo/airplane-track-front-view-generative-ai_188544-7895.jpg", imageAlt: "Cargo plane loading"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397573.jpg",
imageAlt: "Modern warehouse interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397573.jpg", imageAlt: "Modern warehouse interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vehicles-laptop-supply-chain-representation_23-2149853161.jpg",
imageAlt: "Digital logistics dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/vehicles-laptop-supply-chain-representation_23-2149853161.jpg", imageAlt: "Digital logistics dashboard"},
]}
mediaAnimation="slide-up"
/>
@@ -122,14 +91,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Über Jörg Meyer Beteiligungs-GmbH"
description={[
"Seit unserer Gründung im Jahr 1990 hat sich Jörg Meyer Beteiligungs-GmbH zu einem führenden Anbieter im Bereich Frachtspeditionsdienstleistungen entwickelt. Mit Sitz in Oldenburg sind wir stolz darauf, nationale und internationale Unternehmen mit effizienten und zuverlässigen Transportlösungen zu unterstützen.",
"Unser Engagement für Exzellenz, unsere langjährige Erfahrung und unser umfassendes Netzwerk ermöglichen es uns, selbst die komplexesten logistischen Herausforderungen zu meistern. Wir legen Wert auf persönliche Beratung und maßgeschneiderte Lösungen, die genau auf Ihre Bedürfnisse zugeschnitten sind.",
]}
"Seit unserer Gründung im Jahr 1990 hat sich Jörg Meyer Beteiligungs-GmbH zu einem führenden Anbieter im Bereich Frachtspeditionsdienstleistungen entwickelt. Mit Sitz in Oldenburg sind wir stolz darauf, nationale und internationale Unternehmen mit effizienten und zuverlässigen Transportlösungen zu unterstützen.", "Unser Engagement für Exzellenz, unsere langjährige Erfahrung und unser umfassendes Netzwerk ermöglichen es uns, selbst die komplexesten logistischen Herausforderungen zu meistern. Wir legen Wert auf persönliche Beratung und maßgeschneiderte Lösungen, die genau auf Ihre Bedürfnisse zugeschnitten sind."]}
buttons={[
{
text: "Mehr erfahren",
href: "#about",
},
text: "Mehr erfahren", href: "#about"},
]}
buttonAnimation="slide-up"
/>
@@ -141,39 +106,19 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Landtransport",
description: "Zuverlässige europaweite Transporte per LKW für Teil- und Komplettladungen, Expresslieferungen und Sondertransporte.",
imageSrc: "http://img.b2bpic.net/free-photo/large-cargo-truck-transporting-freight-snowy-winter-highway-freight-truck-road_169016-71715.jpg",
imageAlt: "Trucks for land transport",
buttonIcon: "Truck",
title: "Landtransport", description: "Zuverlässige europaweite Transporte per LKW für Teil- und Komplettladungen, Expresslieferungen und Sondertransporte.", imageSrc: "http://img.b2bpic.net/free-photo/large-cargo-truck-transporting-freight-snowy-winter-highway-freight-truck-road_169016-71715.jpg", imageAlt: "Trucks for land transport", buttonIcon: Truck,
},
{
title: "Seefracht",
description: "Flexible FCL- und LCL-Lösungen für weltweite Seefracht. Wir kümmern uns um alle Formalitäten und die pünktliche Ankunft Ihrer Sendungen.",
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662944.jpg",
imageAlt: "Container ship at port",
buttonIcon: "Ship",
title: "Seefracht", description: "Flexible FCL- und LCL-Lösungen für weltweite Seefracht. Wir kümmern uns um alle Formalitäten und die pünktliche Ankunft Ihrer Sendungen.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662944.jpg", imageAlt: "Container ship at port", buttonIcon: Ship,
},
{
title: "Luftfracht",
description: "Schnelle und sichere globale Luftfrachttransporte für zeitkritische Sendungen. Wir gewährleisten höchste Effizienz und Transparenz.",
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-pretty-delivery-girl-red-uniform-cap-holding-pen-clipboard-with-carton-box-looking-down-isolated-orange-background_141793-90738.jpg",
imageAlt: "Cargo plane on runway",
buttonIcon: "Plane",
title: "Luftfracht", description: "Schnelle und sichere globale Luftfrachttransporte für zeitkritische Sendungen. Wir gewährleisten höchste Effizienz und Transparenz.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-pretty-delivery-girl-red-uniform-cap-holding-pen-clipboard-with-carton-box-looking-down-isolated-orange-background_141793-90738.jpg", imageAlt: "Cargo plane on runway", buttonIcon: Plane,
},
{
title: "Lagerlogistik",
description: "Moderne Lagerlösungen inklusive Warenumschlag, Kommissionierung, Verpackung und Bestandsmanagement für Ihre Lieferkette.",
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294526.jpg",
imageAlt: "Warehouse interior with packages",
buttonIcon: "Warehouse",
title: "Lagerlogistik", description: "Moderne Lagerlösungen inklusive Warenumschlag, Kommissionierung, Verpackung und Bestandsmanagement für Ihre Lieferkette.", imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294526.jpg", imageAlt: "Warehouse interior with packages", buttonIcon: Warehouse,
},
{
title: "Zollabwicklung",
description: "Kompetente Beratung und Abwicklung aller Zollformalitäten, um reibungslose internationale Transporte zu gewährleisten.",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-data-project_53876-41687.jpg",
imageAlt: "Customs documents",
buttonIcon: "FileText",
title: "Zollabwicklung", description: "Kompetente Beratung und Abwicklung aller Zollformalitäten, um reibungslose internationale Transporte zu gewährleisten.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-data-project_53876-41687.jpg", imageAlt: "Customs documents", buttonIcon: FileText,
},
]}
title="Unsere Kern-Dienstleistungen"
@@ -188,29 +133,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Clock,
title: "Jahre Erfahrung",
value: "30+",
},
id: "m1", icon: Clock,
title: "Jahre Erfahrung", value: "30+"},
{
id: "m2",
icon: Package,
title: "Erfolgreiche Sendungen",
value: "10M+",
},
id: "m2", icon: Package,
title: "Erfolgreiche Sendungen", value: "10M+"},
{
id: "m3",
icon: Globe,
title: "Globale Destinationen",
value: "150+",
},
id: "m3", icon: Globe,
title: "Globale Destinationen", value: "150+"},
{
id: "m4",
icon: Users,
title: "Zufriedene Kunden",
value: "500+",
},
id: "m4", icon: Users,
title: "Zufriedene Kunden", value: "500+"},
]}
title="Jahre Erfahrung, Millionenfache Zufriedenheit"
description="Unsere Zahlen sprechen für sich: Engagement und Exzellenz in jedem Projekt."
@@ -224,45 +157,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Lena Schmidt",
role: "Logistikleiterin",
testimonial: "Jörg Meyer Beteiligungs-GmbH ist unser langjähriger Partner für Seefracht. Die Abwicklung ist immer professionell, pünktlich und transparent. Absolut empfehlenswert!",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
imageAlt: "Lena Schmidt",
},
id: "t1", name: "Lena Schmidt", role: "Logistikleiterin", testimonial: "Jörg Meyer Beteiligungs-GmbH ist unser langjähriger Partner für Seefracht. Die Abwicklung ist immer professionell, pünktlich und transparent. Absolut empfehlenswert!", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageAlt: "Lena Schmidt"},
{
id: "t2",
name: "Markus Huber",
role: "Geschäftsführer",
testimonial: "Für unsere eiligen Landtransporte verlassen wir uns immer auf Jörg Meyer. Der Service ist erstklassig, und die Kommunikation ist hervorragend. Ein verlässlicher Partner!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
imageAlt: "Markus Huber",
},
id: "t2", name: "Markus Huber", role: "Geschäftsführer", testimonial: "Für unsere eiligen Landtransporte verlassen wir uns immer auf Jörg Meyer. Der Service ist erstklassig, und die Kommunikation ist hervorragend. Ein verlässlicher Partner!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Markus Huber"},
{
id: "t3",
name: "Sophie Weber",
role: "Supply Chain Managerin",
testimonial: "Die Zollabwicklung kann komplex sein, aber mit Jörg Meyer läuft alles reibungslos. Ihre Expertise spart uns viel Zeit und Nerven bei internationalen Sendungen.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-papers-standing-isolated-blue_1303-29761.jpg",
imageAlt: "Sophie Weber",
},
id: "t3", name: "Sophie Weber", role: "Supply Chain Managerin", testimonial: "Die Zollabwicklung kann komplex sein, aber mit Jörg Meyer läuft alles reibungslos. Ihre Expertise spart uns viel Zeit und Nerven bei internationalen Sendungen.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-papers-standing-isolated-blue_1303-29761.jpg", imageAlt: "Sophie Weber"},
{
id: "t4",
name: "David Müller",
role: "Inhaber E-Commerce",
testimonial: "Unsere Produkte müssen schnell und sicher zu Kunden weltweit. Jörg Meyer bietet uns hierfür die perfekte Mischung aus Luftfracht-Geschwindigkeit und zuverlässigem Service. Immer wieder gerne!",
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2940.jpg",
imageAlt: "David Müller",
},
id: "t4", name: "David Müller", role: "Inhaber E-Commerce", testimonial: "Unsere Produkte müssen schnell und sicher zu Kunden weltweit. Jörg Meyer bietet uns hierfür die perfekte Mischung aus Luftfracht-Geschwindigkeit und zuverlässigem Service. Immer wieder gerne!", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2940.jpg", imageAlt: "David Müller"},
{
id: "t5",
name: "Lisa Schneider",
role: "Betriebsleiterin",
testimonial: "Von Lagerung bis zum finalen Transport, die Jörg Meyer Beteiligungs-GmbH deckt unsere gesamte Logistikkette ab. Exzellente Lösungen und ein starkes Team!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
imageAlt: "Lisa Schneider",
},
id: "t5", name: "Lisa Schneider", role: "Betriebsleiterin", testimonial: "Von Lagerung bis zum finalen Transport, die Jörg Meyer Beteiligungs-GmbH deckt unsere gesamte Logistikkette ab. Exzellente Lösungen und ein starkes Team!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", imageAlt: "Lisa Schneider"},
]}
title="Was unsere Kunden sagen"
description="Echte Meinungen zufriedener Partner, die auf unsere Logistikexpertise vertrauen."
@@ -274,16 +177,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Deutsche Post DHL",
"DB Schenker",
"Kühne + Nagel",
"FedEx",
"UPS",
"Maersk",
"Hapag-Lloyd",
"Hamburg Port Authority",
"BLG Logistics",
]}
"Deutsche Post DHL", "DB Schenker", "Kühne + Nagel", "FedEx", "UPS", "Maersk", "Hapag-Lloyd", "Hamburg Port Authority", "BLG Logistics"]}
title="Ein Netzwerk, dem Sie vertrauen können"
description="Wir sind stolz auf unsere Partnerschaften und unser Engagement in der Logistikbranche."
/>
@@ -295,25 +189,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Welche Frachtarten transportieren Sie?",
content: "Wir transportieren eine Vielzahl von Frachtarten, darunter Stückgut, Teil- und Komplettladungen, Gefahrgüter (nach Absprache) sowie temperaturgeführte Waren per Land-, See- und Luftfracht.",
},
id: "q1", title: "Welche Frachtarten transportieren Sie?", content: "Wir transportieren eine Vielzahl von Frachtarten, darunter Stückgut, Teil- und Komplettladungen, Gefahrgüter (nach Absprache) sowie temperaturgeführte Waren per Land-, See- und Luftfracht."},
{
id: "q2",
title: "Bieten Sie auch internationale Transporte an?",
content: "Ja, wir sind spezialisiert auf internationale Frachtspeditionsdienstleistungen und verfügen über ein globales Partnernetzwerk, um Ihre Waren weltweit zu versenden.",
},
id: "q2", title: "Bieten Sie auch internationale Transporte an?", content: "Ja, wir sind spezialisiert auf internationale Frachtspeditionsdienstleistungen und verfügen über ein globales Partnernetzwerk, um Ihre Waren weltweit zu versenden."},
{
id: "q3",
title: "Wie kann ich den Status meiner Sendung verfolgen?",
content: "Nach Auftragserteilung erhalten Sie von uns eine Sendungsnummer. Mit dieser können Sie den aktuellen Status Ihrer Sendung über unser Online-Portal verfolgen oder unseren Kundenservice kontaktieren.",
},
id: "q3", title: "Wie kann ich den Status meiner Sendung verfolgen?", content: "Nach Auftragserteilung erhalten Sie von uns eine Sendungsnummer. Mit dieser können Sie den aktuellen Status Ihrer Sendung über unser Online-Portal verfolgen oder unseren Kundenservice kontaktieren."},
{
id: "q4",
title: "Was kostet ein Frachttransport?",
content: "Die Kosten hängen von verschiedenen Faktoren ab, wie Frachtart, Gewicht, Volumen, Strecke und gewählter Transportart. Kontaktieren Sie uns für ein individuelles und unverbindliches Angebot.",
},
id: "q4", title: "Was kostet ein Frachttransport?", content: "Die Kosten hängen von verschiedenen Faktoren ab, wie Frachtart, Gewicht, Volumen, Strecke und gewählter Transportart. Kontaktieren Sie uns für ein individuelles und unverbindliches Angebot."},
]}
imageSrc="http://img.b2bpic.net/free-photo/diverse-business-colleagues-studying-agreement_74855-1775.jpg"
imageAlt="Logistics team discussing"
@@ -332,27 +214,16 @@ export default function LandingPage() {
description="Wir freuen uns darauf, Ihre individuellen Transport- und Logistikanforderungen zu besprechen."
inputs={[
{
name: "name",
type: "text",
placeholder: "Ihr Name",
required: true,
name: "name", type: "text", placeholder: "Ihr Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Ihre E-Mail-Adresse",
required: true,
name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Ihre Telefonnummer (optional)",
},
name: "phone", type: "tel", placeholder: "Ihre Telefonnummer (optional)"},
]}
textarea={{
name: "message",
placeholder: "Ihre Nachricht oder Anfrage",
rows: 5,
name: "message", placeholder: "Ihre Nachricht oder Anfrage", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745312.jpg"
@@ -372,58 +243,35 @@ export default function LandingPage() {
logoText="Jörg Meyer Beteiligungs-GmbH"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Dienstleistungen",
href: "#features",
},
label: "Dienstleistungen", href: "#features"},
{
label: "Über Uns",
href: "#about",
},
label: "Über Uns", href: "#about"},
{
label: "Kontakt",
href: "#contact",
},
label: "Kontakt", href: "#contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Landtransport",
href: "#features",
},
label: "Landtransport", href: "#features"},
{
label: "Seefracht",
href: "#features",
},
label: "Seefracht", href: "#features"},
{
label: "Luftfracht",
href: "#features",
},
label: "Luftfracht", href: "#features"},
{
label: "Lagerlogistik",
href: "#features",
},
label: "Lagerlogistik", href: "#features"},
],
},
{
title: "Rechtliches",
items: [
title: "Rechtliches", items: [
{
label: "Impressum",
href: "#",
},
label: "Impressum", href: "#"},
{
label: "Datenschutz",
href: "#",
},
label: "Datenschutz", href: "#"},
],
},
]}