bender/8b48a713-9fd1-4648-a697-ad261ece36d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-06-11 06:43:59 +00:00
parent 00212aedee 1cf808baca
commit f755e0edff
2 changed files with 33 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/app/page.tsx
View File

@@ -19,10 +19,10 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
@@ -72,20 +72,20 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon", text: "Natural Ingredients", icon: Leaf,
type: "text-icon", text: "Natural Ingredients", icon: Leaf
},
{
type: "text-icon", text: "Cruelty-Free", icon: Heart,
type: "text-icon", text: "Cruelty-Free", icon: Heart
},
{
type: "text-icon", text: "Dermatologist Approved", icon: ShieldCheck,
type: "text-icon", text: "Dermatologist Approved", icon: ShieldCheck
},
{
type: "text-icon", text: "Sustainable Sourcing", icon: Globe,
type: "text-icon", text: "Sustainable Sourcing", icon: Globe
},
{
type: "text-icon", text: "Visible Results", icon: Sparkles,
},
type: "text-icon", text: "Visible Results", icon: Sparkles
}
]}
/>
</div>
@@ -170,20 +170,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sophia R.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Sophia R."},
id: "1", name: "Emily W.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Emily W."},
{
id: "2", name: "Liam K.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195141.jpg", imageAlt: "Liam K."},
id: "2", name: "David S.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195141.jpg", imageAlt: "David S."},
{
id: "3", name: "Olivia M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-flowers_23-2149020787.jpg", imageAlt: "Olivia M."},
id: "3", name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-flowers_23-2149020787.jpg", imageAlt: "Olivia M."},
{
id: "4", name: "Noah J.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg", imageAlt: "Noah J."},
id: "4", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg", imageAlt: "Noah J."},
{
id: "5", name: "Ava P.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-korean-girl-suit-opens-up-heart-shaped-box-with-romantic-gift-white-day-holiday-standing-suit-pink-background_1258-99176.jpg", imageAlt: "Ava P."},
id: "5", name: "Jessica A.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-korean-girl-suit-opens-up-heart-shaped-box-with-romantic-gift-white-day-holiday-standing-suit-pink-background_1258-99176.jpg", imageAlt: "Ava P."},
{
id: "6", name: "Ethan C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-beach_613910-806.jpg", imageAlt: "Ethan C."},
id: "6", name: "Daniel F.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-beach_613910-806.jpg", imageAlt: "Ethan C."},
]}
cardTitle="Hear From Our Happy Customers"
cardTag="Real Results"
cardTitle="Real Stories from Our Skincare Enthusiasts"
cardTag="Customer Reviews"
buttons={[
{
text: "Read All Reviews", href: "#"},
@@ -197,9 +197,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue", "Allure", "Cosmopolitan", "Glamour", "Harper's Bazaar", "ELLE", "Beauty Insider"]}
title="Featured In"
description="Trusted by leading beauty experts and publications."
"98% Customer Satisfaction", "100% Cruelty-Free", "500K+ Happy Customers", "Organic Certified", "Dermatologist Recommended", "Eco-Friendly Packaging"
]}
title="Our Skincare Impact"
description="Proudly sharing our commitment to quality, efficacy, and sustainability."
/>
</div>
@@ -219,7 +220,7 @@ export default function LandingPage() {
label: "Foot Care", href: "/products#foot"},
{
label: "All Products", href: "/products"},
],
]
},
{
title: "Company", items: [
@@ -229,7 +230,7 @@ export default function LandingPage() {
label: "Our Philosophy", href: "#"},
{
label: "Contact Us", href: "/contact"},
],
]
},
{
title: "Legal", items: [
@@ -239,8 +240,8 @@ export default function LandingPage() {
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy", href: "#"},
],
},
]
}
]}
copyrightText="© 2024 SKIN CARE. All rights reserved."
/>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #e63946;
--background-accent: #e8bea8;
--accent: #b2a28b;
--background-accent: #b2a28b;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);