Merge version_2 into main #2
177
src/app/page.tsx
177
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="SAARSARG"
|
||||
/>
|
||||
@@ -53,51 +45,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Würdevolle Qualität für den letzten Weg."
|
||||
description="Exklusive Särge, Urnen und Bestattungszubehör für professionelle Bestatter – seit 2002."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sortiment entdecken",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Sortiment entdecken", href: "/products"},
|
||||
{
|
||||
text: "Kontakt aufnehmen",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Kontakt aufnehmen", href: "/contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-near-burning-candle-wedding-shoes-against-white-background_23-2147975511.jpg?_wi=1",
|
||||
imageAlt: "Luxus-Sarg Kollektion",
|
||||
},
|
||||
id: "1", imageSrc: "https://images.unsplash.com/photo-1579227114063-3178c74384a6?q=80&w=2400", imageAlt: "Luxus-Sarg Kollektion"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpentry-wooden-tool-box_23-2148679154.jpg",
|
||||
imageAlt: "Traditionelle Handwerkskunst",
|
||||
},
|
||||
id: "2", imageSrc: "https://images.unsplash.com/photo-1534067783941-51c9c33ecefd?q=80&w=2400", imageAlt: "Traditionelle Handwerkskunst"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hanging-lamp_1339-2293.jpg",
|
||||
imageAlt: "Moderne Urnenkollektionen",
|
||||
},
|
||||
id: "3", imageSrc: "https://images.unsplash.com/photo-1544427920-c49ccfb85512?q=80&w=2400", imageAlt: "Moderne Urnenkollektionen"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525709.jpg",
|
||||
imageAlt: "Hochwertige Holzdetails",
|
||||
},
|
||||
id: "4", imageSrc: "https://images.unsplash.com/photo-1519710164239-da123dc03ef4?q=80&w=2400", imageAlt: "Hochwertige Holzdetails"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-bunch-flowers_23-2148073875.jpg",
|
||||
imageAlt: "Bestattungszubehör",
|
||||
},
|
||||
id: "5", imageSrc: "https://images.unsplash.com/photo-1578301978693-85fa9c0320b9?q=80&w=2400", imageAlt: "Bestattungszubehör"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1",
|
||||
imageAlt: "Showroom",
|
||||
},
|
||||
id: "6", imageSrc: "https://images.unsplash.com/photo-1513542789411-b6a5d4f31634?q=80&w=2400", imageAlt: "Showroom"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,19 +78,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: History,
|
||||
label: "Seit Gründung",
|
||||
value: "2002",
|
||||
},
|
||||
label: "Seit Gründung", value: "2002"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Region",
|
||||
value: "Saarland",
|
||||
},
|
||||
label: "Region", value: "Saarland"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Qualität",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Qualität", value: "Premium"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,12 +97,7 @@ export default function LandingPage() {
|
||||
title="Unsere Partner"
|
||||
description="Wir arbeiten mit führenden Bestattungsbetrieben in ganz Deutschland zusammen."
|
||||
names={[
|
||||
"Nordbestattung GmbH",
|
||||
"Südlich-Dignität",
|
||||
"Trauerkultur Berlin",
|
||||
"Westfälische Abschiede",
|
||||
"Mainzer Bestattungshaus",
|
||||
]}
|
||||
"Nordbestattung GmbH", "Südlich-Dignität", "Trauerkultur Berlin", "Westfälische Abschiede", "Mainzer Bestattungshaus"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,51 +110,27 @@ export default function LandingPage() {
|
||||
description="Faire Preise für professionelle Bestattungsbetriebe."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "Auf Anfrage",
|
||||
name: "Standard Paket",
|
||||
features: [
|
||||
"Regelmäßige Belieferung",
|
||||
"Support via Telefon",
|
||||
"Einfache Bestellung",
|
||||
],
|
||||
id: "basic", price: "Auf Anfrage", name: "Standard Paket", features: [
|
||||
"Regelmäßige Belieferung", "Support via Telefon", "Einfache Bestellung"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Anfragen", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "Auf Anfrage",
|
||||
name: "Partner Paket",
|
||||
features: [
|
||||
"Individuelle Konditionen",
|
||||
"Persönlicher Ansprechpartner",
|
||||
"Exklusive Kollektionen",
|
||||
],
|
||||
id: "pro", price: "Auf Anfrage", name: "Partner Paket", features: [
|
||||
"Individuelle Konditionen", "Persönlicher Ansprechpartner", "Exklusive Kollektionen"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Anfragen", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Auf Anfrage",
|
||||
name: "Großabnehmer",
|
||||
features: [
|
||||
"Exklusive Preisliste",
|
||||
"Prioritätslogistik",
|
||||
"Individuelle Sarganfertigung",
|
||||
],
|
||||
id: "enterprise", price: "Auf Anfrage", name: "Großabnehmer", features: [
|
||||
"Exklusive Preisliste", "Prioritätslogistik", "Individuelle Sarganfertigung"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Anfragen", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -209,35 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten auf Ihre Fragen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2"
|
||||
imageSrc="https://images.unsplash.com/photo-1544427920-c49ccfb85512?q=80&w=1200"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie sind die Lieferzeiten?",
|
||||
content: "Wir liefern in der Regel innerhalb von 24-48 Stunden deutschlandweit.",
|
||||
},
|
||||
id: "1", title: "Wie sind die Lieferzeiten?", content: "Wir liefern in der Regel innerhalb von 24-48 Stunden deutschlandweit."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie kann ich bestellen?",
|
||||
content: "Als Fachbetrieb können Sie direkt über das Webportal oder telefonisch bestellen.",
|
||||
},
|
||||
id: "2", title: "Wie kann ich bestellen?", content: "Als Fachbetrieb können Sie direkt über das Webportal oder telefonisch bestellen."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bieten Sie auch Sonderanfertigungen an?",
|
||||
content: "Ja, wir realisieren gerne individuelle Wünsche in unserer Holzwerkstatt.",
|
||||
},
|
||||
id: "3", title: "Bieten Sie auch Sonderanfertigungen an?", content: "Ja, wir realisieren gerne individuelle Wünsche in unserer Holzwerkstatt."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Wie ist der Ablauf bei Reklamationen?",
|
||||
content: "Wir garantieren schnelle Ersatzlieferungen ohne bürokratische Hürden.",
|
||||
},
|
||||
id: "4", title: "Wie ist der Ablauf bei Reklamationen?", content: "Wir garantieren schnelle Ersatzlieferungen ohne bürokratische Hürden."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Wo kann ich die Kollektion ansehen?",
|
||||
content: "Besuchen Sie gerne unseren Showroom in Rehlingen-Siersburg nach Terminvereinbarung.",
|
||||
},
|
||||
id: "5", title: "Wo kann ich die Kollektion ansehen?", content: "Besuchen Sie gerne unseren Showroom in Rehlingen-Siersburg nach Terminvereinbarung."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -246,37 +165,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "/",
|
||||
},
|
||||
label: "Startseite", href: "/"},
|
||||
{
|
||||
label: "Sortiment",
|
||||
href: "/products",
|
||||
},
|
||||
label: "Sortiment", href: "/products"},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Über uns", href: "/about"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Kontakt", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -287,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user