admin/gw-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup pricing page tables, introstrip, css changes

Browse Source
This commit is contained in:
ponzischeme89
2026-05-02 08:53:36 +12:00
parent b7ea05f150
commit 5f6b47d445
9 changed files with 52 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/BookingSection.svelte
+1 -2
View File
@@ -150,8 +150,7 @@
<div class="booking-header">
<h2 class="booking-title">
<span class="booking-title-plain">{headingParts.plain}</span>
<span class="booking-title-highlight">{headingParts.highlight}</span>
<span class="booking-title-plain">{headingParts.plain}</span>{' '}<span class="booking-title-highlight">{headingParts.highlight}</span>
</h2>
<div class="booking-stepper" aria-label="Booking form steps">
src/lib/components/IntroStrip.svelte
+17 -15
View File
@@ -8,24 +8,26 @@
</script>
<div id="intro">
<div class="intro-trust-badge">
<div class="intro-trust-mark" aria-hidden="true">
<Icon name="fab fa-google" />
</div>
<div class="intro-inner">
<div class="intro-trust-badge">
<div class="intro-trust-mark" aria-hidden="true">
<Icon name="fab fa-google" />
</div>
<div class="intro-trust-copy">
<p>{intro.text}</p>
<div class="intro-trust-copy">
<p>{intro.text}</p>
<div class="intro-trust-meta">
<div class="intro-trust-stars" aria-label="5 star rating">
{#each stars as _, index}
<Icon name="fas fa-star" className={`intro-star intro-star-${index + 1}`} />
{/each}
<div class="intro-trust-meta">
<div class="intro-trust-stars" aria-label="5 star rating">
{#each stars as _, index}
<Icon name="fas fa-star" className={`intro-star intro-star-${index + 1}`} />
{/each}
</div>
<a href={intro.reviewCta.href} target="_blank" rel="noopener">
{intro.reviewCta.label}
</a>
</div>
<a href={intro.reviewCta.href} target="_blank" rel="noopener">
{intro.reviewCta.label}
</a>
</div>
</div>
</div>
src/lib/components/PricingPage.svelte
+9 -3
View File
@@ -180,9 +180,10 @@
.pricing-plan-ribbon {
position: absolute;
top: 18px;
right: 18px;
padding: 6px 10px;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
padding: 6px 12px;
border-radius: 999px;
background: var(--yellow);
color: #000;
@@ -235,6 +236,7 @@
.pricing-plan-cta {
margin-top: 24px;
font-family: var(--font-head);
}
@media (hover: hover) {
@@ -305,6 +307,10 @@
gap: 18px;
}
.pricing-plan-popular {
order: -1;
}
.pricing-plan-card {
padding: 28px 22px;
}
src/lib/components/ServiceLandingPage.svelte
+12 -5
View File
@@ -253,9 +253,10 @@
.service-plan-ribbon {
position: absolute;
top: 18px;
right: 18px;
padding: 6px 10px;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
padding: 6px 12px;
border-radius: 999px;
background: var(--yellow);
color: #000;
@@ -348,8 +349,10 @@
}
.service-plan-cta {
display: inline-flex;
margin-top: 28px;
display: flex;
width: fit-content;
margin: 28px auto 0;
font-family: var(--font-head);
}
.service-extras {
@@ -464,6 +467,10 @@
gap: 24px;
}
.service-plan-popular {
order: -1;
}
.service-highlight,
.service-pricing,
.service-benefits {