bender/f266a426-afe0-4471-a1b2-b1bc36ebc9ce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-03-28 07:50:40 +00:00
Conversation 0 Commits 1 Files Changed 1 +51 -166
1 changed files with 51 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/app/page.tsx
View File

@@ -3,7 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -19,9 +19,9 @@ export default function LandingPage() {
contentWidth="small"
sizing="large"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Treatments",
id: "features",
},
name: "Treatments", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
]}
brandName="LuminaSkin"
/>
@@ -52,30 +44,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Your Skin, Radiantly Reborn."
description="Experience the pinnacle of dermatological excellence. LuminaSkin Clinic combines advanced technology with a serene, personalized approach to reveal your natural beauty."
kpis={[
{
value: "10k+",
label: "Patients Treated",
},
value: "10k+", label: "Patients Treated"},
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
{
value: "99%",
label: "Satisfaction Rate",
},
value: "99%", label: "Satisfaction Rate"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Consultation",
href: "#",
},
text: "Book Consultation", href: "#"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-high-end-luxury-skincare-clinic-interi-1774684125288-e074c380.png"
mediaAnimation="blur-reveal"
@@ -89,13 +72,9 @@ export default function LandingPage() {
description="At LuminaSkin, we believe skincare is an art form backed by science. Our board-certified team utilizes state-of-the-art treatments designed to rejuvenate, protect, and enhance your complexion with unparalleled precision."
metrics={[
{
value: "20+",
title: "Award-Winning Treatments",
},
value: "20+", title: "Award-Winning Treatments"},
{
value: "50+",
title: "Expert Practitioners",
},
value: "50+", title: "Expert Practitioners"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-professional-female-dermatologist-wear-1774684125859-463c8087.png"
mediaAnimation="slide-up"
@@ -110,28 +89,13 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Rejuvenation",
title: "Advanced Laser Therapy",
subtitle: "Precision resurfacing for smooth skin.",
description: "Our laser protocols deliver deep regeneration for long-term clarity.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/close-up-high-quality-aesthetic-image-of-1774684125100-fd857198.png",
},
tag: "Rejuvenation", title: "Advanced Laser Therapy", subtitle: "Precision resurfacing for smooth skin.", description: "Our laser protocols deliver deep regeneration for long-term clarity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/close-up-high-quality-aesthetic-image-of-1774684125100-fd857198.png"},
{
id: 2,
tag: "Hydration",
title: "Deep Dermal Infusion",
subtitle: "Revive your natural barrier.",
description: "High-intensity moisture delivery for a fresh, supple finish.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/modern-skin-treatment-tool-for-facial-th-1774684125153-6e39a12d.png",
},
tag: "Hydration", title: "Deep Dermal Infusion", subtitle: "Revive your natural barrier.", description: "High-intensity moisture delivery for a fresh, supple finish.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/modern-skin-treatment-tool-for-facial-th-1774684125153-6e39a12d.png"},
{
id: 3,
tag: "Tone",
title: "Clinical Skin Peels",
subtitle: "Reveal clearer complexion.",
description: "Bespoke peeling techniques to gently exfoliate and brighten.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-serene-arrangement-of-professional-ski-1774684125019-2fb96ed1.png",
},
tag: "Tone", title: "Clinical Skin Peels", subtitle: "Reveal clearer complexion.", description: "Bespoke peeling techniques to gently exfoliate and brighten.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-serene-arrangement-of-professional-ski-1774684125019-2fb96ed1.png"},
]}
title="Customised Treatment Pathways"
description="We offer a diverse range of medical-grade treatments tailored to your unique skin health and aesthetic goals."
@@ -145,55 +109,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Entry",
price: "$150",
subtitle: "Initial Skin Health Consult",
buttons: [
id: "basic", badge: "Entry", price: "$150", subtitle: "Initial Skin Health Consult", buttons: [
{
text: "Start Journey",
href: "#",
},
text: "Start Journey", href: "#"},
],
features: [
"Comprehensive Skin Scan",
"Custom Daily Routine",
"Initial Cleansing",
],
"Comprehensive Skin Scan", "Custom Daily Routine", "Initial Cleansing"],
},
{
id: "pro",
badge: "Popular",
price: "$450",
subtitle: "The Lumina Glow Routine",
buttons: [
id: "pro", badge: "Popular", price: "$450", subtitle: "The Lumina Glow Routine", buttons: [
{
text: "Select Package",
href: "#",
},
text: "Select Package", href: "#"},
],
features: [
"3x Laser Sessions",
"Hydration Booster",
"Priority Support",
],
"3x Laser Sessions", "Hydration Booster", "Priority Support"],
},
{
id: "premium",
badge: "Elite",
price: "$890",
subtitle: "Total Transformation",
buttons: [
id: "premium", badge: "Elite", price: "$890", subtitle: "Total Transformation", buttons: [
{
text: "Go Elite",
href: "#",
},
text: "Go Elite", href: "#"},
],
features: [
"Unlimited Access",
"VIP Monthly Peels",
"Personal Skin Coach",
],
"Unlimited Access", "VIP Monthly Peels", "Personal Skin Coach"],
},
]}
title="Signature Treatment Packages"
@@ -207,55 +144,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
date: "Jan 2025",
title: "Glowing Results",
quote: "My skin has never felt healthier or more vibrant. Truly exceptional care.",
tag: "Skin Resurfacing",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png?_wi=1",
},
id: "1", name: "Sarah Jenkins", date: "Jan 2025", title: "Glowing Results", quote: "My skin has never felt healthier or more vibrant. Truly exceptional care.", tag: "Skin Resurfacing", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png?_wi=1"},
{
id: "2",
name: "Michael Chen",
date: "Dec 2024",
title: "Professional Expertise",
quote: "The team at LuminaSkin took the time to explain everything clearly. Highly recommend.",
tag: "Deep Hydration",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-man-with-clean-refreshed-s-1774684125685-e3c8842b.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-man-with-clean-refreshed-s-1774684125685-e3c8842b.png",
},
id: "2", name: "Michael Chen", date: "Dec 2024", title: "Professional Expertise", quote: "The team at LuminaSkin took the time to explain everything clearly. Highly recommend.", tag: "Deep Hydration", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-man-with-clean-refreshed-s-1774684125685-e3c8842b.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-man-with-clean-refreshed-s-1774684125685-e3c8842b.png"},
{
id: "3",
name: "Elena Rodriguez",
date: "Nov 2024",
title: "Life Changing",
quote: "I feel so confident now. The clinic's environment is so soothing and premium.",
tag: "Acne Protocol",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-woman-after-skin-treatment-1774684126075-415c3579.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-woman-after-skin-treatment-1774684126075-415c3579.png",
},
id: "3", name: "Elena Rodriguez", date: "Nov 2024", title: "Life Changing", quote: "I feel so confident now. The clinic's environment is so soothing and premium.", tag: "Acne Protocol", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-woman-after-skin-treatment-1774684126075-415c3579.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-woman-after-skin-treatment-1774684126075-415c3579.png"},
{
id: "4",
name: "Diane Patterson",
date: "Oct 2024",
title: "Top Tier Experience",
quote: "Pure luxury and science in one place. Worth every single investment.",
tag: "Brightening",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-mature-woman-with-glowing-healthy-look-1774684125532-08d79c56.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-mature-woman-with-glowing-healthy-look-1774684125532-08d79c56.png",
},
id: "4", name: "Diane Patterson", date: "Oct 2024", title: "Top Tier Experience", quote: "Pure luxury and science in one place. Worth every single investment.", tag: "Brightening", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-mature-woman-with-glowing-healthy-look-1774684125532-08d79c56.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/a-mature-woman-with-glowing-healthy-look-1774684125532-08d79c56.png"},
{
id: "5",
name: "Marcus Thorne",
date: "Sep 2024",
title: "Outstanding results",
quote: "My skin tone is finally even and clear. Professional team and atmosphere.",
tag: "Correction",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png?_wi=2",
},
id: "5", name: "Marcus Thorne", date: "Sep 2024", title: "Outstanding results", quote: "My skin tone is finally even and clear. Professional team and atmosphere.", tag: "Correction", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ68fQOwgFzerOzZVIrC88Xxq2/portrait-of-a-confident-woman-with-clear-1774684125583-cba48940.png?_wi=2"},
]}
title="Stories of Radiance"
description="Read what our patients say about their experience at LuminaSkin."
@@ -263,41 +160,29 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="LuminaSkin"
<FooterSimple
bottomLeftText="© 2025 LuminaSkin"
bottomRightText="Premium Aesthetic Care"
columns={[
{
title: "Clinic",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Our Team",
href: "#",
},
{
label: "Careers",
href: "#",
},
title: "Clinic", items: [
{ label: "About Us", href: "#about" },
{ label: "Team", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Contact",
href: "#",
},
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Skin Guide", href: "#" },
{ label: "FAQ", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Consultations", href: "#" },
{ label: "Privacy", href: "#" },
{ label: "Contact", href: "#" },
],
},
]}
@@ -306,4 +191,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}