10-04-2026
This commit is contained in:
parent
4d6b4930b2
commit
4bb89aad8c
836 changed files with 52961 additions and 5950 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import { ArrowRight } from "lucide-react";
|
||||
import room1 from "../assets/room-1.jpg";
|
||||
import room2 from "../assets/room-2.jpg";
|
||||
import room2 from "../assets/room-2.jpg";
|
||||
import room3 from "../assets/room-3.jpg";
|
||||
|
||||
const BrandWorlds = () => {
|
||||
|
|
@ -15,7 +15,7 @@ const BrandWorlds = () => {
|
|||
{
|
||||
id: 2,
|
||||
image: room2,
|
||||
title: "stileigentum",
|
||||
title: "stileigentum",
|
||||
description: "Für exklusive Premium-Immobilien und zeitlose Eleganz mit höchsten Ansprüchen.",
|
||||
link: "/rooms"
|
||||
},
|
||||
|
|
@ -35,30 +35,30 @@ const BrandWorlds = () => {
|
|||
<div className="text-center mb-16">
|
||||
<h2 className="text-section-title">Unsere Markenwelten</h2>
|
||||
<p className="text-large text-muted-foreground mt-4 max-w-2xl mx-auto">
|
||||
Entdecken Sie die Welten von B2In – drei Bereiche, ein Ökosystem.
|
||||
Entdecken Sie die Welten von B2in – drei Bereiche, ein Ökosystem.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Brand Cards */}
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
{worlds.map((world) => (
|
||||
<div key={world.id} className="card-elevated overflow-hidden group hover:shadow-[var(--shadow-elevated)] transition-all duration-300">
|
||||
<div className="relative">
|
||||
<img
|
||||
src={world.image}
|
||||
<img
|
||||
src={world.image}
|
||||
alt={world.title}
|
||||
className="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent" />
|
||||
</div>
|
||||
|
||||
|
||||
<div className="p-6 spacing-small">
|
||||
<h3 className="text-xl font-medium">{world.title}</h3>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
{world.description}
|
||||
</p>
|
||||
|
||||
<a
|
||||
|
||||
<a
|
||||
href={world.link}
|
||||
className="inline-flex items-center gap-2 text-secondary font-medium hover:gap-3 transition-all duration-300"
|
||||
>
|
||||
|
|
@ -74,4 +74,4 @@ const BrandWorlds = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default BrandWorlds;
|
||||
export default BrandWorlds;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ const BrokerSection = () => {
|
|||
{
|
||||
icon: Target,
|
||||
title: "Qualifizierte Leads",
|
||||
description: "Vorgefilterte, interessierte Kunden durch das B2In-Portal und Premium-Mitgliedschaften"
|
||||
description: "Vorgefilterte, interessierte Kunden durch das B2in-Portal und Premium-Mitgliedschaften"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
|
|
@ -38,7 +38,7 @@ const BrokerSection = () => {
|
|||
Lifetime-Vergütung
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="space-y-6">
|
||||
<div className="bg-accent/30 rounded-xl p-6">
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
|
|
@ -49,7 +49,7 @@ const BrokerSection = () => {
|
|||
<div className="bg-primary h-2 rounded-full w-[35%]"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="bg-accent/30 rounded-xl p-6">
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
<span className="text-sm text-muted-foreground">Folgegeschäfte</span>
|
||||
|
|
@ -59,7 +59,7 @@ const BrokerSection = () => {
|
|||
<div className="bg-primary h-2 rounded-full w-[60%]"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="bg-primary/10 rounded-xl p-6">
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
<span className="text-sm font-medium text-foreground">Lifetime Value</span>
|
||||
|
|
@ -72,26 +72,26 @@ const BrokerSection = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="space-y-8 order-1 lg:order-2">
|
||||
<div>
|
||||
<div className="inline-flex items-center gap-2 bg-primary/10 text-primary px-4 py-2 rounded-full text-sm font-medium mb-6">
|
||||
<TrendingUp className="w-4 h-4" />
|
||||
Für Makler
|
||||
</div>
|
||||
|
||||
|
||||
<h2 className="text-4xl lg:text-5xl font-light text-foreground mb-6">
|
||||
Nachhaltiger <span className="text-primary">Erfolg</span> durch Innovation
|
||||
</h2>
|
||||
|
||||
|
||||
<p className="text-xl text-muted-foreground leading-relaxed">
|
||||
Unser revolutionäres Lifetime-Vergütungsmodell belohnt langfristige
|
||||
Kundenbeziehungen. Durch durchdachte Wohnkonzepte vermarkten Sie
|
||||
Immobilien nicht nur schneller, sondern bauen nachhaltige
|
||||
Unser revolutionäres Lifetime-Vergütungsmodell belohnt langfristige
|
||||
Kundenbeziehungen. Durch durchdachte Wohnkonzepte vermarkten Sie
|
||||
Immobilien nicht nur schneller, sondern bauen nachhaltige
|
||||
Einnahmequellen auf.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="space-y-6">
|
||||
{benefits.map((benefit, index) => (
|
||||
<div key={index} className="flex gap-4">
|
||||
|
|
@ -116,4 +116,4 @@ const BrokerSection = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default BrokerSection;
|
||||
export default BrokerSection;
|
||||
|
|
|
|||
|
|
@ -42,14 +42,14 @@ const DigitalCore = () => {
|
|||
<Zap className="w-4 h-4" />
|
||||
Das digitale Herzstück
|
||||
</div>
|
||||
|
||||
|
||||
<h2 className="text-4xl lg:text-5xl font-light text-foreground mb-6">
|
||||
B2In <span className="text-primary">Portal</span>
|
||||
B2in <span className="text-primary">Portal</span>
|
||||
</h2>
|
||||
|
||||
|
||||
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
|
||||
Unsere zentrale technologische Plattform verbindet alle Ecosystem-Teilnehmer
|
||||
nahtlos miteinander. Modernste Technologie trifft auf intuitive Bedienung
|
||||
Unsere zentrale technologische Plattform verbindet alle Ecosystem-Teilnehmer
|
||||
nahtlos miteinander. Modernste Technologie trifft auf intuitive Bedienung
|
||||
und schafft einzigartige digitale Erlebnisse.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -66,7 +66,7 @@ const DigitalCore = () => {
|
|||
Zentrale Plattform
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-center gap-3 bg-background/50 rounded-xl p-4">
|
||||
<div className="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center">
|
||||
|
|
@ -77,7 +77,7 @@ const DigitalCore = () => {
|
|||
<p className="text-xs text-muted-foreground">Online & Verfügbar</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3 bg-background/50 rounded-xl p-4">
|
||||
<div className="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center">
|
||||
<div className="w-3 h-3 rounded-full bg-white"></div>
|
||||
|
|
@ -87,7 +87,7 @@ const DigitalCore = () => {
|
|||
<p className="text-xs text-muted-foreground">Online & Verfügbar</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3 bg-background/50 rounded-xl p-4">
|
||||
<div className="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center">
|
||||
<div className="w-3 h-3 rounded-full bg-white"></div>
|
||||
|
|
@ -97,7 +97,7 @@ const DigitalCore = () => {
|
|||
<p className="text-xs text-muted-foreground">Online & Verfügbar</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3 bg-background/50 rounded-xl p-4">
|
||||
<div className="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center">
|
||||
<div className="w-3 h-3 rounded-full bg-white"></div>
|
||||
|
|
@ -111,21 +111,21 @@ const DigitalCore = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="space-y-8">
|
||||
<div>
|
||||
<h3 className="text-3xl font-light text-foreground mb-6">
|
||||
Technische <span className="text-primary">Excellence</span>
|
||||
</h3>
|
||||
|
||||
|
||||
<p className="text-lg text-muted-foreground leading-relaxed">
|
||||
Das B2In-Portal ist mehr als nur eine Software – es ist das
|
||||
technologische Rückgrat unseres gesamten Ecosystems. Entwickelt
|
||||
mit modernsten Standards für Sicherheit, Performance und
|
||||
Das B2in-Portal ist mehr als nur eine Software – es ist das
|
||||
technologische Rückgrat unseres gesamten Ecosystems. Entwickelt
|
||||
mit modernsten Standards für Sicherheit, Performance und
|
||||
Benutzerfreundlichkeit.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="grid gap-4">
|
||||
<div className="flex items-center gap-3 bg-accent/30 rounded-xl p-4">
|
||||
<Shield className="w-6 h-6 text-primary" />
|
||||
|
|
@ -134,7 +134,7 @@ const DigitalCore = () => {
|
|||
<p className="text-sm text-muted-foreground">Garantierte Verfügbarkeit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3 bg-accent/30 rounded-xl p-4">
|
||||
<Cpu className="w-6 h-6 text-primary" />
|
||||
<div>
|
||||
|
|
@ -142,7 +142,7 @@ const DigitalCore = () => {
|
|||
<p className="text-sm text-muted-foreground">Blitzschnelle Performance</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3 bg-accent/30 rounded-xl p-4">
|
||||
<Database className="w-6 h-6 text-primary" />
|
||||
<div>
|
||||
|
|
@ -153,18 +153,18 @@ const DigitalCore = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
{features.map((feature, index) => (
|
||||
<div key={index} className="card-elevated rounded-2xl p-8">
|
||||
<div className="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-6">
|
||||
<feature.icon className="w-7 h-7 text-primary" />
|
||||
</div>
|
||||
|
||||
|
||||
<h3 className="text-xl font-semibold text-foreground mb-4">
|
||||
{feature.title}
|
||||
</h3>
|
||||
|
||||
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
{feature.description}
|
||||
</p>
|
||||
|
|
@ -176,4 +176,4 @@ const DigitalCore = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default DigitalCore;
|
||||
export default DigitalCore;
|
||||
|
|
|
|||
|
|
@ -7,15 +7,15 @@ const EcosystemHero = () => {
|
|||
<div className="grid lg:grid-cols-2 gap-16 items-center">
|
||||
<div className="space-y-8">
|
||||
<h1 className="text-5xl lg:text-7xl font-light text-foreground">
|
||||
B2In <span className="text-primary">Ecosystem</span>
|
||||
B2in <span className="text-primary">Ecosystem</span>
|
||||
</h1>
|
||||
|
||||
|
||||
<p className="text-xl lg:text-2xl text-muted-foreground leading-relaxed">
|
||||
Ein intelligentes Netzwerk, das Endkunden, Makler, Lieferanten und
|
||||
Technologie nahtlos miteinander verbindet. Jeder Teilnehmer profitiert
|
||||
Ein intelligentes Netzwerk, das Endkunden, Makler, Lieferanten und
|
||||
Technologie nahtlos miteinander verbindet. Jeder Teilnehmer profitiert
|
||||
vom gesamten System und schafft gemeinsam außergewöhnliche Immobilienerlebnisse.
|
||||
</p>
|
||||
|
||||
|
||||
<div className="grid grid-cols-2 gap-6">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
|
|
@ -26,7 +26,7 @@ const EcosystemHero = () => {
|
|||
<p className="text-sm text-muted-foreground">Exklusive Erlebnisse</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
<Building2 className="w-6 h-6 text-primary" />
|
||||
|
|
@ -36,7 +36,7 @@ const EcosystemHero = () => {
|
|||
<p className="text-sm text-muted-foreground">Lifetime-Vergütung</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
<Network className="w-6 h-6 text-primary" />
|
||||
|
|
@ -46,7 +46,7 @@ const EcosystemHero = () => {
|
|||
<p className="text-sm text-muted-foreground">Kuratierte Plattform</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
<Zap className="w-6 h-6 text-primary" />
|
||||
|
|
@ -58,7 +58,7 @@ const EcosystemHero = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="relative">
|
||||
<div className="card-elevated rounded-3xl p-12 bg-background/80 backdrop-blur-sm">
|
||||
<div className="space-y-8">
|
||||
|
|
@ -67,10 +67,10 @@ const EcosystemHero = () => {
|
|||
<div className="w-24 h-24 mx-auto rounded-full bg-primary flex items-center justify-center mb-4">
|
||||
<Network className="w-12 h-12 text-white" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-foreground">B2In Portal</h3>
|
||||
<h3 className="text-xl font-semibold text-foreground">B2in Portal</h3>
|
||||
<p className="text-sm text-muted-foreground">Zentrale Plattform</p>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Connection Lines */}
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div className="text-center">
|
||||
|
|
@ -79,21 +79,21 @@ const EcosystemHero = () => {
|
|||
</div>
|
||||
<p className="font-medium text-sm">Endkunden</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 mx-auto rounded-full bg-accent flex items-center justify-center mb-3">
|
||||
<Building2 className="w-8 h-8 text-accent-foreground" />
|
||||
</div>
|
||||
<p className="font-medium text-sm">Makler</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 mx-auto rounded-full bg-accent flex items-center justify-center mb-3">
|
||||
<Network className="w-8 h-8 text-accent-foreground" />
|
||||
</div>
|
||||
<p className="font-medium text-sm">Lieferanten</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 mx-auto rounded-full bg-accent flex items-center justify-center mb-3">
|
||||
<Zap className="w-8 h-8 text-accent-foreground" />
|
||||
|
|
@ -110,4 +110,4 @@ const EcosystemHero = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default EcosystemHero;
|
||||
export default EcosystemHero;
|
||||
|
|
|
|||
|
|
@ -8,27 +8,27 @@ const Footer = () => {
|
|||
<div className="text-center spacing-section">
|
||||
<div className="spacing-section">
|
||||
<div className="flex items-center justify-center">
|
||||
<img src={b2inLogo} alt="B2In Logo" className="h-12 w-auto" />
|
||||
<img src={b2inLogo} alt="B2in Logo" className="h-12 w-auto" />
|
||||
</div>
|
||||
|
||||
|
||||
<div className="container-narrow spacing-content">
|
||||
<h2 className="text-section-title text-[hsl(var(--dark-text))] leading-tight">
|
||||
We're committed to your <span className="text-secondary">comfort</span> and <br />
|
||||
<span className="text-secondary">satisfaction</span> for <br />
|
||||
unforgettable experiences
|
||||
</h2>
|
||||
|
||||
|
||||
<p className="text-large text-dark-muted leading-relaxed max-w-2xl mx-auto">
|
||||
Our dedicated team works around the clock to ensure every aspect of your stay
|
||||
Our dedicated team works around the clock to ensure every aspect of your stay
|
||||
exceeds expectations. From booking to checkout, we're here for you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<button className="btn-accent">
|
||||
Start Your Journey
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Links */}
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 text-left max-w-4xl mx-auto">
|
||||
<div className="spacing-small">
|
||||
|
|
@ -40,7 +40,7 @@ const Footer = () => {
|
|||
<a href="#" className="block hover:text-secondary transition-colors">Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="spacing-small">
|
||||
<h4 className="font-medium text-[hsl(var(--dark-text))]">Services</h4>
|
||||
<div className="spacing-small text-dark-muted text-sm">
|
||||
|
|
@ -50,7 +50,7 @@ const Footer = () => {
|
|||
<a href="#" className="block hover:text-secondary transition-colors">Villas</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="spacing-small">
|
||||
<h4 className="font-medium text-[hsl(var(--dark-text))]">Support</h4>
|
||||
<div className="spacing-small text-dark-muted text-sm">
|
||||
|
|
@ -60,7 +60,7 @@ const Footer = () => {
|
|||
<a href="#" className="block hover:text-secondary transition-colors">Cancellation</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="spacing-small">
|
||||
<h4 className="font-medium text-[hsl(var(--dark-text))]">Legal</h4>
|
||||
<div className="spacing-small text-dark-muted text-sm">
|
||||
|
|
@ -72,12 +72,12 @@ const Footer = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Bottom Bar */}
|
||||
<div className="border-t border-[hsl(var(--dark-muted))]/30 mt-12 pt-8">
|
||||
<div className="flex flex-col md:flex-row justify-between items-center spacing-small md:space-y-0">
|
||||
<div className="text-dark-muted text-sm">
|
||||
© 2024 B2In. All rights reserved.
|
||||
© 2024 B2in. All rights reserved.
|
||||
</div>
|
||||
<div className="flex items-center space-x-6 text-dark-muted text-sm">
|
||||
<a href="#" className="hover:text-secondary transition-colors">English</a>
|
||||
|
|
@ -95,4 +95,4 @@ const Footer = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
export default Footer;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ const Hero = () => {
|
|||
Das globale Ökosystem für Immobilieninvestoren, Makler und Designliebhaber.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4">
|
||||
<button className="btn-primary">
|
||||
Ecosystem entdecken
|
||||
|
|
@ -25,7 +25,7 @@ const Hero = () => {
|
|||
Partner werden
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center space-x-8 text-sm text-muted-foreground">
|
||||
<span>1.7M+ Nutzer</span>
|
||||
<span>•</span>
|
||||
|
|
@ -34,21 +34,21 @@ const Hero = () => {
|
|||
<span>24/7 Platform</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Right Image */}
|
||||
<div className="relative">
|
||||
<div className="relative rounded-3xl overflow-hidden shadow-[var(--shadow-elevated)]">
|
||||
<img
|
||||
src={heroImage}
|
||||
<img
|
||||
src={heroImage}
|
||||
alt="Modern international skyline showcasing architectural design"
|
||||
className="w-full h-[600px] object-cover"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" />
|
||||
</div>
|
||||
|
||||
|
||||
{/* Floating info card */}
|
||||
<div className="absolute bottom-6 left-6 bg-card/95 backdrop-blur-sm rounded-xl p-4 shadow-lg border border-border/50">
|
||||
<div className="text-sm text-muted-foreground">B2In Ecosystem</div>
|
||||
<div className="text-sm text-muted-foreground">B2in Ecosystem</div>
|
||||
<div className="text-2xl font-medium">Global<span className="text-sm text-muted-foreground"> vernetzt</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -58,4 +58,4 @@ const Hero = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default Hero;
|
||||
export default Hero;
|
||||
|
|
|
|||
|
|
@ -7,29 +7,29 @@ const NewAboutHero = () => {
|
|||
<div className="grid lg:grid-cols-2 gap-16 items-center">
|
||||
<div className="space-y-8">
|
||||
<h1 className="text-5xl lg:text-6xl font-light text-foreground">
|
||||
Über <span className="text-secondary">B2In</span>
|
||||
Über <span className="text-secondary">B2in</span>
|
||||
</h1>
|
||||
|
||||
|
||||
<blockquote className="text-xl lg:text-2xl text-muted-foreground italic leading-relaxed border-l-4 border-secondary pl-6">
|
||||
"Unsere Vision ist es, Unternehmen durch innovative Konnektivitätslösungen zu verbinden
|
||||
und nachhaltiges Wachstum in der digitalen Welt zu ermöglichen. Bei B2In schaffen wir
|
||||
"Unsere Vision ist es, Unternehmen durch innovative Konnektivitätslösungen zu verbinden
|
||||
und nachhaltiges Wachstum in der digitalen Welt zu ermöglichen. Bei B2in schaffen wir
|
||||
nicht nur Verbindungen – wir bauen Brücken in die Zukunft."
|
||||
</blockquote>
|
||||
|
||||
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="w-16 h-px bg-secondary"></div>
|
||||
<div>
|
||||
<p className="font-semibold text-foreground">Marcel Scheibe</p>
|
||||
<p className="text-sm text-muted-foreground">Gründer & CEO, B2In</p>
|
||||
<p className="text-sm text-muted-foreground">Gründer & CEO, B2in</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="relative">
|
||||
<div className="card-elevated rounded-3xl overflow-hidden">
|
||||
<img
|
||||
src={marcelImage}
|
||||
alt="Marcel Scheibe, Gründer und CEO von B2In"
|
||||
<img
|
||||
src={marcelImage}
|
||||
alt="Marcel Scheibe, Gründer und CEO von B2in"
|
||||
className="w-full h-96 lg:h-[500px] object-cover"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -44,4 +44,4 @@ const NewAboutHero = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default NewAboutHero;
|
||||
export default NewAboutHero;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ const OurStory = () => {
|
|||
<h2 className="text-section-title text-[hsl(var(--dark-text))] mb-12">
|
||||
Unsere <span className="text-secondary">Geschichte</span>
|
||||
</h2>
|
||||
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-8 mb-16">
|
||||
<div className="spacing-small">
|
||||
<div className="w-12 h-12 mx-auto bg-secondary/20 rounded-full flex items-center justify-center">
|
||||
|
|
@ -13,38 +13,38 @@ const OurStory = () => {
|
|||
</div>
|
||||
<h3 className="text-xl font-semibold text-[hsl(var(--dark-text))]">Die Idee</h3>
|
||||
<p className="text-dark-muted text-sm leading-relaxed">
|
||||
2019 erkannten wir eine kritische Marktlücke: Unternehmen benötigten intelligente,
|
||||
2019 erkannten wir eine kritische Marktlücke: Unternehmen benötigten intelligente,
|
||||
nachhaltige Konnektivitätslösungen für die digitale Transformation.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="spacing-small">
|
||||
<div className="w-12 h-12 mx-auto bg-secondary/20 rounded-full flex items-center justify-center">
|
||||
<div className="w-6 h-6 bg-secondary rounded-full"></div>
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-[hsl(var(--dark-text))]">Die Mission</h3>
|
||||
<p className="text-dark-muted text-sm leading-relaxed">
|
||||
Wir entwickelten innovative B2B-Lösungen, die Unternehmen dabei unterstützen,
|
||||
Wir entwickelten innovative B2B-Lösungen, die Unternehmen dabei unterstützen,
|
||||
effizienter zu arbeiten und nachhaltiges Wachstum zu erzielen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="spacing-small">
|
||||
<div className="w-12 h-12 mx-auto bg-secondary/20 rounded-full flex items-center justify-center">
|
||||
<div className="w-6 h-6 bg-secondary rounded-full"></div>
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-[hsl(var(--dark-text))]">Die Zukunft</h3>
|
||||
<p className="text-dark-muted text-sm leading-relaxed">
|
||||
Heute sind wir stolz darauf, hunderte Unternehmen dabei zu unterstützen,
|
||||
Heute sind wir stolz darauf, hunderte Unternehmen dabei zu unterstützen,
|
||||
ihre digitalen Ziele zu erreichen und neue Märkte zu erschließen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="text-large text-dark-muted leading-relaxed max-w-3xl mx-auto">
|
||||
Was als Vision begann, traditionelle Geschäftsprozesse zu revolutionieren, ist heute eine
|
||||
bewährte Plattform für digitale Innovation. B2In schließt die Lücke zwischen
|
||||
traditionellen Unternehmen und modernen, digitalen Lösungen durch maßgeschneiderte
|
||||
Was als Vision begann, traditionelle Geschäftsprozesse zu revolutionieren, ist heute eine
|
||||
bewährte Plattform für digitale Innovation. B2in schließt die Lücke zwischen
|
||||
traditionellen Unternehmen und modernen, digitalen Lösungen durch maßgeschneiderte
|
||||
Konnektivitätsservices, die Effizienz steigern und nachhaltiges Wachstum fördern.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -52,4 +52,4 @@ const OurStory = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default OurStory;
|
||||
export default OurStory;
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ const PartnerBenefits = () => {
|
|||
Warum Partner werden?
|
||||
</h2>
|
||||
<p className="text-muted-foreground text-lg max-w-3xl mx-auto">
|
||||
Entdecken Sie die Vorteile einer Partnerschaft mit B2In und
|
||||
Entdecken Sie die Vorteile einer Partnerschaft mit B2in und
|
||||
wie Sie von unserem innovativen Ecosystem profitieren können.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -128,8 +128,8 @@ const PartnerBenefits = () => {
|
|||
|
||||
<div className="relative">
|
||||
<div className="card-elevated p-0 overflow-hidden rounded-xl">
|
||||
<img
|
||||
src={accommodationImage}
|
||||
<img
|
||||
src={accommodationImage}
|
||||
alt="Partner success visualization"
|
||||
className="w-full h-48 object-cover"
|
||||
/>
|
||||
|
|
@ -148,4 +148,4 @@ const PartnerBenefits = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default PartnerBenefits;
|
||||
export default PartnerBenefits;
|
||||
|
|
|
|||
|
|
@ -10,14 +10,14 @@ const PartnerCTA = () => {
|
|||
Wachsen Sie <br />
|
||||
<span className="text-secondary">mit uns</span>
|
||||
</h2>
|
||||
|
||||
|
||||
<div className="w-16 h-px bg-secondary mx-auto"></div>
|
||||
|
||||
|
||||
<p className="text-large text-dark-muted leading-relaxed max-w-2xl mx-auto">
|
||||
Werden Sie Teil des B2In-Partnernetzwerks und erschließen Sie neue
|
||||
Werden Sie Teil des B2in-Partnernetzwerks und erschließen Sie neue
|
||||
Geschäftsmöglichkeiten durch innovative Konnektivitätslösungen.
|
||||
</p>
|
||||
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-8 py-8">
|
||||
<div className="text-center space-y-3">
|
||||
<div className="text-4xl font-light text-secondary">500+</div>
|
||||
|
|
@ -32,16 +32,16 @@ const PartnerCTA = () => {
|
|||
<p className="text-dark-muted text-sm">Partner-Support</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="spacing-content">
|
||||
<Link to="/contact">
|
||||
<button className="btn-accent px-12 py-6 rounded-2xl text-lg">
|
||||
Werden Sie B2In Partner
|
||||
Werden Sie B2in Partner
|
||||
</button>
|
||||
</Link>
|
||||
|
||||
|
||||
<p className="text-dark-muted text-sm">
|
||||
Entdecken Sie die Vorteile einer strategischen Partnerschaft mit B2In
|
||||
Entdecken Sie die Vorteile einer strategischen Partnerschaft mit B2in
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -50,4 +50,4 @@ const PartnerCTA = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default PartnerCTA;
|
||||
export default PartnerCTA;
|
||||
|
|
|
|||
|
|
@ -8,15 +8,15 @@ const PartnerHero = () => {
|
|||
<div className="space-y-8">
|
||||
<h1 className="text-5xl lg:text-7xl font-light text-foreground">
|
||||
Wachsen Sie mit uns.<br />
|
||||
Werden Sie <span className="text-primary">B2In Partner</span>.
|
||||
Werden Sie <span className="text-primary">B2in Partner</span>.
|
||||
</h1>
|
||||
|
||||
|
||||
<p className="text-xl lg:text-2xl text-muted-foreground leading-relaxed">
|
||||
Werden Sie Teil des B2In Ecosystems und profitieren Sie von innovativen
|
||||
Geschäftsmodellen, die nachhaltiges Wachstum und langfristigen Erfolg ermöglichen.
|
||||
Werden Sie Teil des B2in Ecosystems und profitieren Sie von innovativen
|
||||
Geschäftsmodellen, die nachhaltiges Wachstum und langfristigen Erfolg ermöglichen.
|
||||
Gemeinsam gestalten wir die Zukunft der Immobilienbranche.
|
||||
</p>
|
||||
|
||||
|
||||
<div className="grid grid-cols-2 gap-6">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
|
|
@ -27,7 +27,7 @@ const PartnerHero = () => {
|
|||
<p className="text-sm text-muted-foreground">Lifetime-Vergütung</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
<Globe className="w-6 h-6 text-primary" />
|
||||
|
|
@ -37,7 +37,7 @@ const PartnerHero = () => {
|
|||
<p className="text-sm text-muted-foreground">Globale Märkte</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
<Handshake className="w-6 h-6 text-primary" />
|
||||
|
|
@ -47,7 +47,7 @@ const PartnerHero = () => {
|
|||
<p className="text-sm text-muted-foreground">Faire Konditionen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
|
||||
<Award className="w-6 h-6 text-primary" />
|
||||
|
|
@ -59,7 +59,7 @@ const PartnerHero = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="relative">
|
||||
<div className="card-elevated rounded-3xl p-12 bg-background/80 backdrop-blur-sm">
|
||||
<div className="space-y-8">
|
||||
|
|
@ -71,7 +71,7 @@ const PartnerHero = () => {
|
|||
<h3 className="text-xl font-semibold text-foreground">Partner Network</h3>
|
||||
<p className="text-sm text-muted-foreground">Werden Sie Teil unseres Ecosystems</p>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Partner Types */}
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div className="text-center">
|
||||
|
|
@ -81,7 +81,7 @@ const PartnerHero = () => {
|
|||
<p className="font-medium text-sm">Makler</p>
|
||||
<p className="text-xs text-muted-foreground">Lifetime-Modell</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 mx-auto rounded-full bg-accent flex items-center justify-center mb-3">
|
||||
<Globe className="w-8 h-8 text-accent-foreground" />
|
||||
|
|
@ -89,7 +89,7 @@ const PartnerHero = () => {
|
|||
<p className="font-medium text-sm">Lieferanten</p>
|
||||
<p className="text-xs text-muted-foreground">Global Markets</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 mx-auto rounded-full bg-accent flex items-center justify-center mb-3">
|
||||
<Target className="w-8 h-8 text-accent-foreground" />
|
||||
|
|
@ -97,7 +97,7 @@ const PartnerHero = () => {
|
|||
<p className="font-medium text-sm">Erfolg</p>
|
||||
<p className="text-xs text-muted-foreground">Messbare Ziele</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 mx-auto rounded-full bg-accent flex items-center justify-center mb-3">
|
||||
<Award className="w-8 h-8 text-accent-foreground" />
|
||||
|
|
@ -115,4 +115,4 @@ const PartnerHero = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default PartnerHero;
|
||||
export default PartnerHero;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ const PartnerProcess = () => {
|
|||
image: room1Image
|
||||
},
|
||||
{
|
||||
step: "2",
|
||||
step: "2",
|
||||
title: "Prüfung",
|
||||
description: "Unser Expertenteam überprüft Ihre Bewerbung sorgfältig. Bei positivem Ergebnis laden wir Sie zu einem persönlichen Gespräch ein.",
|
||||
icon: Search,
|
||||
|
|
@ -37,7 +37,7 @@ const PartnerProcess = () => {
|
|||
So werden Sie <span className="text-primary">Partner</span>
|
||||
</h2>
|
||||
<p className="text-muted-foreground text-lg max-w-3xl mx-auto">
|
||||
In nur drei einfachen Schritten werden Sie Teil des B2In Ecosystems
|
||||
In nur drei einfachen Schritten werden Sie Teil des B2in Ecosystems
|
||||
und können von allen Vorteilen unserer Partnerschaft profitieren.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -46,19 +46,19 @@ const PartnerProcess = () => {
|
|||
{steps.map((step, index) => (
|
||||
<div key={index} className="card-elevated p-0 overflow-hidden group hover:shadow-[var(--shadow-elevated)] transition-all duration-300">
|
||||
<div className="relative overflow-hidden">
|
||||
<img
|
||||
<img
|
||||
src={step.image}
|
||||
alt={step.title}
|
||||
className="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-300"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
|
||||
|
||||
|
||||
{/* Step Number Badge */}
|
||||
<div className="absolute top-4 left-4 w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center font-bold text-lg">
|
||||
{step.step}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="p-8">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center">
|
||||
|
|
@ -68,11 +68,11 @@ const PartnerProcess = () => {
|
|||
{step.title}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="text-muted-foreground leading-relaxed mb-6">
|
||||
{step.description}
|
||||
</p>
|
||||
|
||||
|
||||
{index === steps.length - 1 && (
|
||||
<Link to="/contact">
|
||||
<button className="btn-secondary w-full">
|
||||
|
|
@ -92,7 +92,7 @@ const PartnerProcess = () => {
|
|||
Bereit für den nächsten <span className="text-primary">Schritt</span>?
|
||||
</h3>
|
||||
<p className="text-muted-foreground text-lg mb-8 max-w-2xl mx-auto">
|
||||
Werden Sie noch heute Teil des B2In Ecosystems und profitieren Sie
|
||||
Werden Sie noch heute Teil des B2in Ecosystems und profitieren Sie
|
||||
von innovativen Geschäftsmodellen und nachhaltigen Erfolgsstrategien.
|
||||
</p>
|
||||
<Link to="/contact">
|
||||
|
|
@ -107,4 +107,4 @@ const PartnerProcess = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default PartnerProcess;
|
||||
export default PartnerProcess;
|
||||
|
|
|
|||
|
|
@ -11,28 +11,28 @@ const VisionSection = () => {
|
|||
<h2 className="text-section-title">Gebaut auf Vertrauen</h2>
|
||||
<div className="spacing-small text-large text-muted-foreground leading-relaxed">
|
||||
<p>
|
||||
Unsere Basis ist Vertrauen, angetrieben von Technologie und Innovation.
|
||||
B2In ist nicht nur eine Holding, sondern ein aktiver Gestalter der Immobilienzukunft.
|
||||
Unsere Basis ist Vertrauen, angetrieben von Technologie und Innovation.
|
||||
B2in ist nicht nur eine Holding, sondern ein aktiver Gestalter der Immobilienzukunft.
|
||||
</p>
|
||||
<p>
|
||||
Wir vereinfachen komplexe Prozesse durch eine zentrale digitale Plattform –
|
||||
das B2In-Portal – und schaffen dabei Transparenz, Qualität und Innovation
|
||||
Wir vereinfachen komplexe Prozesse durch eine zentrale digitale Plattform –
|
||||
das B2in-Portal – und schaffen dabei Transparenz, Qualität und Innovation
|
||||
in jedem Schritt unserer Zusammenarbeit.
|
||||
</p>
|
||||
<p>
|
||||
Unser Engagement für Exzellenz zeigt sich in der Art, wie wir
|
||||
Markenwerte leben und Partnerschaften aufbauen, die nachhaltigen
|
||||
Unser Engagement für Exzellenz zeigt sich in der Art, wie wir
|
||||
Markenwerte leben und Partnerschaften aufbauen, die nachhaltigen
|
||||
Erfolg für alle Beteiligten schaffen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Image */}
|
||||
<div className="relative">
|
||||
<div className="card-elevated rounded-3xl overflow-hidden">
|
||||
<img
|
||||
src={teamImage}
|
||||
<img
|
||||
src={teamImage}
|
||||
alt="Professionelles Team in kollaborativem Meeting"
|
||||
className="w-full h-[500px] object-cover"
|
||||
/>
|
||||
|
|
@ -45,4 +45,4 @@ const VisionSection = () => {
|
|||
);
|
||||
};
|
||||
|
||||
export default VisionSection;
|
||||
export default VisionSection;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue