Update src/app/about/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user