Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 26953193f0 | |||
| c3c7b02121 | |||
| 8374338d82 | |||
| dc6d229d94 | |||
| 295a3d52e0 | |||
| c0b9e38172 | |||
| 3d79eeee5a | |||
| fcb733572b | |||
| 88ad1c0093 |
@@ -1,57 +1,23 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
import { Inter } from "next/font/google";
|
|
||||||
import { DM_Sans } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const poppins = Poppins({
|
||||||
variable: "--font-halant", subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const dmSans = DM_Sans({
|
|
||||||
variable: "--font-dm-sans", subsets: ["latin"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
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"),
|
title: "Luminé - Premium Skincare", description: "Discover premium, nature-inspired skincare for radiant, healthy skin."};
|
||||||
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,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={poppins.className}>{children}
|
||||||
<body
|
|
||||||
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1419,7 +1385,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ export default function LandingPage() {
|
|||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Luminé"
|
brandName="Cerave "
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Products", id: "products" },
|
{ name: "Products", id: "products" },
|
||||||
{ name: "Benefits", id: "benefits" },
|
{ name: "Benefits", id: "benefits" },
|
||||||
@@ -42,13 +42,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<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."
|
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"
|
tag="Premium Skincare"
|
||||||
tagIcon={Leaf}
|
tagIcon={Leaf}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "sparkles-gradient" }}
|
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"
|
imageAlt="Skincare products and natural ingredients"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Shop Collection", href: "#products" },
|
{ text: "Shop Collection", href: "#products" },
|
||||||
@@ -82,14 +82,10 @@ export default function LandingPage() {
|
|||||||
tagIcon={Star}
|
tagIcon={Star}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
products={[
|
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: "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: "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: "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: "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"
|
gridVariant="uniform-all-items-equal"
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
@@ -104,7 +100,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="benefits" data-section="benefits">
|
<div id="benefits" data-section="benefits">
|
||||||
<FeatureBorderGlow
|
<FeatureBorderGlow
|
||||||
title="Why Choose Luminé"
|
title="Why Choose Ceravé"
|
||||||
description="Experience the difference with our science-backed, nature-inspired approach to skincare excellence"
|
description="Experience the difference with our science-backed, nature-inspired approach to skincare excellence"
|
||||||
tag="Key Benefits"
|
tag="Key Benefits"
|
||||||
tagIcon={CheckCircle}
|
tagIcon={CheckCircle}
|
||||||
@@ -194,13 +190,13 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
faqs={[
|
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: "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: "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."},
|
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
|
<ContactCenter
|
||||||
tag="Newsletter"
|
tag="Newsletter"
|
||||||
title="Glow with Us"
|
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}
|
tagIcon={Mail}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
@@ -230,7 +226,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Luminé"
|
logoText="Ceravé"
|
||||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5f5f5;
|
--background: #080000;
|
||||||
--card: #ffffff;
|
--card: #1e0d0d;
|
||||||
--foreground: #1c1c1c;
|
--foreground: #ffe6e6;
|
||||||
--primary-cta: #159c49;
|
--primary-cta: #ff7a7a;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #080000;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #1e0909;
|
||||||
--secondary-cta-text: #1c1c1c;
|
--secondary-cta-text: #ffe6e6;
|
||||||
--accent: #159c49;
|
--accent: #7b4242;
|
||||||
--background-accent: #a8e8ba;
|
--background-accent: #65292c;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user