Merge version_2 into main #2
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Gem, Leaf } from 'lucide-react';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,66 +25,32 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
navItems={[{ name: "Startseite", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Über uns", id: "/about" }, { name: "Kontakt", id: "/contact" }]}
|
||||
brandName="Lashvelin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Über Lashvelin"
|
||||
description="Wir stehen für moderne Beauty-Pflege, die sich gut anfühlt. Unsere Mission ist es, Qualität und Femininität in den Alltag zu bringen."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Premium",
|
||||
},
|
||||
{
|
||||
value: "Vegan",
|
||||
title: "Sanft",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=7"
|
||||
metrics={[{ value: "100%", title: "Premium" }, { value: "Vegan", title: "Sanft" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Philosophie"
|
||||
description="Wir setzen auf natürliche Schönheit."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Premium",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=8"
|
||||
metrics={[{ value: "100%", title: "Premium" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
@@ -91,66 +58,18 @@ export default function LandingPage() {
|
||||
title="Unsere Geschichte"
|
||||
description="Inspiriert von echter Pflege."
|
||||
features={[
|
||||
{
|
||||
title: "Ursprung",
|
||||
description: "Schweizer Entwicklung.",
|
||||
buttonIcon: "Gem",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260822.jpg?_wi=3",
|
||||
imageAlt: "woman cleaning eyelash extensions gently",
|
||||
},
|
||||
{
|
||||
title: "Zukunft",
|
||||
description: "Nachhaltig.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=7",
|
||||
imageAlt: "portrait elegant woman natural makeup",
|
||||
},
|
||||
{ title: "Ursprung", description: "Schweizer Entwicklung.", buttonIcon: Gem, 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: "Zukunft", description: "Nachhaltig.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", imageAlt: "portrait elegant woman natural makeup" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=9"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Headphones, HelpCircle } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,64 +25,30 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
navItems={[{ name: "Startseite", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Über uns", id: "/about" }, { name: "Kontakt", id: "/contact" }]}
|
||||
brandName="Lashvelin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Schreib uns"
|
||||
description="Wolfgang Daniele | Seengerstrasse 30, Boniswil | xcomwil, Schweiz | 0041762026336"
|
||||
buttons={[
|
||||
{
|
||||
text: "E-Mail senden",
|
||||
href: "mailto:xcomlaq23@outlook.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "E-Mail senden", href: "mailto:xcomlaq23@outlook.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Sag Hallo"
|
||||
description="Wir freuen uns auf deine Nachricht."
|
||||
buttons={[
|
||||
{
|
||||
text: "E-Mail senden",
|
||||
href: "mailto:xcomlaq23@outlook.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "E-Mail senden", href: "mailto:xcomlaq23@outlook.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
@@ -89,66 +56,18 @@ export default function LandingPage() {
|
||||
title="Hilfe"
|
||||
description="Wie können wir unterstützen?"
|
||||
features={[
|
||||
{
|
||||
title: "Support",
|
||||
description: "Montag - Freitag",
|
||||
buttonIcon: "Headphones",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg?_wi=4",
|
||||
imageAlt: "elegant minimal beauty background creme",
|
||||
},
|
||||
{
|
||||
title: "FAQ",
|
||||
description: "Hier lesen.",
|
||||
buttonIcon: "HelpCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=10",
|
||||
imageAlt: "premium eyelash shampoo bottle minimalist",
|
||||
},
|
||||
{ title: "Support", description: "Montag - Freitag", buttonIcon: Headphones, imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg", imageAlt: "elegant minimal beauty background creme" },
|
||||
{ title: "FAQ", description: "Hier lesen.", buttonIcon: HelpCircle, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg", imageAlt: "premium eyelash shampoo bottle minimalist" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=11"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Scale, Lock } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function LegalPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,28 +25,10 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
navItems={[{ name: "Startseite", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Über uns", id: "/about" }, { name: "Kontakt", id: "/contact" }]}
|
||||
brandName="Lashvelin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
@@ -53,84 +36,28 @@ export default function LandingPage() {
|
||||
title="Rechtliches"
|
||||
description="Wichtige Informationen zu deiner Bestellung."
|
||||
features={[
|
||||
{
|
||||
title: "AGB",
|
||||
description: "Rechtliche Basis.",
|
||||
buttonIcon: "Scale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260822.jpg?_wi=4",
|
||||
imageAlt: "woman cleaning eyelash extensions gently",
|
||||
},
|
||||
{
|
||||
title: "Datenschutz",
|
||||
description: "Sicher.",
|
||||
buttonIcon: "Lock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg?_wi=8",
|
||||
imageAlt: "portrait elegant woman natural makeup",
|
||||
},
|
||||
{ title: "AGB", description: "Rechtliche Basis.", buttonIcon: Scale, 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: "Datenschutz", description: "Sicher.", buttonIcon: Lock, imageSrc: "http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg", imageAlt: "portrait elegant woman natural makeup" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Rechtliches"
|
||||
title="Impressum"
|
||||
description="Wolfgang Daniele | Seengerstrasse 30, Boniswil."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontakt",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Kontakt", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=12"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
245
src/app/page.tsx
245
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Truck } from 'lucide-react';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,28 +25,10 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
navItems={[{ name: "Startseite", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Über uns", id: "/about" }, { name: "Kontakt", id: "/contact" }]}
|
||||
brandName="Lashvelin"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
@@ -54,20 +37,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Shop - Lashvelin"
|
||||
description="Unsere Produkte für dich."
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
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=4",
|
||||
},
|
||||
]}
|
||||
products={[{ id: "s1", 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" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
@@ -75,66 +47,18 @@ export default function LandingPage() {
|
||||
title="Warum Lashvelin"
|
||||
description="Qualität bei jedem Schritt."
|
||||
features={[
|
||||
{
|
||||
title: "Sichere Inhaltsstoffe",
|
||||
description: "Vegan.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg?_wi=3",
|
||||
imageAlt: "elegant minimal beauty background creme",
|
||||
},
|
||||
{
|
||||
title: "Schnelle Lieferung",
|
||||
description: "Zuverlässig.",
|
||||
buttonIcon: "Truck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=5",
|
||||
imageAlt: "premium eyelash shampoo bottle minimalist",
|
||||
},
|
||||
{ title: "Sichere Inhaltsstoffe", description: "Vegan.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-near-cup-bunch-fresh-wheat_23-2148074805.jpg", imageAlt: "elegant minimal beauty background creme" },
|
||||
{ title: "Schnelle Lieferung", description: "Zuverlässig.", buttonIcon: Truck, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg", imageAlt: "premium eyelash shampoo bottle minimalist" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307334.jpg?_wi=6"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user