Update src/app/page.tsx
This commit is contained in:
152
src/app/page.tsx
152
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Star, Users, Wrench } from "lucide-react";
|
||||
import { Star, Users, Wrench, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "features",
|
||||
},
|
||||
name: "Sortiment", id: "features"},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Bewertungen", id: "testimonials"},
|
||||
{
|
||||
name: "Standort",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Standort", id: "contact"},
|
||||
]}
|
||||
brandName="POHL-mann GbR"
|
||||
/>
|
||||
@@ -53,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="POHL-mann GbR"
|
||||
description="Der Baumarkt mit Seele in Frankfurt. Persönliche Beratung, ehrliche Preise und Lösungen, die wirklich funktionieren."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt vorbeikommen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt vorbeikommen", href: "#contact"},
|
||||
{
|
||||
text: "Beratung sichern",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Beratung sichern", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electric-router-used-cutting-wood-carpentry-studio-panning-shot_482257-94262.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -80,19 +67,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Bewertung",
|
||||
value: "4.5/5",
|
||||
},
|
||||
label: "Google Bewertung", value: "4.5/5"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Kundenstimmen",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Kundenstimmen", value: "250+"},
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Jahre Erfahrung", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,34 +85,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Werkzeuge",
|
||||
description: "Professionelles Handwerkszeug für höchste Ansprüche.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wood-engraving-workshop_23-2149185391.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Werkzeuge", description: "Professionelles Handwerkszeug für höchste Ansprüche.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wood-engraving-workshop_23-2149185391.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Befestigung",
|
||||
description: "Dübel, Schrauben und alles, was hält.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packings-pills-capsules-medicines_1339-2426.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Befestigung", description: "Dübel, Schrauben und alles, was hält.", imageSrc: "http://img.b2bpic.net/free-photo/packings-pills-capsules-medicines_1339-2426.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Farben & Lacke",
|
||||
description: "Perfekte Deckkraft für jedes Projekt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-old-paint-brushes-white-background_169016-27326.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Farben & Lacke", description: "Perfekte Deckkraft für jedes Projekt.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-old-paint-brushes-white-background_169016-27326.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Spezialbedarf",
|
||||
description: "Lösungen für Altbau und komplexe Sanierungen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-workshop_23-2148836011.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Spezialbedarf", description: "Lösungen für Altbau und komplexe Sanierungen.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-workshop_23-2148836011.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Gartenbedarf",
|
||||
description: "Alles für den grünen Daumen und Außenbereich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898109.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Gartenbedarf", description: "Alles für den grünen Daumen und Außenbereich.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898109.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Unser Sortiment"
|
||||
@@ -146,59 +112,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Heimwerkerin",
|
||||
company: "Frankfurt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-equipped-office-means-good-work_329181-10349.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Heimwerkerin", company: "Frankfurt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-equipped-office-means-good-work_329181-10349.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
role: "Profihandwerker",
|
||||
company: "Frankfurt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
},
|
||||
id: "2", name: "Michael B.", role: "Profihandwerker", company: "Frankfurt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
role: "Renoviererin",
|
||||
company: "Frankfurt",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880962.jpg",
|
||||
},
|
||||
id: "3", name: "Elena K.", role: "Renoviererin", company: "Frankfurt", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880962.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
role: "Altbausanierer",
|
||||
company: "Frankfurt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-builders-work-clothes-happily-looking-camera-spending-time-workshop-with-variety-tools-background_574295-1638.jpg",
|
||||
},
|
||||
id: "4", name: "David M.", role: "Altbausanierer", company: "Frankfurt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-builders-work-clothes-happily-looking-camera-spending-time-workshop-with-variety-tools-background_574295-1638.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia P.",
|
||||
role: "Interior Enthusiast",
|
||||
company: "Frankfurt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
},
|
||||
id: "5", name: "Julia P.", role: "Interior Enthusiast", company: "Frankfurt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "250+",
|
||||
label: "Echte Bewertungen",
|
||||
},
|
||||
value: "250+", label: "Echte Bewertungen"},
|
||||
{
|
||||
value: "4.5",
|
||||
label: "Sterne bei Google",
|
||||
},
|
||||
value: "4.5", label: "Sterne bei Google"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Kundenzufriedenheit",
|
||||
},
|
||||
value: "100%", label: "Kundenzufriedenheit"},
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was unsere Kunden in Frankfurt über uns sagen."
|
||||
@@ -209,14 +144,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Besuchen Sie uns in Frankfurt: Wiesenstraße 12, 60385. Öffnungszeiten: Mo–Sa ab 09:30 Uhr. Wir lösen Ihr Problem!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Route starten",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Route starten", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,29 +159,19 @@ export default function LandingPage() {
|
||||
logoText="POHL-mann GbR"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Wiesenstraße 12",
|
||||
href: "#",
|
||||
},
|
||||
label: "Wiesenstraße 12", href: "#"},
|
||||
{
|
||||
label: "60385 Frankfurt",
|
||||
href: "#",
|
||||
},
|
||||
label: "60385 Frankfurt", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Öffnungszeiten",
|
||||
href: "#",
|
||||
},
|
||||
label: "Öffnungszeiten", href: "#"},
|
||||
{
|
||||
label: "Beratung sichern",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Beratung sichern", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user