Update src/app/styles/variables.css

Update src/app/styles/base.css
Update src/app/page.tsx
2026-03-06 16:36:07 +00:00 · 2026-03-06 16:36:06 +00:00 · 2026-03-06 16:36:06 +00:00 · 2026-03-06 16:36:05 +00:00 · 2026-03-06 16:34:07 +00:00 · 2026-03-06 16:34:03 +00:00
4 changed files with 84 additions and 68 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,36 +1,33 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
+import { Poppins } from "next/font/google";
 import { Inter } from "next/font/google";
 import { Raleway } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-const halant = Halant({
+const poppins = Poppins({
-  variable: "--font-halant",  subsets: ["latin"],
+  variable: "--font-poppins",  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 raleway = Raleway({
  variable: "--font-raleway",  subsets: ["latin"],
 });
 export const metadata: Metadata = {
-  title: "Lumière Skincare | Premium Natural Skincare for Women",  description: "Discover dermatologist-formulated skincare with natural botanicals. Premium products for all skin types. Shop our signature collection today.",  keywords: "women skincare, natural skincare, dermatologist skincare, premium skincare products, clean beauty",  metadataBase: new URL("https://lumiere-skincare.com"),
+  title: "Premium Skincare | Science-Backed Beauty Solutions",  description: "Discover skincare formulated with natural botanicals and backed by dermatological research. Experience radiant, healthy skin with our premium skincare collection.",  keywords: "skincare, premium skincare, natural skincare, dermatologist-approved, skincare products, beauty, skin health",  metadataBase: new URL("https://skincare-premium.com"),
  alternates: {
-    canonical: "https://lumiere-skincare.com"},
+    canonical: "https://skincare-premium.com"
  },
  openGraph: {
-    title: "Lumière Skincare | Premium Natural Skincare",    description: "Radiant skin starts with Lumière. Discover clean, dermatologist-approved skincare formulated for women.",    url: "https://lumiere-skincare.com",    siteName: "Lumière Skincare",    type: "website",    images: [
+    title: "Premium Skincare | Science-Backed Beauty Solutions",    description: "Discover skincare formulated with natural botanicals and backed by dermatological research. Experience radiant, healthy skin.",    url: "https://skincare-premium.com",    siteName: "Premium Skincare",    type: "website",    images: [
      {
-        url: "http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65631.jpg",        alt: "Lumière Skincare Premium Collection"},
+        url: "http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65631.jpg",        alt: "Premium Skincare Collection"
      },
    ],
  },
  twitter: {
-    card: "summary_large_image",    title: "Lumière Skincare | Premium Natural Skincare",    description: "Transform your skin with clean, dermatologist-approved skincare",    images: ["http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65631.jpg"],
+    card: "summary_large_image",    title: "Premium Skincare | Science-Backed Beauty Solutions",    description: "Discover premium skincare with natural botanicals. Shop our collection today.",    images: ["http://img.b2bpic.net/free-photo/dermatologist-performing-laser-hair-removal-patient_107420-65631.jpg"],
  },
  robots: {
    index: true,
@@ -47,7 +44,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${halant.variable} ${inter.variable} ${raleway.variable} antialiased`}
+          className={`${poppins.variable} ${inter.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, Heart, Leaf, Mail, Sparkles, Star } from "lucide-react";
+import { Award, Heart, Leaf, Mail, Sparkles, Star, TrendingUp, Users, Droplets } from "lucide-react";
 export default function LandingPage() {
  return (
@@ -28,7 +28,7 @@ export default function LandingPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
-          brandName="Lumière Skincare"
+          brandName="Luminous Skin"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
@@ -64,12 +64,12 @@ export default function LandingPage() {
          tag="Our Story"
          tagIcon={Heart}
          tagAnimation="slide-up"
-          title="Skincare That Celebrates Your Natural Beauty"
+          title="Skincare That Transforms Your Complexion"
-          description="Founded by dermatologist Dr. Sophie Laurent"
+          description="Founded by dermatologist Dr. Sarah Mitchell"
-          subdescription="Lumière Skincare"
+          subdescription="Luminous Skin"
-          icon={Leaf}
+          icon={Droplets}
          imageSrc="http://img.b2bpic.net/free-photo/nurse-works-with-blood-sample_1398-1203.jpg"
-          imageAlt="Dr. Sophie Laurent, Lumière Skincare founder"
+          imageAlt="Dr. Sarah Mitchell, Luminous Skin founder"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
        />
@@ -78,7 +78,7 @@ export default function LandingPage() {
      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Signature Collection"
-          description="Premium skincare essentials formulated for all skin types with clinically proven results"
+          description="Premium skincare essentials designed for all skin types with natural botanicals and proven efficacy"
          tag="Best Sellers"
          tagIcon={Award}
          tagAnimation="slide-up"
@@ -88,31 +88,34 @@ export default function LandingPage() {
          gridVariant="three-columns-all-equal-width"
          products={[
            {
-              id: "1",              name: "Hydration Serum",              price: "$62",              imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-arrangement_23-2149022371.jpg",              imageAlt: "Hydration Serum with dropper"},
+              id: "1",              name: "Hydrating Serum",              price: "$49",              imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-arrangement_23-2149022371.jpg",              imageAlt: "Hydrating Serum"
            },
            {
-              id: "2",              name: "Glow Moisturizer",              price: "$58",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-with-plain-background_23-2148241840.jpg",              imageAlt: "Glow Moisturizer in glass jar"},
+              id: "2",              name: "Botanical Face Cream",              price: "$65",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-with-plain-background_23-2148241840.jpg",              imageAlt: "Botanical Face Cream"
            },
            {
-              id: "3",              name: "Pure Cleanser",              price: "$45",              imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45089.jpg",              imageAlt: "Pure Cleanser bottle"},
+              id: "3",              name: "Cucumber Recovery Mask",              price: "$39",              imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45089.jpg",              imageAlt: "Cucumber Recovery Mask"
            },
          ]}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwelve
-          title="Why Choose Lumière"
+          title="Why Choose Luminous Skin"
-          description="Crafted with intention, tested for results"
+          description="Premium skincare with scientifically-proven results and natural ingredients"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
-              id: "natural",              label: "Natural",              title: "100% Clean Ingredients",              items: ["No harsh chemicals or parabens", "Plant-based actives", "Eco-friendly packaging"],
+              id: "natural",              label: "Natural Ingredients",              title: "Botanical Excellence",              items: ["Organic plant extracts", "No harmful chemicals", "Sustainably sourced"],
            },
            {
-              id: "dermatologist",              label: "Dermatologist",              title: "Clinically Tested & Approved",              items: ["Tested on sensitive skin", "Hypoallergenic formulas", "Proven efficacy studies"],
+              id: "dermatology",              label: "Dermatologist Tested",              title: "Science-Backed Formula",              items: ["Clinical trials completed", "Dermatologist approved", "Clinically proven results"],
            },
            {
-              id: "sustainable",              label: "Sustainable",              title: "Ethical & Eco-Conscious",              items: ["Cruelty-free certified", "Recyclable materials", "Carbon-neutral shipping"],
+              id: "results",              label: "Visible Results",              title: "Transform Your Skin",              items: ["Reduced fine lines", "Improved texture", "Enhanced radiance"],
            },
          ]}
        />
@@ -120,9 +123,9 @@ export default function LandingPage() {
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
-          title="Loved by Our Customers"
+          title="Loved by Skincare Enthusiasts"
-          description="Real transformations from real women"
+          description="Real reviews from people who have transformed their skin with our products"
-          tag="Customer Stories"
+          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          animationType="slide-up"
@@ -130,50 +133,66 @@ export default function LandingPage() {
          useInvertedBackground={false}
          testimonials={[
            {
-              id: "1",              name: "Emma Richardson",              role: "Marketing Executive",              testimonial: "After just two weeks, my skin feels incredibly hydrated and the redness has completely disappeared. This is the first skincare line that's actually worked for my sensitive skin!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=1",              imageAlt: "Emma Richardson"},
+              id: "1",              name: "Emma Richardson",              role: "Beauty Blogger",              testimonial: "Luminous Skin has completely transformed my complexion! After just 4 weeks, my skin is noticeably clearer, more hydrated, and has a healthy glow I've never had before. I'm obsessed!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=1",              imageAlt: "Emma Richardson"
            },
            {
-              id: "2",              name: "Jade Martinez",              role: "Wellness Coach",              testimonial: "I love that these products are clean and natural. My skin has never looked clearer and I feel good about what I'm putting on my face. Absolutely life-changing!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=1",              imageAlt: "Jade Martinez"},
+              id: "2",              name: "Jessica Chen",              role: "Skincare Professional",              testimonial: "As an esthetician, I recommend Luminous Skin to all my clients. The formula is gentle yet effective, and my clients see real results. The natural ingredients are a huge plus.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=1",              imageAlt: "Jessica Chen"
            },
            {
-              id: "3",              name: "Sarah Kim",              role: "Entrepreneur",              testimonial: "The results were noticeable within a week. My skin tone is more even, my pores appear smaller, and I've received so many compliments. Worth every penny!",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg",              imageAlt: "Sarah Kim"},
+              id: "3",              name: "Rachel Thompson",              role: "Dermatology Patient",              testimonial: "I was skeptical about skincare products, but Luminous Skin is different. My dermatologist even approved it! My sensitive skin loves this line, and the results speak for themselves.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg",              imageAlt: "Rachel Thompson"
            },
            {
-              id: "4",              name: "Olivia Thompson",              role: "Fitness Instructor",              testimonial: "Finally found a skincare routine that doesn't irritate my skin. The natural ingredients make all the difference. I recommend Lumière to everyone!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg",              imageAlt: "Olivia Thompson"},
+              id: "4",              name: "Michelle Davis",              role: "Wellness Influencer",              testimonial: "Quality skincare matters, and Luminous Skin delivers. The botanical ingredients are pure luxury, and knowing they're scientifically tested gives me complete confidence in recommending them.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg",              imageAlt: "Michelle Davis"
            },
          ]}
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardEleven
-          title="Our Impact"
+          title="Skincare Statistics"
-          description="Trusted by thousands of women worldwide"
+          description="The impact of Luminous Skin on real skin health"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
-              id: "1",              value: "50K+",              title: "Happy Customers",              description: "Women with transformed skin",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=2",              imageAlt: "Happy customers"},
+              id: "1",              value: "50K+",              title: "Happy Customers",              description: "People who've transformed their skin",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=2",              imageAlt: "Happy customers"
            },
            {
-              id: "2",              value: "4.9★",              title: "Average Rating",              description: "From verified purchases",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=2",              imageAlt: "Average rating"},
+              id: "2",              value: "4.9★",              title: "Customer Satisfaction",              description: "From thousands of verified reviews",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=2",              imageAlt: "Customer satisfaction rating"
            },
            {
              id: "3",              value: "100%",              title: "Natural Ingredients",              description: "Organic botanicals in every product",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg?_wi=2",              imageAlt: "Natural ingredients"
            },
            {
              id: "4",              value: "95%",              title: "Would Repurchase",              description: "Customers love coming back",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg?_wi=2",              imageAlt: "Repurchase rate"
            },
          ]}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactFaq
-          ctaTitle="Get Skincare Tips & Exclusive Offers"
+          ctaTitle="Join Our Skincare Community"
-          ctaDescription="Subscribe to our newsletter for personalized skincare advice and 15% off your first order."
+          ctaDescription="Subscribe to our newsletter for exclusive skincare tips, new product launches, and special discounts on premium formulations."
          ctaButton={{ text: "Subscribe Now", href: "#contact" }}
          ctaIcon={Mail}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            {
-              id: "1",              title: "Are these products suitable for sensitive skin?",              content: "Yes! All our products are formulated to be hypoallergenic and dermatologist-tested. We specifically design for sensitive skin types and avoid common irritants like parabens and sulfates."},
+              id: "1",              title: "What skin types are your products suitable for?",              content: "Our products are formulated for all skin types including sensitive, oily, dry, and combination skin. Each product in our collection is dermatologist-tested and hypoallergenic. If you have specific concerns, consult our skincare guide or reach out to our team."
            },
            {
-              id: "2",              title: "How long before I see results?",              content: "Most customers notice improvements within 2-3 weeks of consistent use. For best results, use morning and night as directed. Individual results may vary based on skin type and concerns."},
+              id: "2",              title: "Are your skincare products cruelty-free?",              content: "Yes! Luminous Skin is 100% cruelty-free and vegan. We never test on animals, and we partner only with suppliers who share our ethical values. All our packaging is recyclable and made from sustainable materials."
            },
            {
-              id: "3",              title: "Can I use multiple products together?",              content: "Absolutely! Our products are designed to work synergistically. We recommend starting with the cleanser, serum, and moisturizer for a complete routine."},
+              id: "3",              title: "How long before I see results?",              content: "Most customers see visible improvements in skin texture and hydration within 2-3 weeks. For concerns like fine lines and hyperpigmentation, results typically appear within 6-8 weeks of consistent use. Remember, skincare is a journey!"
            },
            {
-              id: "4",              title: "What's your return policy?",              content: "We offer a 60-day money-back guarantee on all products. If you're not completely satisfied, we'll refund your purchase, no questions asked."},
+              id: "4",              title: "Do you offer a satisfaction guarantee?",              content: "Absolutely! We offer a 60-day money-back guarantee on all products. If you're not completely satisfied with your purchase, we'll refund you fully—no questions asked. Your satisfaction is our priority."
            },
          ]}
        />
      </div>
@@ -182,28 +201,28 @@ export default function LandingPage() {
        <FooterBaseReveal
          columns={[
            {
-              title: "Product",              items: [
+              title: "Shop",              items: [
-                { label: "Skincare", href: "products" },
+                { label: "Serums", href: "products" },
-                { label: "Collections", href: "products" },
+                { label: "Moisturizers", href: "products" },
-                { label: "New Arrivals", href: "products" },
+                { label: "Masks", href: "products" },
              ],
            },
            {
-              title: "Company",              items: [
+              title: "About Luminous Skin",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
-                { label: "Blog", href: "#" },
+                { label: "Science & Research", href: "about" },
                { label: "Our Team", href: "testimonials" },
              ],
            },
            {
              title: "Support",              items: [
-                { label: "Contact", href: "contact" },
+                { label: "Contact Us", href: "contact" },
-                { label: "FAQ", href: "#" },
+                { label: "Skincare Guide", href: "#" },
-                { label: "Privacy Policy", href: "#" },
+                { label: "Returns & Shipping", href: "#" },
              ],
            },
          ]}
-          copyrightText="© 2025 Lumière Skincare. All rights reserved."
+          copyrightText="© 2025 Luminous Skin. All rights reserved. | Premium Skincare Brand"
        />
      </div>
    </ThemeProvider>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #f7f6f7;
+  --background: #fffefe;
-  --card: #ffffff;
+  --card: #f6f7f4;
-  --foreground: #0c1325;
+  --foreground: #080908;
-  --primary-cta: #0798ff;
+  --primary-cta: #0e3a29;
  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e7eecd;
  --secondary-cta-text: #0c1325;
-  --accent: #93c7ff;
+  --accent: #35c18b;
-  --background-accent: #a8cde8;
+  --background-accent: #ecebe4;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	0e75865e9f	Update src/app/styles/variables.css	2026-03-06 16:36:07 +00:00
bender	804c77c957	Update src/app/styles/base.css	2026-03-06 16:36:06 +00:00
bender	950349a92f	Update src/app/page.tsx	2026-03-06 16:36:06 +00:00
bender	0ac8f81dd2	Update src/app/layout.tsx	2026-03-06 16:36:05 +00:00
bender	69af210998	Merge version_2 into main Merge version_2 into main	2026-03-06 16:34:07 +00:00
bender	9a320fac9d	Update src/app/page.tsx	2026-03-06 16:34:03 +00:00
bender	f1796a5daf	Update src/app/layout.tsx	2026-03-06 16:34:02 +00:00
bender	5bd5b518e9	Merge version_1 into main Merge version_1 into main	2026-03-06 16:32:29 +00:00