giteadmin/sunhouse-landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Landingpage: Texte, Einführungspreise 2025, Tom Anand Testimonial

Browse Source
This commit is contained in:
root
2025-12-03 15:04:47 +01:00
parent 95edb1544a
commit f91edf70e0
1 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/App.tsx
View File

@@ -7,10 +7,10 @@ function App() {
const testimonials = [ const testimonials = [
{ {
quote: "Wir haben das SunHouse besucht und waren fassungslos. Das ist nicht Zukunftsvision.", quote: "Wir haben das SunHouse mit der Familie schon zweimal besucht und waren restlos überzeugt von der ganzheitlichen Technik und dem Wohlbehagen.",
author: "Dr. Stefan M.", author: "Tom Anand",
title: "Architekt, München", title: "Zukunftsforscher und Indienexperte",
company: "Architekturbüro mit 5.000+ LinkedIn Followern" company: ""
}, },
{ {
quote: "Das SunHouse ist das erste Projekt, bei dem ich merkte: Das ist nicht nur Haus. Das ist Geschäftsmodell.", quote: "Das SunHouse ist das erste Projekt, bei dem ich merkte: Das ist nicht nur Haus. Das ist Geschäftsmodell.",
@@ -29,7 +29,7 @@ function App() {
const faqs = [ const faqs = [
{ {
question: "Wie lange dauert die Führung genau?", question: "Wie lange dauert die Führung genau?",
answer: "90 Minuten (oder 120 Min bei Premium). Du sitzt nicht lange herum – wir zeigen dir echte Technologie und beantworten alle deine Fragen." answer: "90 Minuten (oder 120 Min und länger bei Premium). Du sitzt nicht lange herum – wir zeigen dir echte Technologie und beantworten alle deine Fragen."
}, },
{ {
question: "Kann ich mit meiner ganzen Familie kommen?", question: "Kann ich mit meiner ganzen Familie kommen?",
@@ -61,7 +61,7 @@ function App() {
</h1> </h1>
<p className="text-xl md:text-2xl text-white mb-4 max-w-3xl mx-auto"> <p className="text-xl md:text-2xl text-white mb-4 max-w-3xl mx-auto">
90 Minuten im SunHouse Musterhaus – Sehen, verstehen, inspirieren lassen 90 Minuten im SunHouse Musterhaus – Sehen, verstehen, inspirieren lassen, bei jedem Wetter.
</p> </p>
<p className="text-base md:text-lg text-gray-100 mb-8 max-w-2xl mx-auto"> <p className="text-base md:text-lg text-gray-100 mb-8 max-w-2xl mx-auto">
@@ -95,7 +95,7 @@ function App() {
</h2> </h2>
<p className="text-lg md:text-xl text-gray-600 text-center mb-12 max-w-3xl mx-auto"> <p className="text-lg md:text-xl text-gray-600 text-center mb-12 max-w-3xl mx-auto">
Energie wird teuer. Ressourcen werden knapp. Alte Lösungen funktionieren nicht mehr. Energie wird teuer. Ressourcen werden knapp. Alte Lösungen funktionieren nicht mehr – lass dich von neuen inspirieren.
</p> </p>
<div className="grid md:grid-cols-3 gap-8 mb-12"> <div className="grid md:grid-cols-3 gap-8 mb-12">
@@ -110,7 +110,7 @@ function App() {
<div className="p-6"> <div className="p-6">
<h3 className="text-xl font-bold text-gray-900 mb-3">Energieabhängigkeit</h3> <h3 className="text-xl font-bold text-gray-900 mb-3">Energieabhängigkeit</h3>
<p className="text-gray-600"> <p className="text-gray-600">
Strom wird teurer, nicht günstiger. Deine Stromrechnung wächst jedes Jahr. Strom wird teurer, nicht günstiger. Die CO₂-Steuer wächst rasant.
</p> </p>
</div> </div>
</div> </div>
@@ -126,7 +126,7 @@ function App() {
<div className="p-6"> <div className="p-6">
<h3 className="text-xl font-bold text-gray-900 mb-3">Ressourcen-Unsicherheit</h3> <h3 className="text-xl font-bold text-gray-900 mb-3">Ressourcen-Unsicherheit</h3>
<p className="text-gray-600"> <p className="text-gray-600">
Was, wenn die Infrastruktur zusammenbricht? Wie sicherst du deine Familie? Was, wenn die Infrastruktur oder das Finanzsystem zusammenbricht? Wie sicherst du deine Familie?
</p> </p>
</div> </div>
</div> </div>
@@ -142,7 +142,7 @@ function App() {
<div className="p-6"> <div className="p-6">
<h3 className="text-xl font-bold text-gray-900 mb-3">Die Lüge vom effizienten Bauen</h3> <h3 className="text-xl font-bold text-gray-900 mb-3">Die Lüge vom effizienten Bauen</h3>
<p className="text-gray-600"> <p className="text-gray-600">
Moderne Häuser sind Häuser, nicht Lösungen. Dämmen ist nicht das Ziel. Moderne Häuser sind Häuser, keine Systeme und nicht Lösungen. Dämmen ist nicht das einzige Ziel.
</p> </p>
</div> </div>
</div> </div>
@@ -177,7 +177,7 @@ function App() {
<div className="p-6"> <div className="p-6">
<h3 className="text-xl font-bold text-gray-900 mb-3">PowerRoof-Technologie</h3> <h3 className="text-xl font-bold text-gray-900 mb-3">PowerRoof-Technologie</h3>
<p className="text-gray-700"> <p className="text-gray-700">
PVT-Elemente erzeugen Strom UND Wärme. Nicht nur Energie. Wirtschaftlichkeit. PVT-Elemente erzeugen Strom UND Wärme. Nicht nur Energie, sie ergänzen sich. Wirtschaftlichkeit.
</p> </p>
</div> </div>
</div> </div>
@@ -193,7 +193,7 @@ function App() {
<div className="p-6"> <div className="p-6">
<h3 className="text-xl font-bold text-gray-900 mb-3">Passive Speicherung</h3> <h3 className="text-xl font-bold text-gray-900 mb-3">Passive Speicherung</h3>
<p className="text-gray-700"> <p className="text-gray-700">
Thermisch aktivierte Wände speichern Wärme für den Winter. Keine teuren Batterien. Thermisch aktivierte Wände speichern Wärme für den Winter. Keine teuren Batterien und Dämmstoffe.
</p> </p>
</div> </div>
</div> </div>
@@ -304,7 +304,7 @@ function App() {
<p className="text-sm text-gray-500 mb-2">⏱️ 30-60 Min</p> <p className="text-sm text-gray-500 mb-2">⏱️ 30-60 Min</p>
<h3 className="text-2xl font-bold text-gray-900 mb-3">Durch das Musterhaus</h3> <h3 className="text-2xl font-bold text-gray-900 mb-3">Durch das Musterhaus</h3>
<p className="text-gray-700"> <p className="text-gray-700">
Passivwärme, PVT-Elemente, Speicherkerne, eAuto-Ladesystem. Alles anfassen. Passivwärme, PVT-Elemente, Speicherkerne, eAuto-Ladesystem. Alles anfassen (und begreifen).
</p> </p>
</div> </div>
</div> </div>
@@ -335,7 +335,7 @@ function App() {
<section id="booking" className="py-16 md:py-24 bg-white"> <section id="booking" className="py-16 md:py-24 bg-white">
<div className="max-w-7xl mx-auto px-4"> <div className="max-w-7xl mx-auto px-4">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 text-center mb-4"> <h2 className="text-3xl md:text-4xl font-bold text-gray-900 text-center mb-4">
Pricing Modelle Einführungspreise 2025
</h2> </h2>
<p className="text-lg md:text-xl text-gray-600 text-center mb-12"> <p className="text-lg md:text-xl text-gray-600 text-center mb-12">
@@ -357,6 +357,7 @@ function App() {
<p className="text-gray-600 text-center mb-6">Hausbesitzer, die Ideen suchen</p> <p className="text-gray-600 text-center mb-6">Hausbesitzer, die Ideen suchen</p>
<div className="text-center mb-6"> <div className="text-center mb-6">
<p className="text-lg text-gray-400 line-through">€115</p>
<p className="text-5xl font-bold text-green-500">€79</p> <p className="text-5xl font-bold text-green-500">€79</p>
<p className="text-sm text-gray-500">pro Person</p> <p className="text-sm text-gray-500">pro Person</p>
</div> </div>
@@ -364,7 +365,7 @@ function App() {
<ul className="space-y-3 mb-8"> <ul className="space-y-3 mb-8">
<li className="flex items-start gap-2"> <li className="flex items-start gap-2">
<Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" /> <Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" />
<span className="text-gray-700">90 Min Führung</span> <span className="text-gray-700">90 Min Führung (FR + SA)</span>
</li> </li>
<li className="flex items-start gap-2"> <li className="flex items-start gap-2">
<Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" /> <Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" />
@@ -408,6 +409,7 @@ function App() {
<p className="text-gray-600 text-center mb-6">Teams, Architekturbüros, Schulen</p> <p className="text-gray-600 text-center mb-6">Teams, Architekturbüros, Schulen</p>
<div className="text-center mb-6"> <div className="text-center mb-6">
<p className="text-lg text-gray-400 line-through">€900</p>
<p className="text-5xl font-bold text-green-500">€600</p> <p className="text-5xl font-bold text-green-500">€600</p>
<p className="text-sm text-gray-500">pauschal (bis 10 Pers.)</p> <p className="text-sm text-gray-500">pauschal (bis 10 Pers.)</p>
</div> </div>
@@ -454,6 +456,7 @@ function App() {
<p className="text-gray-600 text-center mb-6">Investoren, Unternehmen, VIPs</p> <p className="text-gray-600 text-center mb-6">Investoren, Unternehmen, VIPs</p>
<div className="text-center mb-6"> <div className="text-center mb-6">
<p className="text-lg text-gray-400 line-through">€2.100</p>
<p className="text-5xl font-bold text-green-500">€1.490</p> <p className="text-5xl font-bold text-green-500">€1.490</p>
<p className="text-sm text-gray-500">pauschal</p> <p className="text-sm text-gray-500">pauschal</p>
</div> </div>
@@ -461,7 +464,7 @@ function App() {
<ul className="space-y-3 mb-8"> <ul className="space-y-3 mb-8">
<li className="flex items-start gap-2"> <li className="flex items-start gap-2">
<Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" /> <Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" />
<span className="text-gray-700">120 Min Führung</span> <span className="text-gray-700">120 Min Führung (MO-SO)</span>
</li> </li>
<li className="flex items-start gap-2"> <li className="flex items-start gap-2">
<Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" /> <Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" />
@@ -469,7 +472,7 @@ function App() {
</li> </li>
<li className="flex items-start gap-2"> <li className="flex items-start gap-2">
<Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" /> <Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" />
<span className="text-gray-700">1:1 Strategie-Gespräch</span> <span className="text-gray-700">1:1 Strategie-Gespräche</span>
</li> </li>
<li className="flex items-start gap-2"> <li className="flex items-start gap-2">
<Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" /> <Check className="w-5 h-5 text-green-500 flex-shrink-0 mt-0.5" />