Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -17,31 +17,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Projekte",
|
||||
id: "products",
|
||||
},
|
||||
name: "Projekte", id: "products"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="JA Plattenbeläge"
|
||||
/>
|
||||
@@ -50,117 +47,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Präzision in Keramik und Naturstein"
|
||||
description="Hochwertige Plattenarbeiten für Bäder, Terrassen und Wohnräume – handwerkliche Qualität seit Jahren. Entdecken Sie unsere Projekte und fordern Sie eine unverbindliche Offerte an."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=1",
|
||||
imageAlt: "Projekt 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg?_wi=1",
|
||||
imageAlt: "Projekt 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg?_wi=1",
|
||||
imageAlt: "Projekt 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=2",
|
||||
imageAlt: "Projekt 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg?_wi=2",
|
||||
imageAlt: "Projekt 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg?_wi=2",
|
||||
imageAlt: "Projekt 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg", imageAlt: "Projekt 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg", imageAlt: "Projekt 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg", imageAlt: "Projekt 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg", imageAlt: "Projekt 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg", imageAlt: "Projekt 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg", imageAlt: "Projekt 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg?_wi=3",
|
||||
imageAlt: "Projekt 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=3",
|
||||
imageAlt: "Projekt 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg?_wi=3",
|
||||
imageAlt: "Projekt 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg?_wi=4",
|
||||
imageAlt: "Projekt 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=4",
|
||||
imageAlt: "Projekt 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg?_wi=4",
|
||||
imageAlt: "Projekt 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg", imageAlt: "Projekt 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg", imageAlt: "Projekt 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg", imageAlt: "Projekt 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg", imageAlt: "Projekt 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg", imageAlt: "Projekt 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg", imageAlt: "Projekt 6" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Offerte anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Offerte anfragen", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1641.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1641.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg", alt: "Kunde 5" }
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Bauherren"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg", alt: "Logo 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,35 +93,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition und Innovation im Handwerk",
|
||||
},
|
||||
type: "text", content: "Tradition und Innovation im Handwerk"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278624.jpg",
|
||||
alt: "Handwerkliche Präzision",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278624.jpg", alt: "Handwerkliche Präzision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Keine Massenware",
|
||||
"Kein Marketing-Jargon",
|
||||
"Keine Verzögerungen",
|
||||
],
|
||||
"Keine Massenware", "Kein Marketing-Jargon", "Keine Verzögerungen"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Schweizer Handwerksqualität",
|
||||
"Individuelle Beratung",
|
||||
"Transparente Prozesse",
|
||||
],
|
||||
"Schweizer Handwerksqualität", "Individuelle Beratung", "Transparente Prozesse"],
|
||||
}}
|
||||
title="Unsere Expertise"
|
||||
description="Wir stehen für Präzision, Zuverlässigkeit und langlebige Materialien, die jeden Raum veredeln."
|
||||
@@ -213,40 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Exklusives Badezimmer",
|
||||
price: "Auf Anfrage",
|
||||
variant: "Keramik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=5",
|
||||
},
|
||||
id: "p1", name: "Exklusives Badezimmer", price: "Auf Anfrage", variant: "Keramik", imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Terrassenbelag",
|
||||
price: "Auf Anfrage",
|
||||
variant: "Naturstein",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg?_wi=5",
|
||||
},
|
||||
id: "p2", name: "Terrassenbelag", price: "Auf Anfrage", variant: "Naturstein", imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wohnraum Design",
|
||||
price: "Auf Anfrage",
|
||||
variant: "Feinsteinzeug",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg?_wi=5",
|
||||
},
|
||||
id: "p3", name: "Wohnraum Design", price: "Auf Anfrage", variant: "Feinsteinzeug", imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Naturstein Treppe",
|
||||
price: "Auf Anfrage",
|
||||
variant: "Naturstein",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=6",
|
||||
},
|
||||
id: "p4", name: "Naturstein Treppe", price: "Auf Anfrage", variant: "Naturstein", imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Moderne Küche",
|
||||
price: "Auf Anfrage",
|
||||
variant: "Keramik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg?_wi=6",
|
||||
},
|
||||
id: "p5", name: "Moderne Küche", price: "Auf Anfrage", variant: "Keramik", imageSrc: "http://img.b2bpic.net/free-photo/clear-water-swimming-pool-daytime_181624-18059.jpg"},
|
||||
]}
|
||||
title="Projektbeispiele"
|
||||
description="Ein Auszug unserer realisierten Projekte in Keramik und Naturstein."
|
||||
@@ -258,30 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Familie Müller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Familie Müller", imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Architekturbüro Schmid",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1641.jpg",
|
||||
},
|
||||
id: "t2", name: "Architekturbüro Schmid", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1641.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Herr H. Weber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
||||
},
|
||||
id: "t3", name: "Herr H. Weber", imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Frau S. Keller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
},
|
||||
id: "t4", name: "Frau S. Keller", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ehepaar Meier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Ehepaar Meier", imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg"},
|
||||
]}
|
||||
cardTitle="Kundenstimmen"
|
||||
cardAnimation="slide-up"
|
||||
@@ -293,14 +166,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Bereit für Ihr Projekt? Kontaktieren Sie uns für eine unverbindliche Beratung."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "mailto:info@ja-platten.ch",
|
||||
},
|
||||
text: "Jetzt anfragen", href: "mailto:info@ja-platten.ch"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,33 +180,21 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/collection-different-retro-furniture-logos_23-2148468887.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "JA Plattenbeläge",
|
||||
items: [
|
||||
title: "JA Plattenbeläge", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leistungen", href: "#features"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -346,4 +204,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user