bender/8a3a7606-6b85-4dc3-adba-ac132e41da8d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-03 17:14:06 +00:00
parent 23adb5019f
commit 5bd4907f2d
1 changed files with 25 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Sparkles } from 'lucide-react';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -28,282 +29,86 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Startseite",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "Über uns",
id: "/about",
},
{
name: "Kontakt",
id: "/contact",
},
{ name: "Startseite", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "Über uns", id: "/about" },
{ name: "Kontakt", id: "/contact" },
]}
brandName="Lashvelin"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Saubere Wimpern. Schönere Routine."
description="Premium Wimpernshampoo für Frauen, die frische, gepflegte und schöne Wimpern als Teil ihrer täglichen Beauty-Routine wollen."
buttons={[
{
text: "Jetzt entdecken",
href: "/shop",
},
{
text: "Mehr erfahren",
href: "/about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg",
alt: "Kunde 1",
},
{
src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg",
alt: "Kunde 2",
},
{
src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg",
alt: "Kunde 3",
},
{
src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg",
alt: "Kunde 4",
},
{
src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg",
alt: "Kunde 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Vegan & Tierversuchsfrei",
},
{
type: "text",
text: "Augenärztlich getestet",
},
{
type: "text",
text: "Premium Qualität",
},
{
type: "text",
text: "Sanfte Pflege",
},
{
type: "text",
text: "Made in Europe",
},
]}
buttons={[{ text: "Jetzt entdecken", href: "/shop" }, { text: "Mehr erfahren", href: "/about" }]}
imageSrc="http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg"
avatars={[{ src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", alt: "Kunde 1" }, { src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", alt: "Kunde 2" }, { src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", alt: "Kunde 3" }, { src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", alt: "Kunde 4" }, { src: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", alt: "Kunde 5" }]}
marqueeItems={[{ type: "text", text: "Vegan & Tierversuchsfrei" }, { type: "text", text: "Augenärztlich getestet" }, { type: "text", text: "Premium Qualität" }, { type: "text", text: "Sanfte Pflege" }, { type: "text", text: "Made in Europe" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Hochwertige Beauty-Pflege",
description: "Exklusive Inhaltsstoffe für deine Wimpern.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg?_wi=2",
imageAlt: "elegant minimal beauty background creme",
},
{
title: "Sanfte Reinigung",
description: "Schonend und gründlich zu deinen Lash Extensions.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=1",
imageAlt: "premium eyelash shampoo bottle minimalist",
},
{
title: "Tägliche Routine",
description: "Perfekte Ergänzung für dein Self-Care Ritual.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260822.jpg?_wi=1",
imageAlt: "woman cleaning eyelash extensions gently",
},
{
title: "Feminine Qualität",
description: "Design und Funktion in perfekter Harmonie.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=1",
imageAlt: "portrait elegant woman natural makeup",
},
{ title: "Hochwertige Beauty-Pflege", description: "Exklusive Inhaltsstoffe für deine Wimpern.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg", imageAlt: "elegant minimal beauty background creme" },
{ title: "Sanfte Reinigung", description: "Schonend und gründlich zu deinen Lash Extensions.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg", imageAlt: "premium eyelash shampoo bottle minimalist" },
{ title: "Tägliche Routine", description: "Perfekte Ergänzung für dein Self-Care Ritual.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260822.jpg", imageAlt: "woman cleaning eyelash extensions gently" },
{ title: "Feminine Qualität", description: "Design und Funktion in perfekter Harmonie.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", imageAlt: "portrait elegant woman natural makeup" },
]}
title="Deine neue Routine"
description="Lashvelin bietet alles, was du für gepflegte Wimpern brauchst."
/>
</div>
<div id="product" data-section="product">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Lashvelin",
name: "Lash Cleanser",
price: "24,90 €",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=2",
},
]}
products={[{ id: "1", brand: "Lashvelin", name: "Lash Cleanser", price: "24,90 €", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg" }]}
title="Lashvelin Wimpernshampoo"
description="Frische, saubere und gepflegte Wimpern – jeden Tag."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah M.",
handle: "Beauty-Fan",
testimonial: "Endlich ein Shampoo, das meine Extensions nicht austrocknet. Absoluter Favorit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=2",
},
{
id: "2",
name: "Julia R.",
handle: "Lash-Artist",
testimonial: "Ich empfehle es jeder meiner Kundinnen. Hochwertig und sanft.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=3",
},
{
id: "3",
name: "Lisa T.",
handle: "Styling-Pro",
testimonial: "So einfach anzuwenden und ein tolles Ergebnis.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=4",
},
{
id: "4",
name: "Marie K.",
handle: "Daily User",
testimonial: "Fühlt sich luxuriös an, wie ein Spa-Moment im Bad.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=5",
},
{
id: "5",
name: "Sophie L.",
handle: "Lash Fan",
testimonial: "Die Qualität ist fantastisch, meine Wimpern sind so gepflegt wie nie zuvor.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=6",
},
{ id: "1", name: "Sarah M.", handle: "Beauty-Fan", testimonial: "Endlich ein Shampoo, das meine Extensions nicht austrocknet. Absoluter Favorit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg" },
{ id: "2", name: "Julia R.", handle: "Lash-Artist", testimonial: "Ich empfehle es jeder meiner Kundinnen. Hochwertig und sanft.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg" },
{ id: "3", name: "Lisa T.", handle: "Styling-Pro", testimonial: "So einfach anzuwenden und ein tolles Ergebnis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg" },
{ id: "4", name: "Marie K.", handle: "Daily User", testimonial: "Fühlt sich luxuriös an, wie ein Spa-Moment im Bad.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg" },
{ id: "5", name: "Sophie L.", handle: "Lash Fan", testimonial: "Die Qualität ist fantastisch, meine Wimpern sind so gepflegt wie nie zuvor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg" },
]}
showRating={true}
title="Kundinnenliebling"
description="Was Lashvelin-Anwenderinnen sagen."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Ist das Produkt für die tägliche Anwendung geeignet?",
content: "Ja, Lashvelin ist speziell für die tägliche, sanfte Reinigung konzipiert.",
},
{
id: "2",
title: "Kann ich es mit Lash Extensions verwenden?",
content: "Absolut! Lashvelin ist ölfrei und perfekt für Lash Extensions geeignet.",
},
{
id: "3",
title: "Wie wende ich es an?",
content: "Einfach auftragen, sanft einmassieren und mit klarem Wasser abspülen.",
},
{
id: "4",
title: "Ist das Shampoo sanft?",
content: "Wir setzen auf besonders milde, haut- und wimpernverträgliche Inhaltsstoffe.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260822.jpg?_wi=2"
faqs={[{ id: "1", title: "Ist das Produkt für die tägliche Anwendung geeignet?", content: "Ja, Lashvelin ist speziell für die tägliche, sanfte Reinigung konzipiert." }, { id: "2", title: "Kann ich es mit Lash Extensions verwenden?", content: "Absolut! Lashvelin ist ölfrei und perfekt für Lash Extensions geeignet." }, { id: "3", title: "Wie wende ich es an?", content: "Einfach auftragen, sanft einmassieren und mit klarem Wasser abspülen." }, { id: "4", title: "Ist das Shampoo sanft?", content: "Wir setzen auf besonders milde, haut- und wimpernverträgliche Inhaltsstoffe." }]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260822.jpg"
title="Häufige Fragen"
description="Alles rund um deine Lashvelin Routine."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=3"
columns={[
{
title: "Marke",
items: [
{
label: "Über uns",
href: "/about",
},
{
label: "Kontakt",
href: "/contact",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "AGB",
href: "/legal",
},
{
label: "Datenschutz",
href: "/legal",
},
{
label: "Impressum",
href: "/legal",
},
{
label: "Versand & Rückgabe",
href: "/legal",
},
],
},
]}
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg"
columns={[{ title: "Marke", items: [{ label: "Über uns", href: "/about" }, { label: "Kontakt", href: "/contact" }] }, { title: "Rechtliches", items: [{ label: "AGB", href: "/legal" }, { label: "Datenschutz", href: "/legal" }, { label: "Impressum", href: "/legal" }, { label: "Versand & Rückgabe", href: "/legal" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}