Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
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="Minoaskin"
|
||||
/>
|
||||
@@ -56,71 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Berlin's Premium Skincare Experience"
|
||||
description="Discover Minoaskin, where dermatological science meets pure, botanical luxury. Curated for the modern skin, made for the Berlin lifestyle."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Natural Ingredients",
|
||||
},
|
||||
value: "100%", label: "Natural Ingredients"},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Scientific Formulas",
|
||||
},
|
||||
value: "12+", label: "Scientific Formulas"},
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Satisfied Berliners",
|
||||
},
|
||||
value: "15k+", label: "Satisfied Berliners"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-blue-bathrobe_1157-32257.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-flowers-mirror_23-2148879007.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-flowers-mirror_23-2148879007.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-model-summer-makeup-with-light-tones_114579-9353.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-model-summer-makeup-with-light-tones_114579-9353.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166446.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166446.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830355.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830355.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater-naked-shoulder_23-2148749913.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater-naked-shoulder_23-2148749913.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
avatarText="Join 15k+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
type: "text", text: "Cruelty-Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dermatologist Tested",
|
||||
},
|
||||
type: "text", text: "Dermatologist Tested"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Berlin Born",
|
||||
},
|
||||
type: "text", text: "Berlin Born"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
type: "text", text: "Organic Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinically Proven",
|
||||
},
|
||||
type: "text", text: "Clinically Proven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,20 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Clinical Efficacy",
|
||||
description: "Formulated by dermatologists for proven results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shining-drops-airy-bubbles_23-2148205155.jpg",
|
||||
},
|
||||
title: "Clinical Efficacy", description: "Formulated by dermatologists for proven results.", imageSrc: "http://img.b2bpic.net/free-photo/shining-drops-airy-bubbles_23-2148205155.jpg"},
|
||||
{
|
||||
title: "Organic Purity",
|
||||
description: "Hand-picked, sustainable plant-based nutrients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg",
|
||||
},
|
||||
title: "Organic Purity", description: "Hand-picked, sustainable plant-based nutrients.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg"},
|
||||
{
|
||||
title: "Verified Results",
|
||||
description: "Rigorous testing to ensure long-term skin health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg",
|
||||
},
|
||||
title: "Verified Results", description: "Rigorous testing to ensure long-term skin health.", imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg"},
|
||||
]}
|
||||
title="Why Minoaskin?"
|
||||
description="Our commitment to quality, efficacy, and sustainable beauty."
|
||||
@@ -168,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydra Glow Cream",
|
||||
price: "€58.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/containers-arrangement-flat-lay_23-2148978194.jpg",
|
||||
},
|
||||
id: "p1", name: "Hydra Glow Cream", price: "€58.00", imageSrc: "http://img.b2bpic.net/free-photo/containers-arrangement-flat-lay_23-2148978194.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gentle Foam Cleanser",
|
||||
price: "€32.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-near-tube_23-2147766594.jpg",
|
||||
},
|
||||
id: "p2", name: "Gentle Foam Cleanser", price: "€32.00", imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-near-tube_23-2147766594.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Advanced Serum",
|
||||
price: "€74.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163164.jpg",
|
||||
},
|
||||
id: "p3", name: "Advanced Serum", price: "€74.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163164.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Night Repair Mask",
|
||||
price: "€62.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307224.jpg",
|
||||
},
|
||||
id: "p4", name: "Night Repair Mask", price: "€62.00", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307224.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Radiance Toner",
|
||||
price: "€38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg",
|
||||
},
|
||||
id: "p5", name: "Radiance Toner", price: "€38.00", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vitamin C Booster",
|
||||
price: "€68.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-joyful-woman-with-wavy-hair-red-lips-holding-beauty-cream-hand-while-happily-looking-camera-black-background_574295-3215.jpg",
|
||||
},
|
||||
id: "p6", name: "Vitamin C Booster", price: "€68.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-joyful-woman-with-wavy-hair-red-lips-holding-beauty-cream-hand-while-happily-looking-camera-black-background_574295-3215.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Explore the full range of Minoaskin solutions for every skin type and need."
|
||||
@@ -216,23 +148,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Radiance Index",
|
||||
value: "94%",
|
||||
},
|
||||
id: "m1", icon: Sparkles,
|
||||
title: "Radiance Index", value: "94%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Barrier Protection",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Barrier Protection", value: "99%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Dermatologist Tested",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Dermatologist Tested", value: "100%"},
|
||||
]}
|
||||
title="Science in Numbers"
|
||||
description="Empowering your skin health journey daily."
|
||||
@@ -246,43 +169,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Julia M.",
|
||||
handle: "@julia_berlin",
|
||||
testimonial: "My skin has never looked so clear and radiant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-freckled-woman-holding-flower_23-2148749866.jpg",
|
||||
},
|
||||
id: "t1", name: "Julia M.", handle: "@julia_berlin", testimonial: "Meine Haut hat noch nie so klar und strahlend ausgesehen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-freckled-woman-holding-flower_23-2148749866.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lukas K.",
|
||||
handle: "@lukas_k",
|
||||
testimonial: "Finally found a routine that works for my sensitive skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-covering-her-face_23-2149551244.jpg",
|
||||
},
|
||||
id: "t2", name: "Lukas K.", handle: "@lukas_k", testimonial: "Endlich eine Pflegeroutine, die für meine empfindliche Haut funktioniert.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-covering-her-face_23-2149551244.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_skin",
|
||||
testimonial: "Professional results with natural products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman_23-2148138696.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elena_skin", testimonial: "Professionelle Ergebnisse mit natürlichen Inhaltsstoffen.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman_23-2148138696.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah S.",
|
||||
handle: "@sarah_s",
|
||||
testimonial: "Excellent service and truly effective skincare.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_23-2148916395.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah S.", handle: "@sarah_s", testimonial: "Exzellenter Service und wirklich effektive Produkte.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_23-2148916395.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marc L.",
|
||||
handle: "@marc_berlin",
|
||||
testimonial: "Highly recommend the night cream for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-curly-haired-woman-embraces-own-body-smiles-happily-keeps-eyes-closed-holds-calla-flower-applies-hydrogel-patches-wears-casual-t-shirt-isolated-brown-background_273609-58050.jpg",
|
||||
},
|
||||
id: "t5", name: "Marc L.", handle: "@marc_berlin", testimonial: "Ich kann die Nachtcreme wirklich jedem empfehlen.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-curly-haired-woman-embraces-own-body-smiles-happily-keeps-eyes-closed-holds-calla-flower-applies-hydrogel-patches-wears-casual-t-shirt-isolated-brown-background_273609-58050.jpg"},
|
||||
]}
|
||||
title="Stories from Berlin"
|
||||
description="See why locals trust us with their skin."
|
||||
title="Erfahrungen aus Berlin"
|
||||
description="Entdecke, warum Berliner uns bei ihrer Hautpflege vertrauen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -292,23 +190,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is Minoaskin safe for sensitive skin?",
|
||||
content: "Yes, all our formulas are dermatologist tested and hypoallergenic.",
|
||||
},
|
||||
id: "f1", title: "Ist Minoaskin sicher für empfindliche Haut?", content: "Ja, alle unsere Rezepturen sind dermatologisch getestet und hypoallergen."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where can I purchase in Berlin?",
|
||||
content: "Visit our boutique in Mitte or shop online for home delivery.",
|
||||
},
|
||||
id: "f2", title: "Wo kann ich in Berlin einkaufen?", content: "Besuche unsere Boutique in Mitte oder bestelle bequem online für die Lieferung direkt nach Hause."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your ingredients vegan?",
|
||||
content: "Absolutely, all our products are 100% vegan and cruelty-free.",
|
||||
},
|
||||
id: "f3", title: "Sind eure Inhaltsstoffe vegan?", content: "Absolut, alle unsere Produkte sind zu 100 % vegan und tierversuchsfrei."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your skincare routine?"
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Hast du Fragen zu deiner Hautpflegeroutine?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -317,13 +206,15 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Skin Community"
|
||||
description="Sign up for exclusive offers and skincare tips directly from our experts."
|
||||
variant: "plain"}}
|
||||
tag="Bleib informiert"
|
||||
title="Werde Teil der Skin-Community"
|
||||
description="Melde dich an für exklusive Angebote und Expertentipps zur Hautpflege direkt aus Berlin."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Deine E-Mail-Adresse"
|
||||
buttonText="Anmelden"
|
||||
termsText="Mit dem Klick auf Anmelden bestätigst du, dass du unseren Nutzungsbedingungen zustimmst."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -332,48 +223,34 @@ export default function LandingPage() {
|
||||
logoText="Minoaskin"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Entdecken", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Unsere Geschichte", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produkte", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "AGB", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Minoaskin Berlin"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user