Merge version_1 into main #2
283
src/app/page.tsx
283
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Heart, MapPin } from "lucide-react";
|
||||
import { Award, Heart, MapPin, Sparkles, CheckCircle, Zap, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Innendekoration",
|
||||
id: "#innendekoration",
|
||||
},
|
||||
{
|
||||
name: "Lederwaren",
|
||||
id: "#lederwaren",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Startseite", id: "#hero" },
|
||||
{ name: "Über uns", id: "#about" },
|
||||
{ name: "Innendekoration", id: "#innendekoration" },
|
||||
{ name: "Lederwaren", id: "#lederwaren" },
|
||||
{ name: "Kontakt", id: "#contact" },
|
||||
]}
|
||||
brandName="Dubs Innendekoration"
|
||||
/>
|
||||
@@ -58,65 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Handwerk mit Charakter – Innendekoration & Lederwaren aus Seengen"
|
||||
description="Massgeschneiderte Vorhänge, sorgfältige Polsterarbeiten und hochwertige Lederreparaturen – mit Präzision, Erfahrung und echter Leidenschaft fürs Handwerk."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/perfect-job-creative-people_329181-14392.jpg",
|
||||
alt: "Atelierwerkstatt Handwerk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-making-by-tailors_329181-14320.jpg",
|
||||
alt: "Handwerkliche Stoffe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/various-types-sewing-tools_1252-668.jpg",
|
||||
alt: "Nähwerkzeuge",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tape-measure-amidst-threads-pins_23-2147930281.jpg",
|
||||
alt: "Messwerkzeuge",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/assortment-sewing-stuff_23-2147930220.jpg",
|
||||
alt: "Nähbedarf",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/perfect-job-creative-people_329181-14392.jpg", alt: "Atelierwerkstatt Handwerk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-making-by-tailors_329181-14320.jpg", alt: "Handwerkliche Stoffe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-types-sewing-tools_1252-668.jpg", alt: "Nähwerkzeuge" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tape-measure-amidst-threads-pins_23-2147930281.jpg", alt: "Messwerkzeuge" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/assortment-sewing-stuff_23-2147930220.jpg", alt: "Nähbedarf" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Beratung anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Lederreparatur vorbeibringen",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Beratung anfragen", href: "#contact" },
|
||||
{ text: "Lederreparatur vorbeibringen", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Präzises Handwerk",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltige Qualität",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seetaler Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Individuelle Beratung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Meisterliche Arbeit",
|
||||
},
|
||||
{ type: "text", text: "Präzises Handwerk" },
|
||||
{ type: "text", text: "Nachhaltige Qualität" },
|
||||
{ type: "text", text: "Seetaler Tradition" },
|
||||
{ type: "text", text: "Individuelle Beratung" },
|
||||
{ type: "text", text: "Meisterliche Arbeit" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,20 +75,11 @@ export default function LandingPage() {
|
||||
title="Traditionelles Handwerk. Persönlich umgesetzt."
|
||||
description="Bei Dubs Innendekoration & Lederwaren stehen Qualität, Präzision und Nachhaltigkeit im Mittelpunkt. Wir glauben daran, dass gute Materialien und sorgfältige Handarbeit lange Freude bereiten."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Präzision",
|
||||
description: "Saubere Verarbeitung und sorgfältige Handarbeit.",
|
||||
},
|
||||
{
|
||||
title: "Nachhaltigkeit",
|
||||
description: "Reparieren statt wegwerfen – langlebige Lösungen mit Wert.",
|
||||
},
|
||||
{
|
||||
title: "Regionalität",
|
||||
description: "Persönliche Beratung und kurze Wege aus dem Seetal.",
|
||||
},
|
||||
{ title: "Präzision", description: "Saubere Verarbeitung und sorgfältige Handarbeit." },
|
||||
{ title: "Nachhaltigkeit", description: "Reparieren statt wegwerfen – langlebige Lösungen mit Wert." },
|
||||
{ title: "Regionalität", description: "Persönliche Beratung und kurze Wege aus dem Seetal." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186729.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186729.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -151,34 +89,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vorhänge nach Mass",
|
||||
description: "Individuelle Vorhänge abgestimmt auf Raum, Licht und Stil.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-vases-with-spring-flowers-living-room_169016-6356.jpg",
|
||||
imageAlt: "modernes wohnzimmer vorhänge massanfertigung",
|
||||
},
|
||||
{
|
||||
title: "Polsterarbeiten",
|
||||
description: "Neubezüge und Aufarbeitungen fachgerecht umgesetzt.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfect-job-creative-people_329181-14392.jpg",
|
||||
imageAlt: "modernes wohnzimmer vorhänge massanfertigung",
|
||||
},
|
||||
{
|
||||
title: "Wohnberatung",
|
||||
description: "Farben, Stoffe und Materialien harmonisch kombiniert.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186729.jpg?_wi=2",
|
||||
imageAlt: "modernes wohnzimmer vorhänge massanfertigung",
|
||||
},
|
||||
{
|
||||
title: "Individuelle Lösungen",
|
||||
description: "Langlebige Qualität, die man sieht und spürt.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-handbag-with-book_23-2147615113.jpg?_wi=1",
|
||||
imageAlt: "modernes wohnzimmer vorhänge massanfertigung",
|
||||
},
|
||||
{ title: "Vorhänge nach Mass", description: "Individuelle Vorhänge abgestimmt auf Raum, Licht und Stil.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-vases-with-spring-flowers-living-room_169016-6356.jpg" },
|
||||
{ title: "Polsterarbeiten", description: "Neubezüge und Aufarbeitungen fachgerecht umgesetzt.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/perfect-job-creative-people_329181-14392.jpg" },
|
||||
{ title: "Wohnberatung", description: "Farben, Stoffe und Materialien harmonisch kombiniert.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186729.jpg" },
|
||||
{ title: "Individuelle Lösungen", description: "Langlebige Qualität, die man sieht und spürt.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/leather-handbag-with-book_23-2147615113.jpg" },
|
||||
]}
|
||||
title="Innendekoration nach Mass"
|
||||
description="Wohnräume sollen nicht nur schön aussehen, sondern sich auch gut anfühlen."
|
||||
@@ -192,42 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Leder Reparatur",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-handbag-with-book_23-2147615113.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Taschen Anfertigung",
|
||||
price: "Massgefertigt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-wallet_53876-32029.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Accessoires",
|
||||
price: "Stilvoll",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282419.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gurtanpassung",
|
||||
price: "Präzise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Reissverschluss",
|
||||
price: "Repariert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-working-with-leather_171337-12287.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lederpflege",
|
||||
price: "Fachgerecht",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-women-s-bag-display_23-2149817620.jpg",
|
||||
},
|
||||
{ id: "1", name: "Leder Reparatur", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/leather-handbag-with-book_23-2147615113.jpg" },
|
||||
{ id: "2", name: "Taschen Anfertigung", price: "Massgefertigt", imageSrc: "http://img.b2bpic.net/free-photo/closeup-wallet_53876-32029.jpg" },
|
||||
{ id: "3", name: "Accessoires", price: "Stilvoll", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282419.jpg" },
|
||||
{ id: "4", name: "Gurtanpassung", price: "Präzise", imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg" },
|
||||
{ id: "5", name: "Reissverschluss", price: "Repariert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-working-with-leather_171337-12287.jpg" },
|
||||
{ id: "6", name: "Lederpflege", price: "Fachgerecht", imageSrc: "http://img.b2bpic.net/free-photo/levitating-women-s-bag-display_23-2149817620.jpg" },
|
||||
]}
|
||||
title="Lederwaren mit Persönlichkeit"
|
||||
description="Ob neue Tasche, Massanfertigung oder Reparatur – wir behandeln jedes Stück mit besonderer Sorgfalt."
|
||||
@@ -240,24 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: MapPin,
|
||||
title: "Region",
|
||||
value: "Seetal",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Qualität",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Heart,
|
||||
title: "Leidenschaft",
|
||||
value: "Täglich",
|
||||
},
|
||||
{ id: "m1", icon: MapPin, title: "Region", value: "Seetal" },
|
||||
{ id: "m2", icon: Award, title: "Qualität", value: "100%" },
|
||||
{ id: "m3", icon: Heart, title: "Leidenschaft", value: "Täglich" },
|
||||
]}
|
||||
title="Persönlich. Regional. Verlässlich."
|
||||
description="Als lokaler Handwerksbetrieb in Seengen sind wir eng mit der Region verbunden."
|
||||
@@ -270,41 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
role: "Kundin",
|
||||
testimonial: "Wunderschöne Vorhänge, bin begeistert!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828319.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Markus H.",
|
||||
role: "Kunde",
|
||||
testimonial: "Meine Tasche wurde perfekt repariert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-measuring-wood-medium-shot_23-2148966864.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah W.",
|
||||
role: "Kundin",
|
||||
testimonial: "Tolle Beratung und tolles Handwerk.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-sales-woman-choosing-tiles-building-market_1303-26799.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas G.",
|
||||
role: "Kunde",
|
||||
testimonial: "Regional und absolut zuverlässig.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1481.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia B.",
|
||||
role: "Kundin",
|
||||
testimonial: "Sehr liebevolle Verarbeitung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Anna S.", role: "Kundin", testimonial: "Wunderschöne Vorhänge, bin begeistert!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828319.jpg" },
|
||||
{ id: "t2", name: "Markus H.", role: "Kunde", testimonial: "Meine Tasche wurde perfekt repariert.", imageSrc: "http://img.b2bpic.net/free-photo/woman-measuring-wood-medium-shot_23-2148966864.jpg" },
|
||||
{ id: "t3", name: "Sarah W.", role: "Kundin", testimonial: "Tolle Beratung und tolles Handwerk.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-sales-woman-choosing-tiles-building-market_1303-26799.jpg" },
|
||||
{ id: "t4", name: "Thomas G.", role: "Kunde", testimonial: "Regional und absolut zuverlässig.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1481.jpg" },
|
||||
{ id: "t5", name: "Julia B.", role: "Kundin", testimonial: "Sehr liebevolle Verarbeitung.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg" },
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Erfahren Sie, wie wir individuelle Wohnträume und Lederstücke erhalten."
|
||||
@@ -314,19 +153,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Haben Sie ein Projekt oder ein Lieblingsstück? Besuchen Sie uns in Seengen oder kontaktieren Sie uns für eine Anfrage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontakt aufnehmen",
|
||||
href: "mailto:info@dubs.ch",
|
||||
},
|
||||
{
|
||||
text: "Atelier besuchen",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Kontakt aufnehmen", href: "mailto:info@dubs.ch" },
|
||||
{ text: "Atelier besuchen", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,29 +167,15 @@ export default function LandingPage() {
|
||||
logoText="Dubs Innendekoration & Lederwaren"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Seengen",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Telefon: 062 000 00 00",
|
||||
href: "tel:0620000000",
|
||||
},
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Seengen", href: "#" },
|
||||
{ label: "Telefon: 062 000 00 00", href: "tel:0620000000" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
{
|
||||
label: "Mo-Fr: 08:00-18:00",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sa: Nach Vereinbarung",
|
||||
href: "#",
|
||||
},
|
||||
title: "Öffnungszeiten", items: [
|
||||
{ label: "Mo-Fr: 08:00-18:00", href: "#" },
|
||||
{ label: "Sa: Nach Vereinbarung", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user