bender/bac0dc7c-3d2a-4185-82f3-e1bd6abe0d38
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-05-13 08:33:16 +00:00
parent 196122cdbc
commit 9ac2d76800
1 changed files with 54 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Shop",
id: "#products",
},
name: "Shop", id: "#products"},
{
name: "Philosophy",
id: "#philosophy",
},
name: "Philosophy", id: "#philosophy"},
{
name: "Rituals",
id: "#rituals",
},
name: "Rituals", id: "#rituals"},
{
name: "Journal",
id: "#journal",
},
name: "Journal", id: "#journal"},
]}
brandName="ELOWEN SKIN"
/>
@@ -58,37 +50,23 @@ export default function LandingPage() {
description="Discover botanical beauty rooted in timeless self-care and quiet intention."
buttons={[
{
text: "Explore Rituals",
href: "#rituals",
},
text: "Explore Rituals", href: "#rituals"},
{
text: "Discover Ingredients",
href: "#ingredients",
},
text: "Discover Ingredients", href: "#ingredients"},
]}
imageSrc="http://img.b2bpic.net/free-photo/homemade-remedy-with-honey_23-2148894305.jpg"
imageAlt="Elowen Skin botanicals on stone textures"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/golden-lightning-bolt-icon-glowing-textured-brown-background_84443-91489.jpg",
alt: "user-1",
},
src: "http://img.b2bpic.net/free-photo/golden-lightning-bolt-icon-glowing-textured-brown-background_84443-91489.jpg", alt: "user-1"},
{
src: "http://img.b2bpic.net/free-photo/soft-landscape-illustration-background_23-2152015653.jpg",
alt: "user-2",
},
src: "http://img.b2bpic.net/free-photo/soft-landscape-illustration-background_23-2152015653.jpg", alt: "user-2"},
{
src: "http://img.b2bpic.net/free-photo/green-glass-beer-bottle-black-white-outline-vector-illustration_1308-186790.jpg",
alt: "user-3",
},
src: "http://img.b2bpic.net/free-photo/green-glass-beer-bottle-black-white-outline-vector-illustration_1308-186790.jpg", alt: "user-3"},
{
src: "http://img.b2bpic.net/free-photo/3d-pastel-gradient-warning-icon_84443-86272.jpg",
alt: "user-4",
},
src: "http://img.b2bpic.net/free-photo/3d-pastel-gradient-warning-icon_84443-86272.jpg", alt: "user-4"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416364.jpg",
alt: "user-5",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416364.jpg", alt: "user-5"},
]}
avatarText="Trusted by 5,000+ mindful souls"
/>
@@ -100,9 +78,7 @@ export default function LandingPage() {
title="Slow beauty for the mindful soul."
buttons={[
{
text: "Our Philosophy",
href: "#philosophy",
},
text: "Our Philosophy", href: "#philosophy"},
]}
/>
</div>
@@ -115,47 +91,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Cleansing Balm",
price: "$68",
variant: "Ritual",
imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-bottle-advertising_23-2149511224.jpg",
},
id: "1", name: "Cleansing Balm", price: "$68", variant: "Ritual", imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-bottle-advertising_23-2149511224.jpg"},
{
id: "2",
name: "Botanical Serum",
price: "$120",
variant: "Ritual",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-serum-bottle-leaf_23-2148899372.jpg",
},
id: "2", name: "Botanical Serum", price: "$120", variant: "Ritual", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-serum-bottle-leaf_23-2148899372.jpg"},
{
id: "3",
name: "Overnight Repair Cream",
price: "$95",
variant: "Ritual",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg",
},
id: "3", name: "Overnight Repair Cream", price: "$95", variant: "Ritual", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg"},
{
id: "4",
name: "Calming Mist",
price: "$45",
variant: "Ritual",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-young-lady-sitting-bed-holding-spray-hand-home_574295-4765.jpg",
},
id: "4", name: "Calming Mist", price: "$45", variant: "Ritual", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-young-lady-sitting-bed-holding-spray-hand-home_574295-4765.jpg"},
{
id: "5",
name: "Face Oil",
price: "$85",
variant: "Ritual",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg",
},
id: "5", name: "Face Oil", price: "$85", variant: "Ritual", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg"},
{
id: "6",
name: "Eye Cream",
price: "$75",
variant: "Ritual",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-medicine-bottle-with-dropper_187299-46839.jpg",
},
id: "6", name: "Eye Cream", price: "$75", variant: "Ritual", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-medicine-bottle-with-dropper_187299-46839.jpg"},
]}
title="Featured Rituals"
description="Clean luxury products formulated for skin vitality."
@@ -168,30 +114,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Matcha",
description: "Antioxidant-rich energy for your skin.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-matcha-tea-concept-table_23-2148377615.jpg",
},
title: "Matcha", description: "Antioxidant-rich energy for your skin.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-matcha-tea-concept-table_23-2148377615.jpg"},
{
title: "Green Tea",
description: "Soothing protection against daily stressors.",
imageSrc: "http://img.b2bpic.net/free-photo/fruits-herbs-tea_23-2148550515.jpg",
},
title: "Green Tea", description: "Soothing protection against daily stressors.", imageSrc: "http://img.b2bpic.net/free-photo/fruits-herbs-tea_23-2148550515.jpg"},
{
title: "Hyaluronic Acid",
description: "Deep hydration for lasting plumpness.",
imageSrc: "http://img.b2bpic.net/free-photo/water-ripple-texture-background-blue-design_53876-142915.jpg",
},
title: "Hyaluronic Acid", description: "Deep hydration for lasting plumpness.", imageSrc: "http://img.b2bpic.net/free-photo/water-ripple-texture-background-blue-design_53876-142915.jpg"},
{
title: "Chamomile",
description: "Calming comfort for sensitive skin.",
imageSrc: "http://img.b2bpic.net/free-photo/opium-poppy-papaver-somniferum-illustration-from-medical-botany-1836_53876-65039.jpg",
},
title: "Chamomile", description: "Calming comfort for sensitive skin.", imageSrc: "http://img.b2bpic.net/free-photo/opium-poppy-papaver-somniferum-illustration-from-medical-botany-1836_53876-65039.jpg"},
{
title: "Rice Water",
description: "Brightening enzymes for an even glow.",
imageSrc: "http://img.b2bpic.net/free-photo/rock-salt-leaves-spoon-essential-oil-spray-bottle-white-background_23-2148031340.jpg",
},
title: "Rice Water", description: "Brightening enzymes for an even glow.", imageSrc: "http://img.b2bpic.net/free-photo/rock-salt-leaves-spoon-essential-oil-spray-bottle-white-background_23-2148031340.jpg"},
]}
title="Nature's purest alchemy."
description="Thoughtfully sourced ingredients that work in harmony with your skin's natural rhythm."
@@ -200,30 +131,16 @@ export default function LandingPage() {
<div id="rituals" data-section="rituals">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "10m",
title: "Morning Stillness",
description: "A mindful start to your day.",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg",
},
id: "1", value: "10m", title: "Morning Stillness", description: "A mindful start to your day.", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg"},
{
id: "2",
value: "2x",
title: "Double Cleanse",
description: "Purify with botanical essence.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-bath-time_23-2149186321.jpg",
},
id: "2", value: "2x", title: "Double Cleanse", description: "Purify with botanical essence.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-bath-time_23-2149186321.jpg"},
{
id: "3",
value: "Rest",
title: "Evening Restore",
description: "Nighttime repair and healing.",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
},
id: "3", value: "Rest", title: "Evening Restore", description: "Nighttime repair and healing.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg"},
]}
title="The Ritual Experience"
description="Transform your daily skincare into a sanctuary of peace."
@@ -237,59 +154,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena M.",
role: "Artist",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
},
id: "1", name: "Elena M.", role: "Artist", company: "Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
{
id: "2",
name: "Julian S.",
role: "Designer",
company: "Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
},
id: "2", name: "Julian S.", role: "Designer", company: "Agency", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
{
id: "3",
name: "Sophie K.",
role: "Architect",
company: "Modern Life",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg",
},
id: "3", name: "Sophie K.", role: "Architect", company: "Modern Life", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg"},
{
id: "4",
name: "Marcus A.",
role: "Writer",
company: "Editorial",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
},
id: "4", name: "Marcus A.", role: "Writer", company: "Editorial", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg"},
{
id: "5",
name: "Sarah P.",
role: "Curator",
company: "Gallery",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cleaning-with-lemon_23-2148883424.jpg",
},
id: "5", name: "Sarah P.", role: "Curator", company: "Gallery", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cleaning-with-lemon_23-2148883424.jpg"},
]}
kpiItems={[
{
value: "98%",
label: "Skin Radiance",
},
value: "98%", label: "Skin Radiance"},
{
value: "100%",
label: "Botanical Base",
},
value: "100%", label: "Botanical Base"},
{
value: "5k+",
label: "Ritual Lovers",
},
value: "5k+", label: "Ritual Lovers"},
]}
title="Words of Calm"
description="How Elowen Skin has transformed morning rituals into wellness sanctuary."
@@ -305,35 +191,11 @@ export default function LandingPage() {
description="Explore the intersection of botanical care and emotional wellness."
blogs={[
{
id: "1",
category: "Philosophy",
title: "The Art of Slow Beauty",
excerpt: "Embracing a slower pace for deeper radiance.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adorable-lady-with-big-beautiful-eyes-covering-by-palm-leaf-posing-camera-wearing-trendy-top-shirt-place-text_291650-1304.jpg",
authorName: "Elowen Staff",
authorAvatar: "http://img.b2bpic.net/free-photo/glowing-red-warning-triangle-sign-dark-textured-background_84443-91474.jpg",
date: "Oct 12, 2024",
},
id: "1", category: "Philosophy", title: "The Art of Slow Beauty", excerpt: "Embracing a slower pace for deeper radiance.", imageSrc: "http://img.b2bpic.net/free-photo/young-adorable-lady-with-big-beautiful-eyes-covering-by-palm-leaf-posing-camera-wearing-trendy-top-shirt-place-text_291650-1304.jpg", authorName: "Elowen Staff", authorAvatar: "http://img.b2bpic.net/free-photo/glowing-red-warning-triangle-sign-dark-textured-background_84443-91474.jpg", date: "Oct 12, 2024"},
{
id: "2",
category: "Rituals",
title: "Morning Rituals for Calm Skin",
excerpt: "Starting your day with pure intention.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-some-coffee-after-her-bath_23-2149122109.jpg",
authorName: "Elowen Staff",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148680205.jpg",
date: "Sep 28, 2024",
},
id: "2", category: "Rituals", title: "Morning Rituals for Calm Skin", excerpt: "Starting your day with pure intention.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-some-coffee-after-her-bath_23-2149122109.jpg", authorName: "Elowen Staff", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148680205.jpg", date: "Sep 28, 2024"},
{
id: "3",
category: "Science",
title: "Botanical Ingredients Explained",
excerpt: "The power behind nature's alchemy.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-special-white-suit-wearing-protective-helmet-holding-spray-pink-space-special-suit-girl-woman_140725-28615.jpg",
authorName: "Elowen Staff",
authorAvatar: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg",
date: "Aug 15, 2024",
},
id: "3", category: "Science", title: "Botanical Ingredients Explained", excerpt: "The power behind nature's alchemy.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-special-white-suit-wearing-protective-helmet-holding-spray-pink-space-special-suit-girl-woman_140725-28615.jpg", authorName: "Elowen Staff", authorAvatar: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg", date: "Aug 15, 2024"},
]}
/>
</div>
@@ -342,16 +204,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Stay Informed"
title="Join the Sanctuary"
description="Occasional updates on botanical care and ritual insights."
buttons={[
{
text: "Subscribe",
href: "#",
},
text: "Subscribe", href: "#"},
]}
/>
</div>
@@ -361,42 +220,27 @@ export default function LandingPage() {
logoText="ELOWEN SKIN"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Shop Rituals",
href: "#products",
},
label: "Shop Rituals", href: "#products"},
{
label: "Our Philosophy",
href: "#philosophy",
},
label: "Our Philosophy", href: "#philosophy"},
],
},
{
title: "Community",
items: [
title: "Community", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Journal",
href: "#journal",
},
label: "Journal", href: "#journal"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Sustainability",
href: "#",
},
label: "Sustainability", href: "#"},
{
label: "Contact Us",
href: "#",
},
label: "Contact Us", href: "#"},
],
},
]}