Update src/app/styles/variables.css

Merge version_2 into main
2026-03-03 22:10:25 +00:00 · 2026-03-03 22:08:21 +00:00 · 2026-03-03 22:08:17 +00:00 · 2026-03-03 22:08:16 +00:00 · 2026-03-03 21:06:45 +00:00
3 changed files with 40 additions and 59 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,48 +1,22 @@
 import type { Metadata } from "next";
-import { DM_Sans } from "next/font/google";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",  subsets: ["latin"],
-});
-
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});

 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
-  title: "Luminé | Premium Natural Skincare",  description: "Discover luxury skincare with 100% natural ingredients. Cruelty-free, dermatologist-tested formulations for radiant, healthy skin.",  keywords: "skincare, natural beauty, luxury cosmetics, serums, moisturizer, organic skincare",  metadataBase: new URL("https://luminé.com"),
-  alternates: {
-    canonical: "https://luminé.com"},
-  openGraph: {
-    title: "Luminé | Premium Natural Skincare",    description: "Luxury botanical skincare for radiant, healthy skin. 100% natural and cruelty-free.",    url: "https://luminé.com",    siteName: "Luminé",    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "Luminé | Premium Natural Skincare",    description: "Discover luxury natural skincare that transforms your skin."},
-};
+  title: "Luminé - Premium Natural Skincare",  description: "Discover luxurious skincare with premium botanical ingredients"};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${dmSans.variable} ${halant.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1410,7 +1384,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
@@ -41,18 +41,20 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Luminé"
-          description="Discover the essence of natural beauty. Our luxurious skincare collection harnesses the power of premium botanical ingredients to transform your skin."
+        <HeroOverlay
+          title="Discover the essence of natural beauty"
+          description="Our luxurious skincare collection harnesses the power of premium botanical ingredients to transform your skin."
+          tag="Premium Natural Skincare"
          buttons={[
            { text: "Explore Collection", href: "products" },
            { text: "Learn More", href: "about" },
          ]}
-          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
          imageAlt="Luxury skincare collection showcase"
-          mediaAnimation="slide-up"
-          frameStyle="card"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={false}
+          buttonAnimation="slide-up"
        />
      </div>

@@ -91,7 +93,8 @@ export default function LandingPage() {
          description="Exceptional skincare backed by nature, science, and luxury. Experience the difference premium ingredients make."
          features={[
            {
-              title: "100% Natural",              description: "Pure botanical extracts without harmful chemicals",              bentoComponent: "globe"},
+              title: "100% Natural",              description: "Pure botanical extracts without harmful chemicals",              bentoComponent: "globe"
+            },
            {
              title: "Cruelty-Free",              description: "Never tested on animals, always ethical",              bentoComponent: "orbiting-icons",              centerIcon: Shield,
              items: [
@@ -101,7 +104,8 @@ export default function LandingPage() {
              ],
            },
            {
-              title: "Dermatologist Tested",              description: "Clinically proven results for all skin types",              bentoComponent: "animated-bar-chart"},
+              title: "Dermatologist Tested",              description: "Clinically proven results for all skin types",              bentoComponent: "animated-bar-chart"
+            },
            {
              title: "Sustainable Packaging",              description: "Eco-friendly materials protecting our planet",              bentoComponent: "icon-info-cards",              items: [
                { icon: Leaf, label: "Recyclable", value: "100%" },
@@ -139,13 +143,17 @@ export default function LandingPage() {
          description="Everything you need to know about our products and skincare philosophy"
          faqs={[
            {
-              id: "1",              title: "Are your products suitable for all skin types?",              content: "Yes, our formulations are dermatologist-tested and suitable for all skin types, including sensitive skin. We use gentle, natural ingredients that work harmoniously with your skin's natural barrier."},
+              id: "1",              title: "Are your products suitable for all skin types?",              content: "Yes, our formulations are dermatologist-tested and suitable for all skin types, including sensitive skin. We use gentle, natural ingredients that work harmoniously with your skin's natural barrier."
+            },
            {
-              id: "2",              title: "How long before I see results?",              content: "Most customers notice visible improvements within 2-3 weeks of consistent use. For deeper skin transformation, we recommend giving our products 6-8 weeks as the skin naturally regenerates."},
+              id: "2",              title: "How long before I see results?",              content: "Most customers notice visible improvements within 2-3 weeks of consistent use. For deeper skin transformation, we recommend giving our products 6-8 weeks as the skin naturally regenerates."
+            },
            {
-              id: "3",              title: "Can I use multiple Luminé products together?",              content: "Absolutely. Our products are designed to complement each other. We recommend starting with our Gentle Cleanser, followed by the Luminous Serum, and finishing with the Silk Moisturizer for optimal results."},
+              id: "3",              title: "Can I use multiple Luminé products together?",              content: "Absolutely. Our products are designed to complement each other. We recommend starting with our Gentle Cleanser, followed by the Luminous Serum, and finishing with the Silk Moisturizer for optimal results."
+            },
            {
-              id: "4",              title: "What is your return policy?",              content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund with no questions asked."},
+              id: "4",              title: "What is your return policy?",              content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund with no questions asked."
+            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-applies-cream-her-face-looks-mirror_169016-19492.jpg"
          imageAlt="Skincare routine setup"
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
-  --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #ff0000;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #991b1b;;
+  --background-accent: #7f1d1d;; */

-  --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #ff0000;;
  --primary-cta-text: #fcf6ec;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
  --secondary-cta-text: #2e2521;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;;
+  --accent: #991b1b;;
+  --background-accent: #7f1d1d;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2e4c89c9b7	Update src/app/styles/variables.css	2026-03-03 22:10:25 +00:00
bender	00babdbcf0	Merge version_2 into main Merge version_2 into main	2026-03-03 22:08:21 +00:00
bender	795e5ea1ea	Update src/app/page.tsx	2026-03-03 22:08:17 +00:00
bender	94a73f72ab	Update src/app/layout.tsx	2026-03-03 22:08:16 +00:00
bender	ca9ab4ca35	Merge version_1 into main Merge version_1 into main	2026-03-03 21:06:45 +00:00