bender/86a90635-ebb6-4d8e-941a-d4830bf60e0c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

9 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
26953193f0 Update src/app/page.tsx 2026-03-09 21:35:53 +00:00
bender
c3c7b02121 Update theme colors 2026-03-09 21:33:06 +00:00
bender
8374338d82 Update src/app/page.tsx 2026-03-09 21:29:45 +00:00
bender
dc6d229d94 Update src/app/page.tsx 2026-03-09 21:29:37 +00:00
bender
295a3d52e0 Update src/app/page.tsx 2026-03-09 21:28:57 +00:00
bender
c0b9e38172 Update src/app/page.tsx 2026-03-09 21:28:47 +00:00
bender
3d79eeee5a Update src/app/page.tsx 2026-03-09 21:19:05 +00:00
bender
fcb733572b Update src/app/layout.tsx 2026-03-09 21:19:04 +00:00
bender
88ad1c0093 Merge version_1 into main 
Merge version_1 into main
 2026-03-09 21:17:17 +00:00
3 changed files with 30 additions and 69 deletions
Expand all files Collapse all files

53
src/app/layout.tsx
View File

@@ -1,57 +1,23 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { DM_Sans } from "next/font/google";
import { Poppins } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
const poppins = Poppins({
subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Luminé | Premium Natural Skincare | Pure Beauty", description: "Discover Luminé skincare: clinically-tested, nature-inspired formulas with organic ingredients. Award-winning skincare for radiant, healthy skin. Shop our collection today.", keywords: "natural skincare, organic beauty products, premium skincare, cruelty-free cosmetics, dermatologist-tested, anti-aging serum, facial care", metadataBase: new URL("https://luminebeauty.com"),
alternates: {
canonical: "https://luminebeauty.com"},
openGraph: {
title: "Luminé | Premium Natural Skincare", description: "Experience radiant skin with Luminé's scientifically-formulated, nature-inspired skincare collection. 100% natural, cruelty-free, and dermatologist-approved.", url: "https://luminebeauty.com", siteName: "Luminé", images: [
{
url: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg", alt: "Luminé Premium Skincare Collection"},
],
type: "website"},
twitter: {
card: "summary_large_image", title: "Luminé | Premium Natural Skincare", description: "Discover award-winning skincare with nature-inspired formulas. 100% organic, cruelty-free, clinically-tested.", images: ["http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Luminé - Premium Skincare", description: "Discover premium, nature-inspired skincare for radiant, healthy skin."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={poppins.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1419,7 +1385,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

28
src/app/page.tsx
View File

@@ -29,7 +29,7 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Luminé"
brandName="Cerave "
navItems={[
{ name: "Products", id: "products" },
{ name: "Benefits", id: "benefits" },
@@ -42,13 +42,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Luminous Skin, Naturally"
title="Cerave "
description="Discover the power of nature's finest ingredients. Our scientifically-formulated skincare collection harnesses botanical essences to reveal your most radiant, healthy skin."
tag="Premium Skincare"
tagIcon={Leaf}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg"
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-haircut-applying-cream_273609-21306.jpg?id=11264266"
imageAlt="Skincare products and natural ingredients"
buttons={[
{ text: "Shop Collection", href: "#products" },
@@ -82,14 +82,10 @@ export default function LandingPage() {
tagIcon={Star}
tagAnimation="slide-up"
products={[
{
id: "1", name: "Radiant Glow Serum", price: "$68", variant: "Golden Elixir Lightweight", imageSrc: "http://img.b2bpic.net/free-psd/minimalist-beauty-template-design_23-2149327939.jpg", imageAlt: "Radiant Glow Serum bottle"},
{
id: "2", name: "Hydration Luxe Cream", price: "$72", variant: "Rich Moisturizer All Skin Types", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg", imageAlt: "Hydration Luxe Cream jar"},
{
id: "3", name: "Pure Renewal Cleanser", price: "$42", variant: "Gentle Formula Balancing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tube-cream-with-lotionnd-magnifier_140725-14074.jpg", imageAlt: "Pure Renewal Cleanser bottle"},
{
id: "4", name: "Age-Defying Eye Contour", price: "$58", variant: "Anti-Aging Delicate Area", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-care-cream_23-2148761488.jpg", imageAlt: "Age-Defying Eye Contour"},
{ id: "1", name: "Radiant Glow Serum", price: "$68", variant: "Golden Elixir Lightweight", imageSrc: "http://img.b2bpic.net/free-psd/minimalist-beauty-template-design_23-2149327939.jpg", imageAlt: "Radiant Glow Serum bottle"},
{ id: "2", name: "Hydration Luxe Cream", price: "$72", variant: "Rich Moisturizer All Skin Types", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg", imageAlt: "Hydration Luxe Cream jar"},
{ id: "3", name: "Pure Renewal Cleanser", price: "$42", variant: "Gentle Formula Balancing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tube-cream-with-lotionnd-magnifier_140725-14074.jpg", imageAlt: "Pure Renewal Cleanser bottle"},
{ id: "4", name: "Age-Defying Eye Contour", price: "$58", variant: "Anti-Aging Delicate Area", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-care-cream_23-2148761488.jpg", imageAlt: "Age-Defying Eye Contour"},
]}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
@@ -104,7 +100,7 @@ export default function LandingPage() {
<div id="benefits" data-section="benefits">
<FeatureBorderGlow
title="Why Choose Luminé"
title="Why Choose Ceravé"
description="Experience the difference with our science-backed, nature-inspired approach to skincare excellence"
tag="Key Benefits"
tagIcon={CheckCircle}
@@ -194,13 +190,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "Is Luminé suitable for sensitive skin?", content: "Yes, Luminé products are specifically formulated to be gentle on sensitive skin. All our formulations are dermatologist-tested and free from harsh chemicals, fragrances, and common irritants. We recommend doing a patch test first to ensure compatibility with your skin."},
id: "1", title: "Is cerave suitable for sensitive skin?", content: "Yes, Luminé products are specifically formulated to be gentle on sensitive skin. All our formulations are dermatologist-tested and free from harsh chemicals, fragrances, and common irritants. We recommend doing a patch test first to ensure compatibility with your skin."},
{
id: "2", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and clarity within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 8-12 weeks. Results vary based on individual skin conditions and consistency of use."},
{
id: "3", title: "Are your products cruelty-free and vegan?", content: "Yes, all Luminé products are 100% cruelty-free and vegan. We never test on animals and source our ingredients from certified sustainable suppliers. Our packaging is also recyclable and made from eco-friendly materials."},
{
id: "4", title: "Can I use multiple Luminé products together?", content: "Absolutely! Our products are designed to work synergistically. A typical routine includes: Cleanser → Serum → Moisturizer → Eye Contour (at night). Start with essentials and gradually introduce new products to monitor your skin's response."},
id: "4", title: "Can I use multiple Cerave products together?", content: "Absolutely! Our products are designed to work synergistically. A typical routine includes: Cleanser → Serum → Moisturizer → Eye Contour (at night). Start with essentials and gradually introduce new products to monitor your skin's response."},
{
id: "5", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely satisfied with any Luminé product, simply return it for a full refund, no questions asked. We want you to feel confident in your skincare investment."},
{
@@ -217,7 +213,7 @@ export default function LandingPage() {
<ContactCenter
tag="Newsletter"
title="Glow with Us"
description="Subscribe to receive exclusive skincare tips, product launches, and special wellness rituals delivered to your inbox"
description="Get exclusive access to skincare tips, product launches, and special wellness rituals delivered to your inbox"
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
@@ -230,7 +226,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Luminé"
logoText="Ceravé"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #159c49;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #159c49;
--background-accent: #a8e8ba;
--background: #080000;
--card: #1e0d0d;
--foreground: #ffe6e6;
--primary-cta: #ff7a7a;
--primary-cta-text: #080000;
--secondary-cta: #1e0909;
--secondary-cta-text: #ffe6e6;
--accent: #7b4242;
--background-accent: #65292c;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);