Update src/app/page.tsx

2026-05-12 20:26:21 +00:00 · 2026-05-12 20:25:50 +00:00 · 2026-05-04 19:29:53 +00:00 · 2026-04-25 00:49:25 +00:00 · 2026-04-25 00:49:19 +00:00 · 2026-04-24 21:10:56 +00:00
2 changed files with 106 additions and 91 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";

 import ReactLenis from "lenis/react";
-import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
@@ -11,14 +11,14 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Droplets, FlaskConical, Star, Instagram, Facebook, Linkedin } from "lucide-react";
+import { Droplets, FlaskConical, Star, Instagram, Facebook } from "lucide-react";

 export default function LuminaSkincarePage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
-            borderRadius="none"
+            borderRadius="soft"
            contentWidth="medium"
            sizing="medium"
            background="none"
@@ -39,87 +39,102 @@ export default function LuminaSkincarePage() {
                    brandName="LUMINA"
                    button={{ text: "Shop Now", href: "#products" }}
                />
-                <HeroCarouselLogo
-                    logoText="LUMINA"
-                    description="Advanced skincare designed for radiant, healthy skin. Reveal your natural glow."
-                    buttons={[
-                        { text: "Discover Collection", href: "#products" },
-                    ]}
-                    slides={[
-                        { videoSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286703.jpg", videoAriaLabel: "Luxury serum bottle on reflective water" },
-                    ]}
-                    showDimOverlay={true}
-                />
-                <InlineImageSplitTextAbout
-                    className="pt-40"
-                    heading={[
-                        { type: "text", content: "Pure science meets" },
-                        { type: "image", src: "http://img.b2bpic.net/free-photo/gray-abstract-background-oil-bubble-texture-wallpaper_53876-142972.jpg", alt: "Texture" },
-                        { type: "text", content: "uncompromised luxury. We refine the art of radiance." },
-                    ]}
-                    buttons={[
-                        { text: "Our Philosophy", href: "#" },
-                    ]}
-                />
-                <FeatureCardOne
-                    tag="Skincare Essentials"
-                    tagIcon={Droplets}
-                    title="Designed for Perfection"
-                    description="Minimalist formulations, maximal results for every skin type."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    gridVariant="uniform-all-items-equal"
-                    features={[
-                        { title: "Hydration Serum", description: "Deep cellular moisture for an instant glow.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-bottles-white-textured-surface_181624-35842.jpg", imageAlt: "Serum" },
-                        { title: "Luminous Cream", description: "Lock in radiance with our botanical complex.", imageSrc: "http://img.b2bpic.net/free-photo/open-container-moisturizing-cream-marble_23-2147878917.jpg", imageAlt: "Cream" },
-                        { title: "Renewal Essence", description: "Overnight restoration for skin clarity.", imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-transparent-bottle_23-2149046484.jpg", imageAlt: "Essence" },
-                    ]}
-                />
-                <FeatureCardNine
-                    tag="Scientific Purity"
-                    tagIcon={FlaskConical}
-                    title="Rooted in Innovation"
-                    description="Our clinical approach to botanical beauty"
-                    showStepNumbers={true}
-                    animationType="slide-up"
-                    features={[
-                        { title: "Molecular Extraction", description: "Sourcing the purest botanical actives.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-diagnoses-white-illness-team-clean_1291-20.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286759.jpg" } },
-                        { title: "Dermatological Test", description: "Rigorous trials for proven results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-disinfecting-her-phone-while-wearing-medical-mask_23-2148492307.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565339.jpg" } },
-                        { title: "Sustainable Packaging", description: "Conscious beauty for the modern era.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg" } },
-                    ]}
-                />
-                <FeatureCardMedia
-                    tag="Luxury Results"
-                    tagIcon={Star}
-                    title="Why LUMINA?"
-                    description="The intersection of nature and clinical expertise"
-                    animationType="slide-up"
-                    features={[
-                        { id: "1", title: "Anti-Aging", description: "Targets fine lines with peptides.", tag: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-ballet-dancer-ballerina-pointe-girl-ballet-studio_1157-43898.jpg" },
-                        { id: "2", title: "Brightening", description: "Vitamin C enriched clarity.", tag: "Radiance", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel-with-copy-space_23-2148775358.jpg" },
-                        { id: "3", title: "Protection", description: "Barrier support for daily defense.", tag: "Defense", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-high-angle_23-2149357123.jpg" },
-                    ]}
-                />
-                <TestimonialCardFive
-                    tag="Results"
-                    title="Real Radiance"
-                    description="Stories from our community"
-                    textboxLayout="default"
-                    testimonials={[
-                        { id: "1", name: "Elena V.", date: "March 2025", title: "Total skin transformation", quote: "My skin has never felt this luminous. Lumina is a true ritual.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-with-pink-sweater_23-2148749911.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466380.jpg" },
-                        { id: "2", name: "Marcus K.", date: "February 2025", title: "Effortless hydration", quote: "Minimalist, clean, and highly effective. My daily go-to.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sunlight-falling-olive-oil-bottles-white-backdrop_23-2147853791.jpg" },
-                    ]}
-                />
-                <ContactSplitForm
-                    title="Experience Lumina"
-                    description="Questions about your skin journey? Connect with our experts."
-                    imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-flowers-white-background_23-2148345624.jpg"
-                    inputs={[
-                        { name: "name", type: "text", placeholder: "Full Name", required: true },
-                        { name: "email", type: "email", placeholder: "Email", required: true },
-                    ]}
-                    textarea={{ name: "message", placeholder: "Your skin goals...", rows: 4 }}
-                />
+                <div id="hero">
+                    <HeroLogo
+                        logoText="LUMINA"
+                        description="Advanced skincare designed for radiant, healthy skin. Reveal your natural glow."
+                        buttons={[{ text: "Discover Collection", href: "#products" }]}
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgyDENoeD9EWEraDkwxRjhwOZ4/uploaded-1777922555467-iv8tmv7y.jpg"
+                    />
+                </div>
+                <div id="about">
+                    <InlineImageSplitTextAbout
+                        className="pt-40"
+                        useInvertedBackground={false}
+                        heading={[
+                            { type: "text", content: "Pure science meets" },
+                            { type: "image", src: "http://img.b2bpic.net/free-photo/gray-abstract-background-oil-bubble-texture-wallpaper_53876-142972.jpg", alt: "Texture" },
+                            { type: "text", content: "uncompromised luxury. We refine the art of radiance." },
+                        ]}
+                        buttons={[{ text: "Our Philosophy", href: "#" }]}
+                    />
+                </div>
+                <div id="ingredients">
+                    <FeatureCardOne
+                        tag="Skincare Essentials"
+                        tagIcon={Droplets}
+                        title="Designed for Perfection"
+                        description="Minimalist formulations, maximal results for every skin type."
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        animationType="slide-up"
+                        gridVariant="uniform-all-items-equal"
+                        features={[
+                            { title: "Hydration Serum", description: "Deep cellular moisture for an instant glow.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-bottles-white-textured-surface_181624-35842.jpg", imageAlt: "Serum" },
+                            { title: "Luminous Cream", description: "Lock in radiance with our botanical complex.", imageSrc: "http://img.b2bpic.net/open-container-moisturizing-cream-marble_23-2147878917.jpg", imageAlt: "Cream" },
+                            { title: "Renewal Essence", description: "Overnight restoration for skin clarity.", imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-transparent-bottle_23-2149046484.jpg", imageAlt: "Essence" },
+                        ]}
+                    />
+                </div>
+                <div id="science">
+                    <FeatureCardNine
+                        tag="Scientific Purity"
+                        tagIcon={FlaskConical}
+                        title="Rooted in Innovation"
+                        description="Our clinical approach to botanical beauty"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        showStepNumbers={true}
+                        animationType="slide-up"
+                        features={[
+                            { title: "Molecular Extraction", description: "Sourcing the purest botanical actives.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-diagnoses-white-illness-team-clean_1291-20.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286759.jpg" } },
+                            { title: "Dermatological Test", description: "Rigorous trials for proven results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-disinfecting-her-phone-while-wearing-medical-mask_23-2148492307.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565339.jpg" } },
+                            { title: "Sustainable Packaging", description: "Conscious beauty for the modern era.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg" } },
+                        ]}
+                    />
+                </div>
+                <div id="features">
+                    <FeatureCardMedia
+                        tag="Luxury Results"
+                        tagIcon={Star}
+                        title="Why LUMINA?"
+                        description="The intersection of nature and clinical expertise"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        animationType="slide-up"
+                        features={[
+                            { id: "1", title: "Anti-Aging", description: "Targets fine lines with peptides.", tag: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-ballet-dancer-ballerina-pointe-girl-ballet-studio_1157-43898.jpg" },
+                            { id: "2", title: "Brightening", description: "Vitamin C enriched clarity.", tag: "Radiance", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel-with-copy-space_23-2148775358.jpg" },
+                            { id: "3", title: "Protection", description: "Barrier support for daily defense.", tag: "Defense", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-high-angle_23-2149357123.jpg" },
+                        ]}
+                    />
+                </div>
+                <div id="reviews">
+                    <TestimonialCardFive
+                        tag="Results"
+                        title="Real Radiance"
+                        description="Stories from our community"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        testimonials={[
+                            { id: "1", name: "Elena V.", date: "March 2025", title: "Total skin transformation", quote: "My skin has never felt this luminous. Lumina is a true ritual.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-with-pink-sweater_23-2148749911.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466380.jpg" },
+                            { id: "2", name: "Marcus K.", date: "February 2025", title: "Effortless hydration", quote: "Minimalist, clean, and highly effective. My daily go-to.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sunlight-falling-olive-oil-bottles-white-backdrop_23-2147853791.jpg" },
+                        ]}
+                    />
+                </div>
+                <div id="contact">
+                    <ContactSplitForm
+                        title="Experience Lumina"
+                        description="Questions about your skin journey? Connect with our experts."
+                        useInvertedBackground={false}
+                        imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-flowers-white-background_23-2148345624.jpg"
+                        inputs={[
+                            { name: "name", type: "text", placeholder: "Full Name", required: true },
+                            { name: "email", type: "email", placeholder: "Email", required: true },
+                        ]}
+                        textarea={{ name: "message", placeholder: "Your skin goals...", rows: 4 }}
+                    />
+                </div>
                <FooterCard
                    logoText="LUMINA"
                    copyrightText="© 2025 LUMINA Skincare. Minimalist beauty defined."
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --background: #FFFFFF;
+  --card: #F7F7F7;
+  --foreground: #000000;
+  --primary-cta: #000000;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #EFEFEF;
  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #E2E2E2;
+  --background-accent: #D6D6D6;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	781e658d20	Update src/app/page.tsx	2026-05-12 20:26:21 +00:00
bender	7a85a441f9	Update src/app/page.tsx	2026-05-12 20:25:50 +00:00
bender	1a420c1c10	Update src/app/page.tsx	2026-05-04 19:29:53 +00:00
bender	0b0bf4ce49	Merge version_9 into main Merge version_9 into main	2026-04-25 00:49:25 +00:00
bender	6cc7fc2c36	Update src/app/page.tsx	2026-04-25 00:49:19 +00:00
bender	5915fa7b00	Switch to version 8: modified src/app/styles/variables.css	2026-04-24 21:10:56 +00:00
bender	6635af7f0b	Switch to version 8: modified src/app/page.tsx	2026-04-24 21:10:56 +00:00
bender	8ec49d4d9c	Switch to version 7: modified src/app/styles/variables.css	2026-04-24 21:10:37 +00:00
bender	e14ee52c1a	Switch to version 7: modified src/app/page.tsx	2026-04-24 21:10:36 +00:00
bender	65e6cb8530	Merge version_8 into main Merge version_8 into main	2026-04-24 20:58:10 +00:00
bender	c8c6178d65	Update src/app/page.tsx	2026-04-24 20:58:07 +00:00
bender	059effce02	Merge version_8 into main Merge version_8 into main	2026-04-24 20:41:44 +00:00
bender	15646d4f54	Update src/app/page.tsx	2026-04-24 20:41:40 +00:00
bender	b93fbe4d9d	Merge version_8 into main Merge version_8 into main	2026-04-24 19:27:52 +00:00
bender	4d23a745d6	Update src/app/page.tsx	2026-04-24 19:27:49 +00:00
bender	a1d1e3e4fe	Merge version_8 into main Merge version_8 into main	2026-04-24 19:20:59 +00:00
bender	8796db14fa	Update src/app/page.tsx	2026-04-24 19:20:56 +00:00
bender	5955372f33	Merge version_8 into main Merge version_8 into main	2026-04-24 19:20:30 +00:00
bender	6d4717d79d	Update src/app/styles/variables.css	2026-04-24 19:20:27 +00:00
bender	d2499af335	Update src/app/page.tsx	2026-04-24 19:20:26 +00:00
bender	c2746a343e	Merge version_7 into main Merge version_7 into main	2026-04-24 19:19:25 +00:00
bender	af0537a4cd	Update theme colors	2026-04-24 19:19:22 +00:00
bender	c447e921f0	Merge version_6 into main Merge version_6 into main	2026-04-24 19:18:16 +00:00
bender	5b9427a43b	Update theme colors	2026-04-24 19:18:13 +00:00
bender	ed4de74b50	Merge version_5 into main Merge version_5 into main	2026-04-24 19:18:12 +00:00
bender	1c22ad5db5	Merge version_4 into main Merge version_4 into main	2026-04-24 19:18:11 +00:00
bender	55455d74ad	Merge version_3 into main Merge version_3 into main	2026-04-24 19:18:09 +00:00
bender	1cf2c376b7	Merge version_2 into main Merge version_2 into main	2026-04-24 19:18:06 +00:00