Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
245
src/app/page.tsx
245
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "features",
|
||||
},
|
||||
name: "Expertise", id: "features"},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über Uns", id: "about"},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Bewertungen", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Ararat Garten"
|
||||
/>
|
||||
@@ -60,101 +50,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="PRÄZISION. MACHT. PERFEKTION."
|
||||
description="Premium Garten- & Landschaftsbau für Hamburg. Wir liefern Elite-Niveau."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maximilian H.",
|
||||
handle: "@max_h",
|
||||
testimonial: "Unglaubliche Präzision. Ararat hat unseren Garten in ein Meisterwerk verwandelt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-discussing-eco-project-close-up_23-2148920596.jpg",
|
||||
},
|
||||
name: "Maximilian H.", handle: "@max_h", testimonial: "Unglaubliche Präzision. Ararat hat unseren Garten in ein Meisterwerk verwandelt.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-discussing-eco-project-close-up_23-2148920596.jpg"},
|
||||
{
|
||||
name: "Sophie K.",
|
||||
handle: "@sophie_k",
|
||||
testimonial: "Die Elite im Gartenbau. Disziplin und Perfektion bei der Arbeit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16538.jpg",
|
||||
},
|
||||
name: "Sophie K.", handle: "@sophie_k", testimonial: "Die Elite im Gartenbau. Disziplin und Perfektion bei der Arbeit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16538.jpg"},
|
||||
{
|
||||
name: "Lukas R.",
|
||||
handle: "@lukas_r",
|
||||
testimonial: "Jeder Handgriff sitzt. Absolut empfehlenswert für gehobene Ansprüche.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
|
||||
},
|
||||
name: "Lukas R.", handle: "@lukas_r", testimonial: "Jeder Handgriff sitzt. Absolut empfehlenswert für gehobene Ansprüche.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg"},
|
||||
{
|
||||
name: "Elena B.",
|
||||
handle: "@elena_b",
|
||||
testimonial: "Professionalität auf höchstem Niveau. Danke an das Team von Ararat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
|
||||
},
|
||||
name: "Elena B.", handle: "@elena_b", testimonial: "Professionalität auf höchstem Niveau. Danke an das Team von Ararat.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg"},
|
||||
{
|
||||
name: "Markus S.",
|
||||
handle: "@markus_s",
|
||||
testimonial: "Das Team von Ararat hat meine Erwartungen bei weitem übertroffen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-receiving-handshake-from-another-businessman_1262-756.jpg",
|
||||
},
|
||||
name: "Markus S.", handle: "@markus_s", testimonial: "Das Team von Ararat hat meine Erwartungen bei weitem übertroffen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-receiving-handshake-from-another-businessman_1262-756.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenloses Angebot",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Kostenloses Angebot", href: "#contact"},
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:040000000",
|
||||
},
|
||||
text: "Jetzt anrufen", href: "tel:040000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-gardener-harvesting-flower-with-secateurs_23-2148165189.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
|
||||
alt: "Skilful male landscaper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", alt: "Skilful male landscaper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
|
||||
alt: "Happy attractive male gardener",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg", alt: "Happy attractive male gardener"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg",
|
||||
alt: "A gardener in the garden",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg", alt: "A gardener in the garden"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||||
alt: "Hard working man in casual outfit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg", alt: "Hard working man in casual outfit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",
|
||||
alt: "Female gardener gesturing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg", alt: "Female gardener gesturing"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Service",
|
||||
},
|
||||
type: "text", text: "Elite Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Präzision",
|
||||
},
|
||||
type: "text", text: "Präzision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxusgartenbau",
|
||||
},
|
||||
type: "text", text: "Luxusgartenbau"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hamburg",
|
||||
},
|
||||
type: "text", text: "Hamburg"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Perfektion",
|
||||
},
|
||||
type: "text", text: "Perfektion"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,14 +109,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Das Elite-Team aus Hamburg",
|
||||
},
|
||||
type: "text", content: "Das Elite-Team aus Hamburg"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-goodlooking-bearded-gardener-with-garden-tools-smiling-standing-trees-shadow-crossing-hands-looking-camera-with-relaxed-face-expression_176420-55230.jpg",
|
||||
alt: "Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-goodlooking-bearded-gardener-with-garden-tools-smiling-standing-trees-shadow-crossing-hands-looking-camera-with-relaxed-face-expression_176420-55230.jpg", alt: "Team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,26 +124,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rasenpflege",
|
||||
description: "Perfektion bei jedem Schnitt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
|
||||
buttonText: "Mehr erfahren",
|
||||
},
|
||||
title: "Rasenpflege", description: "Perfektion bei jedem Schnitt.", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", buttonText: "Mehr erfahren"},
|
||||
{
|
||||
title: "Heckenpflege",
|
||||
description: "Struktur und Disziplin für Hecken.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-with-modern-weedwacker_329181-20635.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg",
|
||||
buttonText: "Mehr erfahren",
|
||||
},
|
||||
title: "Heckenpflege", description: "Struktur und Disziplin für Hecken.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-with-modern-weedwacker_329181-20635.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg", buttonText: "Mehr erfahren"},
|
||||
{
|
||||
title: "Rollrasen",
|
||||
description: "Hochwertiger Rollrasen für sofortige Begrünung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500816.jpg",
|
||||
buttonText: "Mehr erfahren",
|
||||
},
|
||||
title: "Rollrasen", description: "Hochwertiger Rollrasen für sofortige Begrünung.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500816.jpg", buttonText: "Mehr erfahren"},
|
||||
]}
|
||||
title="Unsere Einsatzmodule"
|
||||
description="Präzisionsdienstleistungen für Ihren Außenbereich."
|
||||
@@ -218,25 +143,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Projekte",
|
||||
description: "Abgeschlossene Premium-Gärten.",
|
||||
icon: Award,
|
||||
id: "m1", value: "100+", title: "Projekte", description: "Abgeschlossene Premium-Gärten.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Bewertung",
|
||||
description: "Durchschnittliche Kundenzufriedenheit.",
|
||||
icon: Star,
|
||||
id: "m2", value: "5.0", title: "Bewertung", description: "Durchschnittliche Kundenzufriedenheit.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10",
|
||||
title: "Jahre",
|
||||
description: "Expertise und Disziplin.",
|
||||
icon: Clock,
|
||||
id: "m3", value: "10", title: "Jahre", description: "Expertise und Disziplin.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Präzisions-Daten"
|
||||
@@ -249,14 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Zertifikat A",
|
||||
"Hanseatisches Qualitätsiegel",
|
||||
"Premium Landschaft Bau",
|
||||
"Green Master",
|
||||
"Elite Garten Partner",
|
||||
"Hamburg Zertifiziert",
|
||||
"Nachhaltigkeits Award",
|
||||
]}
|
||||
"Zertifikat A", "Hanseatisches Qualitätsiegel", "Premium Landschaft Bau", "Green Master", "Elite Garten Partner", "Hamburg Zertifiziert", "Nachhaltigkeits Award"]}
|
||||
title="Elite Zertifizierungen"
|
||||
description="Qualität und Vertrauen."
|
||||
/>
|
||||
@@ -269,40 +175,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maximilian H.",
|
||||
role: "CEO",
|
||||
testimonial: "Elite Arbeit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-happy-united-multiethnic-team-two-creative-workers_273609-14169.jpg",
|
||||
},
|
||||
id: "1", name: "Maximilian H.", role: "CEO", testimonial: "Elite Arbeit.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-happy-united-multiethnic-team-two-creative-workers_273609-14169.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie K.",
|
||||
role: "Vila-Besitzerin",
|
||||
testimonial: "Absolut perfekt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-bench-outside-office-building_23-2147941525.jpg",
|
||||
},
|
||||
id: "2", name: "Sophie K.", role: "Vila-Besitzerin", testimonial: "Absolut perfekt.", imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-bench-outside-office-building_23-2147941525.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lukas R.",
|
||||
role: "Projektleiter",
|
||||
testimonial: "Top Niveau.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg",
|
||||
},
|
||||
id: "3", name: "Lukas R.", role: "Projektleiter", testimonial: "Top Niveau.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena B.",
|
||||
role: "Unternehmerin",
|
||||
testimonial: "Sehr verlässlich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg",
|
||||
},
|
||||
id: "4", name: "Elena B.", role: "Unternehmerin", testimonial: "Sehr verlässlich.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Markus S.",
|
||||
role: "Privatier",
|
||||
testimonial: "Unglaublich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/consultant-customer-meeting-cup-coffee_74855-1582.jpg",
|
||||
},
|
||||
id: "5", name: "Markus S.", role: "Privatier", testimonial: "Unglaublich.", imageSrc: "http://img.b2bpic.net/free-photo/consultant-customer-meeting-cup-coffee_74855-1582.jpg"},
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was Elite-Kunden sagen."
|
||||
@@ -315,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie schnell sind Sie vor Ort?",
|
||||
content: "Innerhalb von 24 Stunden bei Elite-Projekten.",
|
||||
},
|
||||
id: "1", title: "Wie schnell sind Sie vor Ort?", content: "Innerhalb von 24 Stunden bei Elite-Projekten."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Warum Ararat?",
|
||||
content: "Weil wir Präzision leben.",
|
||||
},
|
||||
id: "2", title: "Warum Ararat?", content: "Weil wir Präzision leben."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Was kostet der Premium-Service?",
|
||||
content: "Qualität hat ihren Preis.",
|
||||
},
|
||||
id: "3", title: "Was kostet der Premium-Service?", content: "Wir bieten maßgeschneiderte Lösungen für jedes Budget – lassen Sie uns Ihr Projekt bei einem kostenlosen Beratungstermin besprechen."},
|
||||
]}
|
||||
title="Elite Fragen"
|
||||
description="Die Antworten für unsere Kunden."
|
||||
@@ -340,16 +212,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Jetzt Anfrage starten"
|
||||
title="IHR GARTEN VERDIENT ELITE-NIVEAU."
|
||||
description="Kontaktieren Sie uns für eine Erstberatung."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt kostenlos beraten lassen",
|
||||
href: "#",
|
||||
},
|
||||
text: "Jetzt kostenlos beraten lassen", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -360,25 +229,17 @@ export default function LandingPage() {
|
||||
logoText="ARARAT GARTEN"
|
||||
columns={[
|
||||
{
|
||||
title: "Standort",
|
||||
items: [
|
||||
title: "Standort", items: [
|
||||
{
|
||||
label: "Hamburg",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hamburg", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -387,4 +248,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user