Test code block — CAMBERLEY AESTHETICS CLINIC

<!--

CAMBERLEY AESTHETICS CLINIC — SQUARESPACE HOMEPAGE

Paste this entire file into one Squarespace Code Block set to HTML.

The styles are scoped to #cac-home and will not alter the rest of the site.

-->

<style>

#cac-home {

--cac-navy: #123f68;

--cac-navy-dark: #0a2f52;

--cac-blue: #b9def2;

--cac-blue-soft: #edf6fa;

--cac-ivory: #f8f5f0;

--cac-white: #ffffff;

--cac-ink: #26323a;

--cac-muted: #60707b;

--cac-line: rgba(18, 63, 104, 0.14);

--cac-shadow: 0 22px 55px rgba(16, 55, 87, 0.11);

--cac-radius: 24px;

color: var(--cac-ink);

font-family: Arial, Helvetica, sans-serif;

line-height: 1.65;

width: 100vw;

margin-left: calc(50% - 50vw);

overflow: hidden;

background: var(--cac-white);

}

#cac-home,

#cac-home * {

box-sizing: border-box;

}

#cac-home h1,

#cac-home h2,

#cac-home h3,

#cac-home p {

margin-top: 0;

}

#cac-home h1,

#cac-home h2,

#cac-home h3 {

color: var(--cac-navy-dark);

font-family: Georgia, "Times New Roman", serif;

font-weight: 500;

letter-spacing: -0.025em;

line-height: 1.08;

}

#cac-home h1 {

font-size: clamp(2.65rem, 5.3vw, 5.15rem);

margin-bottom: 1.35rem;

max-width: 840px;

}

#cac-home h2 {

font-size: clamp(2.2rem, 4vw, 3.8rem);

margin-bottom: 1.1rem;

}

#cac-home h3 {

font-size: clamp(1.45rem, 2vw, 1.85rem);

margin-bottom: 0.8rem;

}

#cac-home p {

color: var(--cac-muted);

font-size: 1.05rem;

margin-bottom: 1.1rem;

}

#cac-home a {

text-decoration: none;

}

#cac-home .cac-shell {

width: min(1180px, calc(100% - 40px));

margin: 0 auto;

}

#cac-home .cac-section {

padding: 96px 0;

position: relative;

}

#cac-home .cac-section--soft {

background: var(--cac-blue-soft);

}

#cac-home .cac-section--ivory {

background: var(--cac-ivory);

}

#cac-home .cac-eyebrow {

color: var(--cac-navy);

display: inline-block;

font-size: 0.78rem;

font-weight: 800;

letter-spacing: 0.18em;

margin-bottom: 1.1rem;

text-transform: uppercase;

}

#cac-home .cac-intro {

font-size: clamp(1.08rem, 1.5vw, 1.25rem);

max-width: 700px;

}

#cac-home .cac-heading-wrap {

margin: 0 auto 46px;

max-width: 780px;

text-align: center;

}

#cac-home .cac-heading-wrap p {

margin-left: auto;

margin-right: auto;

max-width: 680px;

}

#cac-home .cac-buttons {

align-items: center;

display: flex;

flex-wrap: wrap;

gap: 12px;

margin-top: 2rem;

}

#cac-home .cac-button {

align-items: center;

border: 1px solid var(--cac-navy);

border-radius: 999px;

display: inline-flex;

font-size: 0.95rem;

font-weight: 800;

justify-content: center;

letter-spacing: 0.02em;

min-height: 52px;

padding: 0.75rem 1.55rem;

transition: background 180ms ease, color 180ms ease, transform 180ms ease;

}

#cac-home .cac-button:hover {

transform: translateY(-2px);

}

#cac-home .cac-button--primary {

background: var(--cac-navy);

color: var(--cac-white);

}

#cac-home .cac-button--primary:hover {

background: var(--cac-navy-dark);

}

#cac-home .cac-button--secondary {

background: transparent;

color: var(--cac-navy);

}

#cac-home .cac-button--secondary:hover {

background: var(--cac-white);

}

/* Hero */

#cac-home .cac-hero {

background:

radial-gradient(circle at 8% 15%, rgba(185, 222, 242, 0.7), transparent 30%),

linear-gradient(135deg, var(--cac-ivory) 0%, var(--cac-white) 60%);

padding: 92px 0 78px;

}

#cac-home .cac-hero-grid {

align-items: center;

display: grid;

gap: clamp(38px, 6vw, 82px);

grid-template-columns: 1.08fr 0.92fr;

}

#cac-home .cac-hero-copy {

position: relative;

z-index: 2;

}

#cac-home .cac-hero-visual {

min-height: 610px;

position: relative;

}

#cac-home .cac-hero-photo {

background-image:

linear-gradient(180deg, rgba(9, 42, 69, 0.02), rgba(9, 42, 69, 0.18)),

url("https://images.squarespace-cdn.com/content/v1/624b503c4e8eed088f164681/1649102924485-7RAHSC57SLVRFNFS4YG0/image-asset.jpeg?format=1500w");

background-position: center;

background-size: cover;

border-radius: 190px 190px 28px 28px;

box-shadow: var(--cac-shadow);

height: 100%;

min-height: 610px;

overflow: hidden;

}

#cac-home .cac-hero-badge {

align-items: center;

background: rgba(255, 255, 255, 0.95);

border: 1px solid var(--cac-line);

border-radius: 18px;

bottom: 28px;

box-shadow: var(--cac-shadow);

color: var(--cac-navy-dark);

display: flex;

font-size: 0.92rem;

font-weight: 800;

gap: 10px;

left: -30px;

padding: 15px 18px;

position: absolute;

}

#cac-home .cac-hero-badge span {

align-items: center;

background: var(--cac-blue-soft);

border-radius: 50%;

display: inline-flex;

height: 34px;

justify-content: center;

width: 34px;

}

/* Trust bar */

#cac-home .cac-trust {

background: var(--cac-navy);

color: var(--cac-white);

padding: 22px 0;

}

#cac-home .cac-trust-grid {

display: grid;

gap: 14px;

grid-template-columns: repeat(4, 1fr);

}

#cac-home .cac-trust-item {

align-items: center;

display: flex;

font-size: 0.9rem;

font-weight: 800;

gap: 10px;

justify-content: center;

letter-spacing: 0.01em;

text-align: center;

}

#cac-home .cac-tick {

align-items: center;

background: rgba(255, 255, 255, 0.13);

border-radius: 50%;

display: inline-flex;

flex: 0 0 26px;

height: 26px;

justify-content: center;

width: 26px;

}

/* Cards and grids */

#cac-home .cac-grid-4,

#cac-home .cac-grid-3 {

display: grid;

gap: 22px;

}

#cac-home .cac-grid-4 {

grid-template-columns: repeat(4, 1fr);

}

#cac-home .cac-grid-3 {

grid-template-columns: repeat(3, 1fr);

}

#cac-home .cac-card {

background: var(--cac-white);

border: 1px solid var(--cac-line);

border-radius: var(--cac-radius);

padding: 30px;

transition: box-shadow 180ms ease, transform 180ms ease;

}

#cac-home .cac-card:hover {

box-shadow: var(--cac-shadow);

transform: translateY(-5px);

}

#cac-home .cac-card p:last-child {

margin-bottom: 0;

}

#cac-home .cac-card-number {

align-items: center;

background: var(--cac-blue-soft);

border: 1px solid var(--cac-line);

border-radius: 50%;

color: var(--cac-navy);

display: inline-flex;

font-size: 0.8rem;

font-weight: 900;

height: 40px;

justify-content: center;

margin-bottom: 1.3rem;

width: 40px;

}

/* Treatments */

#cac-home .cac-treatment-card {

display: flex;

flex-direction: column;

min-height: 100%;

padding: 0;

overflow: hidden;

}

#cac-home .cac-treatment-top {

align-items: center;

background:

radial-gradient(circle at 75% 20%, rgba(255, 255, 255, 0.95), transparent 34%),

linear-gradient(140deg, var(--cac-blue-soft), var(--cac-blue));

display: flex;

justify-content: space-between;

min-height: 170px;

padding: 28px;

}

#cac-home .cac-treatment-mark {

align-items: center;

background: rgba(255, 255, 255, 0.78);

border: 1px solid rgba(18, 63, 104, 0.12);

border-radius: 50%;

color: var(--cac-navy-dark);

display: inline-flex;

font-family: Georgia, "Times New Roman", serif;

font-size: 1.35rem;

height: 78px;

justify-content: center;

width: 78px;

}

#cac-home .cac-price {

background: var(--cac-navy);

border-radius: 999px;

color: var(--cac-white);

display: inline-block;

font-size: 0.88rem;

font-weight: 800;

padding: 9px 14px;

}

#cac-home .cac-treatment-body {

display: flex;

flex: 1;

flex-direction: column;

padding: 30px;

}

#cac-home .cac-text-link {

color: var(--cac-navy);

display: inline-flex;

font-weight: 900;

gap: 7px;

margin-top: auto;

padding-top: 15px;

}

#cac-home .cac-text-link:hover {

color: var(--cac-navy-dark);

}

/* Practitioner */

#cac-home .cac-practitioner-grid {

align-items: center;

display: grid;

gap: clamp(44px, 7vw, 90px);

grid-template-columns: 0.82fr 1.18fr;

}

#cac-home .cac-profile-panel {

background:

radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.92), transparent 26%),

linear-gradient(145deg, var(--cac-blue-soft), var(--cac-blue));

border-radius: 180px 180px 28px 28px;

box-shadow: var(--cac-shadow);

min-height: 500px;

padding: 60px 38px 38px;

position: relative;

text-align: center;

}

#cac-home .cac-initials {

align-items: center;

background: rgba(255, 255, 255, 0.88);

border: 1px solid var(--cac-line);

border-radius: 50%;

color: var(--cac-navy-dark);

display: inline-flex;

font-family: Georgia, "Times New Roman", serif;

font-size: 3rem;

height: 142px;

justify-content: center;

margin-bottom: 28px;

width: 142px;

}

#cac-home .cac-profile-panel h3 {

margin-bottom: 0.45rem;

}

#cac-home .cac-profile-panel p {

color: var(--cac-navy);

font-size: 0.95rem;

}

#cac-home .cac-qualifications {

display: grid;

gap: 10px;

margin-top: 25px;

}

#cac-home .cac-qualification {

background: rgba(255, 255, 255, 0.78);

border: 1px solid rgba(18, 63, 104, 0.11);

border-radius: 12px;

color: var(--cac-navy-dark);

font-size: 0.86rem;

font-weight: 800;

padding: 10px 12px;

}

/* Process */

#cac-home .cac-process-card {

border-top: 4px solid var(--cac-blue);

min-height: 245px;

}

#cac-home .cac-process-number {

color: var(--cac-blue);

font-family: Georgia, "Times New Roman", serif;

font-size: 3.4rem;

line-height: 1;

margin-bottom: 1rem;

}

/* Location */

#cac-home .cac-location-box {

align-items: center;

background: var(--cac-navy-dark);

border-radius: 32px;

color: var(--cac-white);

display: grid;

gap: 34px;

grid-template-columns: 1.25fr 0.75fr;

overflow: hidden;

padding: clamp(36px, 6vw, 72px);

position: relative;

}

#cac-home .cac-location-box::after {

background: var(--cac-blue);

border-radius: 50%;

content: "";

height: 320px;

opacity: 0.13;

position: absolute;

right: -110px;

top: -130px;

width: 320px;

}

#cac-home .cac-location-box h2,

#cac-home .cac-location-box p,

#cac-home .cac-location-box .cac-eyebrow {

color: var(--cac-white);

}

#cac-home .cac-address {

background: rgba(255, 255, 255, 0.09);

border: 1px solid rgba(255, 255, 255, 0.17);

border-radius: 20px;

padding: 24px;

position: relative;

z-index: 2;

}

#cac-home .cac-address strong {

display: block;

font-family: Georgia, "Times New Roman", serif;

font-size: 1.35rem;

font-weight: 500;

margin-bottom: 0.6rem;

}

#cac-home .cac-address span {

display: block;

line-height: 1.8;

}

#cac-home .cac-location-box .cac-button--secondary {

border-color: rgba(255, 255, 255, 0.78);

color: var(--cac-white);

}

#cac-home .cac-location-box .cac-button--secondary:hover {

color: var(--cac-navy-dark);

}

/* FAQ */

#cac-home .cac-faq {

margin: 0 auto;

max-width: 860px;

}

#cac-home .cac-faq details {

background: var(--cac-white);

border: 1px solid var(--cac-line);

border-radius: 16px;

margin-bottom: 12px;

padding: 0 22px;

}

#cac-home .cac-faq summary {

color: var(--cac-navy-dark);

cursor: pointer;

font-family: Georgia, "Times New Roman", serif;

font-size: 1.18rem;

font-weight: 600;

list-style: none;

padding: 22px 42px 22px 0;

position: relative;

}

#cac-home .cac-faq summary::-webkit-details-marker {

display: none;

}

#cac-home .cac-faq summary::after {

align-items: center;

background: var(--cac-blue-soft);

border-radius: 50%;

color: var(--cac-navy);

content: "+";

display: flex;

font-family: Arial, Helvetica, sans-serif;

height: 28px;

justify-content: center;

position: absolute;

right: 0;

top: 20px;

width: 28px;

}

#cac-home .cac-faq details[open] summary::after {

content: "−";

}

#cac-home .cac-faq details p {

padding: 0 42px 20px 0;

}

/* Final CTA */

#cac-home .cac-final-cta {

background:

radial-gradient(circle at 15% 30%, rgba(255, 255, 255, 0.9), transparent 23%),

linear-gradient(135deg, var(--cac-blue-soft), var(--cac-blue));

text-align: center;

}

#cac-home .cac-final-cta .cac-heading-wrap {

margin-bottom: 0;

}

#cac-home .cac-final-cta .cac-buttons {

justify-content: center;

}

@media (max-width: 980px) {

#cac-home .cac-hero-grid,

#cac-home .cac-practitioner-grid {

grid-template-columns: 1fr 1fr;

gap: 40px;

}

#cac-home .cac-grid-4 {

grid-template-columns: repeat(2, 1fr);

}

#cac-home .cac-grid-3 {

grid-template-columns: 1fr;

}

#cac-home .cac-treatment-card {

display: grid;

grid-template-columns: 0.68fr 1.32fr;

}

#cac-home .cac-treatment-top {

min-height: 100%;

}

#cac-home .cac-trust-grid {

grid-template-columns: repeat(2, 1fr);

}

@media (max-width: 760px) {

#cac-home .cac-shell {

width: min(100% - 28px, 1180px);

}

#cac-home .cac-section {

padding: 68px 0;

}

#cac-home .cac-hero {

padding: 62px 0 58px;

}

#cac-home .cac-hero-grid,

#cac-home .cac-practitioner-grid,

#cac-home .cac-location-box {

grid-template-columns: 1fr;

}

#cac-home .cac-hero-visual,

#cac-home .cac-hero-photo {

min-height: 460px;

}

#cac-home .cac-hero-photo {

border-radius: 120px 120px 24px 24px;

}

#cac-home .cac-hero-badge {

bottom: 18px;

left: 14px;

}

#cac-home .cac-profile-panel {

min-height: auto;

}

#cac-home .cac-treatment-card {

display: flex;

}

#cac-home .cac-buttons,

#cac-home .cac-button {

width: 100%;

}

#cac-home .cac-location-box {

border-radius: 24px;

}

@media (max-width: 520px) {

#cac-home h1 {

font-size: 2.65rem;

}

#cac-home h2 {

font-size: 2.25rem;

}

#cac-home .cac-grid-4,

#cac-home .cac-trust-grid {

grid-template-columns: 1fr;

}

#cac-home .cac-trust-item {

justify-content: flex-start;

padding-left: 18px;

text-align: left;

}

#cac-home .cac-card {

padding: 25px;

}

#cac-home .cac-hero-visual,

#cac-home .cac-hero-photo {

min-height: 390px;

}

@media (prefers-reduced-motion: reduce) {

#cac-home *,

#cac-home *::before,

#cac-home *::after {

scroll-behavior: auto !important;

transition: none !important;

}

</style>

<span class="cac-eyebrow">Personalised skin treatments in Camberley</span>

<h1>Advanced skin treatments in Camberley, tailored to you.</h1>

<p class="cac-intro">Discover personalised 3D HydrO2 facials, microneedling and professional chemical peels delivered by a qualified practitioner in a clean, professional clinical setting inside Camberley Dental Clinic.</p>

<a class="cac-button cac-button--primary" href="https://partner.pabau.com/online-bookings/camberleyaestheticsclinic">Book a Free Skin Consultation</a>

<a class="cac-button cac-button--secondary" href="/treatments">Explore Treatments</a>

</div>

<div class="cac-hero-badge"><span aria-hidden="true">✦</span> Qualified, personalised care</div>

</div>

</section>

<div class="cac-trust-item"><span class="cac-tick" aria-hidden="true">✓</span> Qualified Practitioner</div>

<div class="cac-trust-item"><span class="cac-tick" aria-hidden="true">✓</span> Free Skin Consultation</div>

<div class="cac-trust-item"><span class="cac-tick" aria-hidden="true">✓</span> Personalised Treatment Plans</div>

<div class="cac-trust-item"><span class="cac-tick" aria-hidden="true">✓</span> Professional Clinical Setting</div>

</div>

</section>

<span class="cac-eyebrow">Your skin comes first</span>

<h2>Start with your skin, not a trend</h2>

<p>Every person’s skin is different. Your consultation allows us to understand your concerns, assess your skin and recommend a treatment plan that is appropriate for you.</p>

</div>

<h3>Dull or dehydrated skin</h3>

<p>Restore hydration and help tired-looking skin appear fresher, smoother and more radiant.</p>

</article>

<h3>Congestion and breakouts</h3>

<p>Target blocked pores, excess oil, blemishes and uneven-looking skin.</p>

</article>

<h3>Pigmentation and uneven tone</h3>

<p>Improve the appearance of dark marks, sun damage and uneven skin tone.</p>

</article>

<h3>Fine lines and texture</h3>

<p>Support collagen production and improve the appearance of fine lines, enlarged pores and uneven texture.</p>

</article>

</div>

<a class="cac-button cac-button--primary" href="https://partner.pabau.com/online-bookings/camberleyaestheticsclinic">Book My Free Consultation</a>

</div>

</section>

<span class="cac-eyebrow">Professional skin treatments</span>

<h2>Our treatments</h2>

<p>Every treatment is selected and personalised according to your skin type, concerns and goals. Not sure which one to choose? Begin with a free skin consultation.</p>

</div>

</div>

<h3>3D HydrO2 Facial</h3>

<p>A multi-technology facial designed to deeply cleanse, exfoliate, extract impurities, hydrate and rejuvenate the skin.</p>

<a class="cac-text-link" href="/treatments/project-four-l3zw3-dk9py-xcmem-llk7k-cnfna-87w34">Explore 3D HydrO2 <span aria-hidden="true">→</span></a>

</div>

</article>

</div>

<h3>Microneedling</h3>

<p>A collagen-stimulating treatment that helps improve fine lines, acne scarring, enlarged pores, uneven texture and overall skin quality.</p>

<a class="cac-text-link" href="/treatments/project-one-f5w4d-z9nem-s3jda-eyssk-a6prr-ltcp5">Explore Microneedling <span aria-hidden="true">→</span></a>

</div>

</article>

</div>

<h3>Chemical Peels</h3>

<p>Professional exfoliating treatments selected for your skin to help improve dullness, congestion, pigmentation, fine lines and uneven texture.</p>

<a class="cac-text-link" href="/treatments/chemical-peels">Explore Chemical Peels <span aria-hidden="true">→</span></a>

</div>

</article>

</div>

</section>

<span class="cac-eyebrow">Care you can feel confident in</span>

<h2>Why choose Camberley Aesthetics Clinic?</h2>

</div>

<h3>Personalised care</h3>

<p>Every treatment begins with understanding your skin. We do not believe in one-size-fits-all treatment plans.</p>

</article>

<h3>Qualified practitioner</h3>

<p>Treatments are provided by a VTCT-qualified practitioner with professional skin, laser and dental-clinic experience.</p>

</article>

<h3>Clinical environment</h3>

<p>The clinic is located inside Camberley Dental Clinic, providing a clean, comfortable and professional environment.</p>

</article>

<h3>Honest recommendations</h3>

<p>If a treatment is unsuitable for your skin or goals, we will explain why and recommend an appropriate alternative.</p>

</article>

</div>

</section>

<h3>Ayesha Asad</h3>

<p>Lead Practitioner</p>

<span class="cac-qualification">VTCT Level 5 Chemical Peels</span>

<span class="cac-qualification">VTCT Level 4 Microneedling</span>

<span class="cac-qualification">Level 2 & 3 Facial Treatments</span>

</div>

<div>

<span class="cac-eyebrow">Meet your practitioner</span>

<h2>Professional care with a personal approach</h2>

<p>Ayesha is a qualified aesthetic practitioner with advanced training in microneedling, chemical peels and professional facial treatments.</p>

<p>Before moving into aesthetics, she worked as a dental nurse and later gained professional experience as a laser therapist within a skin and laser clinic. This background has shaped her careful, personalised and client-focused approach.</p>

<p>Her priority is to help every client feel comfortable, properly informed and confident about their treatment plan.</p>

<a class="cac-button cac-button--secondary" href="/about">Meet Ayesha</a>

</div>

</section>

<span class="cac-eyebrow">No pressure, just honest advice</span>

<h2>Your skin journey starts with a free consultation</h2>

</div>

<h3>Discuss</h3>

<p>Tell us about your skin concerns, current routine and the results you would like to achieve.</p>

</article>

<h3>Assess</h3>

<p>Your skin will be professionally assessed to determine which treatments may be suitable.</p>

</article>

<h3>Personalise</h3>

<p>You will receive honest recommendations and a personalised treatment plan, with no pressure to proceed.</p>

</article>

</div>

<a class="cac-button cac-button--primary" href="https://partner.pabau.com/online-bookings/camberleyaestheticsclinic">Book Your Free Consultation</a>

</div>

</section>

<div>

<span class="cac-eyebrow">Camberley, Surrey</span>

<h2>Professional skin treatments, close to home</h2>

<p>Camberley Aesthetics Clinic is conveniently located inside Camberley Dental Clinic. Appointments are available by advance booking on Tuesdays and Fridays.</p>

<a class="cac-button cac-button--secondary" href="/contact">Contact and Directions</a>

</div>

<strong>Inside Camberley Dental Clinic</strong>

<span>31 The Avenue</span>

<span>Camberley</span>

</address>

</div>

</section>

<span class="cac-eyebrow">Frequently asked questions</span>

<h2>Everything you need to know before booking</h2>

</div>

<summary>Do I need a consultation before treatment?</summary>

<p>We recommend beginning with a consultation, particularly if you are unsure which treatment is most suitable. This allows us to assess your skin, discuss your concerns and check treatment suitability.</p>

</details>

<summary>Is the consultation free?</summary>

<p>Yes. Your initial skin consultation is complimentary and there is no obligation to book a treatment.</p>

</details>

<summary>Which treatment should I choose?</summary>

<p>You do not need to decide before your consultation. We will discuss your concerns and recommend the most appropriate treatment or treatment plan.</p>

</details>

<summary>Is there any downtime?</summary>

<p>Downtime varies depending on the treatment. HydrO2 treatments generally have little to no downtime, while microneedling and some chemical peels may cause temporary redness, sensitivity or light flaking.</p>

</details>

<summary>Where is the clinic located?</summary>

<p>We are located inside Camberley Dental Clinic at 31 The Avenue, Camberley, GU15 3LN.</p>

</details>

</div>

</section>

<span class="cac-eyebrow">Your healthiest-looking skin starts here</span>

<h2>Ready to begin your skin journey?</h2>

<p>Book your complimentary consultation and receive personalised, honest advice about the most suitable treatment options for your skin.</p>

<a class="cac-button cac-button--primary" href="https://partner.pabau.com/online-bookings/camberleyaestheticsclinic">Book a Free Skin Consultation</a>

</div>

</section>

</div>