bender/edf978b1-5f88-4cf4-9d54-189554cad956
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-28 09:53:23 +00:00
Conversation 0 Commits 2 Files Changed 2 +57 -206
2 changed files with 57 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -3,9 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Experts",
id: "experts",
},
name: "Experts", id: "experts"},
{
name: "Treatments",
id: "treatments",
},
name: "Treatments", id: "treatments"},
{
name: "Blog",
id: "blog",
},
name: "Blog", id: "blog"},
]}
brandName="Aura Skin"
/>
@@ -62,35 +52,21 @@ export default function LandingPage() {
description="Refining your natural beauty with advanced dermatological care and bespoke aesthetic treatments in an environment of complete tranquility."
buttons={[
{
text: "Book Consultation",
href: "#contact",
},
text: "Book Consultation", href: "#contact"},
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-skin-clinic-hero-image-with-1774691416907-2546c19f.png",
imageAlt: "Clinical luxury setting",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-skin-clinic-hero-image-with-1774691416907-2546c19f.png", imageAlt: "Clinical luxury setting"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/close-up-of-healthy-glowing-skin-with-so-1774691415804-2370ee50.png",
imageAlt: "Healthy radiant skin",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/close-up-of-healthy-glowing-skin-with-so-1774691415804-2370ee50.png", imageAlt: "Healthy radiant skin"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/sophisticated-medical-grade-skincare-too-1774691415972-29df1e0a.png",
imageAlt: "Advanced tools",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/sophisticated-medical-grade-skincare-too-1774691415972-29df1e0a.png", imageAlt: "Advanced tools"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/calm-water-ripples-and-soft-stones-zen-a-1774691416190-9b033401.png",
imageAlt: "Zen ambiance",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/calm-water-ripples-and-soft-stones-zen-a-1774691416190-9b033401.png", imageAlt: "Zen ambiance"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/abstract-3d-geometric-shapes-with-soft-t-1774691416156-ba1911d0.png",
imageAlt: "Premium 3D aesthetic",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/abstract-3d-geometric-shapes-with-soft-t-1774691416156-ba1911d0.png", imageAlt: "Premium 3D aesthetic"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/elegant-waiting-area-with-warm-lighting--1774691416302-7d058bc0.png",
imageAlt: "Clinic waiting area",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/elegant-waiting-area-with-warm-lighting--1774691416302-7d058bc0.png", imageAlt: "Clinic waiting area"},
]}
/>
</div>
@@ -102,20 +78,11 @@ export default function LandingPage() {
description="We offer a wide range of specialized skin treatments tailored to your unique biology, from rejuvenating peels to advanced laser therapies."
accordionItems={[
{
id: "s1",
title: "Advanced Chemical Peels",
content: "Professional-grade exfoliation treatments to renew your skin surface, improve texture, and minimize hyperpigmentation.",
},
id: "s1", title: "Advanced Chemical Peels", content: "Professional-grade exfoliation treatments to renew your skin surface, improve texture, and minimize hyperpigmentation."},
{
id: "s2",
title: "Laser Resurfacing",
content: "State-of-the-art laser technology for deep tissue rejuvenation and non-invasive wrinkle reduction.",
},
id: "s2", title: "Laser Resurfacing", content: "State-of-the-art laser technology for deep tissue rejuvenation and non-invasive wrinkle reduction."},
{
id: "s3",
title: "Hydra-Facial Therapy",
content: "A multi-step procedure that cleanses, exfoliates, and hydrates your skin for a radiant, dew-kissed complexion.",
},
id: "s3", title: "Hydra-Facial Therapy", content: "A multi-step procedure that cleanses, exfoliates, and hydrates your skin for a radiant, dew-kissed complexion."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/doctor-talking-to-client-professional-cl-1774691416542-15f846a8.png?_wi=1"
mediaAnimation="blur-reveal"
@@ -129,17 +96,11 @@ export default function LandingPage() {
description="Led by board-certified dermatologists, Aura Skin Clinic combines scientific rigor with artistic aesthetic vision, ensuring every treatment is safe and effective."
metrics={[
{
value: "12+",
title: "Years Experience",
},
value: "12+", title: "Years Experience"},
{
value: "5k+",
title: "Successful Procedures",
},
value: "5k+", title: "Successful Procedures"},
{
value: "98%",
title: "Client Satisfaction",
},
value: "98%", title: "Client Satisfaction"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/doctor-talking-to-client-professional-cl-1774691416542-15f846a8.png?_wi=2"
mediaAnimation="slide-up"
@@ -154,37 +115,15 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "g1",
groupTitle: "Medical Specialists",
members: [
id: "g1", groupTitle: "Medical Specialists", members: [
{
id: "m1",
title: "Dr. Sarah Miller",
subtitle: "Chief Dermatologist",
detail: "15 years of excellence in clinical aesthetics.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-headshot-of-a-dermatologist-1774691415015-c2704306.png",
},
id: "m1", title: "Dr. Sarah Miller", subtitle: "Chief Dermatologist", detail: "15 years of excellence in clinical aesthetics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-headshot-of-a-dermatologist-1774691415015-c2704306.png"},
{
id: "m2",
title: "Dr. Marcus Chen",
subtitle: "Aesthetic Surgeon",
detail: "Expert in laser and non-invasive procedures.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-headshot-of-a-female-skinca-1774691415553-2655d95b.png",
},
id: "m2", title: "Dr. Marcus Chen", subtitle: "Aesthetic Surgeon", detail: "Expert in laser and non-invasive procedures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-headshot-of-a-female-skinca-1774691415553-2655d95b.png"},
{
id: "m3",
title: "Dr. Elena Rossi",
subtitle: "Skin Health Expert",
detail: "Specializes in regenerative skincare science.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-specialist-doctor-in-a-cle-1774691415886-59560b5d.png",
},
id: "m3", title: "Dr. Elena Rossi", subtitle: "Skin Health Expert", detail: "Specializes in regenerative skincare science.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-specialist-doctor-in-a-cle-1774691415886-59560b5d.png"},
{
id: "m4",
title: "Dr. David Vane",
subtitle: "Clinical Director",
detail: "Focusing on patient-centric care protocols.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-headshot-of-an-aesthetic-ph-1774691418143-c83524df.png",
},
id: "m4", title: "Dr. David Vane", subtitle: "Clinical Director", detail: "Focusing on patient-centric care protocols.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-headshot-of-an-aesthetic-ph-1774691418143-c83524df.png"},
],
},
]}
@@ -200,54 +139,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Core",
price: "$150",
subtitle: "Essential maintenance facial",
features: [
"Consultation",
"Hydrating mask",
"Texture polish",
],
id: "p1", badge: "Core", price: "$150", subtitle: "Essential maintenance facial", features: [
"Consultation", "Hydrating mask", "Texture polish"],
buttons: [
{
text: "Book",
href: "#contact",
},
text: "Book", href: "#contact"},
],
},
{
id: "p2",
badge: "Premium",
price: "$350",
subtitle: "Advanced rejuvenation package",
features: [
"Deep cleaning",
"Laser session",
"Post-care kit",
],
id: "p2", badge: "Premium", price: "$350", subtitle: "Advanced rejuvenation package", features: [
"Deep cleaning", "Laser session", "Post-care kit"],
buttons: [
{
text: "Book",
href: "#contact",
},
text: "Book", href: "#contact"},
],
},
{
id: "p3",
badge: "Ultimate",
price: "$600",
subtitle: "Bespoke clinical transformation",
features: [
"Bespoke skin plan",
"Multi-stage treatment",
"Follow-up analysis",
],
id: "p3", badge: "Ultimate", price: "$600", subtitle: "Bespoke clinical transformation", features: [
"Bespoke skin plan", "Multi-stage treatment", "Follow-up analysis"],
buttons: [
{
text: "Book",
href: "#contact",
},
text: "Book", href: "#contact"},
],
},
]}
@@ -263,40 +175,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Client",
testimonial: "The most professional clinic I've ever visited. My skin has never looked better.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-happy-client-with-glowing--1774691416401-42895e7e.png",
},
id: "t1", name: "Sarah J.", role: "Client", testimonial: "The most professional clinic I've ever visited. My skin has never looked better.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-happy-client-with-glowing--1774691416401-42895e7e.png"},
{
id: "t2",
name: "Mark L.",
role: "Client",
testimonial: "Excellent results with laser therapy. Dr. Chen is truly a specialist.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-portrait-of-a-male-client-w-1774691417585-555cf2c1.png",
},
id: "t2", name: "Mark L.", role: "Client", testimonial: "Excellent results with laser therapy. Dr. Chen is truly a specialist.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/professional-portrait-of-a-male-client-w-1774691417585-555cf2c1.png"},
{
id: "t3",
name: "Emma W.",
role: "Client",
testimonial: "I love the warm environment and the bespoke care plans they offer.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/close-up-smiling-face-clear-texture-skin-1774691415873-d1a592a2.png",
},
id: "t3", name: "Emma W.", role: "Client", testimonial: "I love the warm environment and the bespoke care plans they offer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/close-up-smiling-face-clear-texture-skin-1774691415873-d1a592a2.png"},
{
id: "t4",
name: "Robert B.",
role: "Client",
testimonial: "Life changing treatments. I feel so much younger and more confident.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-radiant-woman-with-perfect-1774691416136-80b82db4.png?_wi=1",
},
id: "t4", name: "Robert B.", role: "Client", testimonial: "Life changing treatments. I feel so much younger and more confident.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-radiant-woman-with-perfect-1774691416136-80b82db4.png?_wi=1"},
{
id: "t5",
name: "Sophia P.",
role: "Client",
testimonial: "My complexion has completely transformed. Aura Skin is simply the best.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-radiant-woman-with-perfect-1774691416136-80b82db4.png?_wi=2",
},
id: "t5", name: "Sophia P.", role: "Client", testimonial: "My complexion has completely transformed. Aura Skin is simply the best.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/portrait-of-a-radiant-woman-with-perfect-1774691416136-80b82db4.png?_wi=2"},
]}
title="Client Stories"
description="Hear how we've helped patients regain their confidence."
@@ -312,68 +199,32 @@ export default function LandingPage() {
description="Stay updated with the latest in dermatological science and skin health tips."
blogs={[
{
id: "b1",
category: "Education",
title: "Winter Skincare Essentials",
excerpt: "Keep your glow alive through the cold months.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/collage-of-healthy-skin-habits-professio-1774691417918-7683e5fe.png",
authorName: "Dr. Sarah Miller",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/author-headshot-for-blog-professional-an-1774691416010-e69c8cfe.png",
date: "Oct 12, 2023",
},
id: "b1", category: "Education", title: "Winter Skincare Essentials", excerpt: "Keep your glow alive through the cold months.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/collage-of-healthy-skin-habits-professio-1774691417918-7683e5fe.png", authorName: "Dr. Sarah Miller", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/author-headshot-for-blog-professional-an-1774691416010-e69c8cfe.png", date: "Oct 12, 2023"},
{
id: "b2",
category: "Treatments",
title: "The Benefits of Laser",
excerpt: "Why professional laser therapy is essential.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/close-up-of-botanical-skin-serum-elegant-1774691414826-992219c0.png",
authorName: "Dr. Marcus Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/author-headshot-for-blog-aesthetic-exper-1774691416583-9c564b0a.png",
date: "Oct 15, 2023",
},
id: "b2", category: "Treatments", title: "The Benefits of Laser", excerpt: "Why professional laser therapy is essential.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/close-up-of-botanical-skin-serum-elegant-1774691414826-992219c0.png", authorName: "Dr. Marcus Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/author-headshot-for-blog-aesthetic-exper-1774691416583-9c564b0a.png", date: "Oct 15, 2023"},
{
id: "b3",
category: "Science",
title: "Microbiome Health",
excerpt: "Understanding the science behind healthy skin.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/textured-face-mask-being-applied-aesthet-1774691416175-7ba9808a.png",
authorName: "Dr. Elena Rossi",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/author-headshot-for-blog-clinic-director-1774691416344-0729bd10.png",
date: "Oct 20, 2023",
},
id: "b3", category: "Science", title: "Microbiome Health", excerpt: "Understanding the science behind healthy skin.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/textured-face-mask-being-applied-aesthet-1774691416175-7ba9808a.png", authorName: "Dr. Elena Rossi", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZJibZWJZZ3EVfELi59kZau1sF/author-headshot-for-blog-clinic-director-1774691416344-0729bd10.png", date: "Oct 20, 2023"},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactText
text="Ready for your best skin? Schedule a personal consultation with our experts today and begin your transformation."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Get Started"
title="Ready for your best skin?"
description="Schedule a personal consultation with our experts today and begin your transformation."
buttons={[
{
text: "Call Clinic Now",
href: "tel:+15550000000",
},
{ text: "Call Clinic Now", href: "tel:+15550000000" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterLogoEmphasis
logoText="Aura Skin Clinic"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
columns={[
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #fbfbfb;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2a2a2a;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #f1f1f1;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #e5e5e5;
--background-accent: #f5f5f5;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);