diff --git a/src/app/page.tsx b/src/app/page.tsx index 8182fb4..00cf4b4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() { @@ -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"}, ]} /> @@ -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"}, ]} />
-
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index b7afc67..6f534dd 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -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);