Skip to content

Commit 08c6db1

Browse files
AR10DevAR10Dev
authored
✨ Refactor services and contact sections for improved structure and readability
1 parent 259e8b2 commit 08c6db1

1 file changed

Lines changed: 50 additions & 54 deletions

File tree

‎src/pages/index.astro‎

Lines changed: 50 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -243,21 +243,19 @@ const structuredData = {
243243

244244
<section id="services" class="slide-section pb-8" aria-labelledby="services-title">
245245
<div class={CONTAINER_CLASSES.horizontal}>
246-
<div class={`rounded-[var(--card-radius)] border border-[var(--card-uniform-border)] bg-[var(--card-uniform-bg)] p-5 shadow-[var(--card-shadow)] md:p-7`}>
247-
<h2 id="services-title" class={`${titleClass} text-[var(--card-heading)]`}>Services and Solutions</h2>
248-
<p class={`mt-4 max-w-3xl ${copyClass}`}>
249-
I help businesses build scalable web apps, integrate AI to save time, and drive aggressive growth through technical SEO.
250-
</p>
251-
<div class="mt-8 grid gap-5 lg:grid-cols-3">
252-
{serviceItems.map((service) => (
253-
<FeatureCard
254-
title={service.title}
255-
body={service.body}
256-
titleClassName="text-[1.06rem]"
257-
bodyClassName="text-[0.95rem]"
258-
/>
259-
))}
260-
</div>
246+
<h2 id="services-title" class={titleClass}>Services and Solutions</h2>
247+
<p class={`mt-4 max-w-3xl ${copyClass}`}>
248+
I help businesses build scalable web apps, integrate AI to save time, and drive aggressive growth through technical SEO.
249+
</p>
250+
<div class="mt-8 grid gap-5 lg:grid-cols-3">
251+
{serviceItems.map((service) => (
252+
<FeatureCard
253+
title={service.title}
254+
body={service.body}
255+
titleClassName="text-[1.06rem]"
256+
bodyClassName="text-[0.95rem]"
257+
/>
258+
))}
261259
</div>
262260
</div>
263261
</section>
@@ -309,45 +307,44 @@ const structuredData = {
309307

310308
<section id="contact" class="slide-section pt-10 pb-20" aria-labelledby="contact-title">
311309
<div class={CONTAINER_CLASSES.horizontal}>
312-
<div class={`rounded-[var(--card-radius)] border border-[var(--card-uniform-border)] bg-[var(--card-uniform-bg)] p-[clamp(1.4rem,2.6vw,2.3rem)] shadow-[var(--card-shadow)]`}>
313-
<div class="grid items-start gap-[clamp(1.25rem,2.3vw,2rem)] min-[980px]:grid-cols-[1.1fr_0.9fr]">
314-
<div class="max-w-[38rem]">
315-
<p class={kickerClass}>Clear next step</p>
316-
<h2 id="contact-title" class={`mt-4 text-[var(--card-heading)] ${titleClass}`}>Need a partner who can ship and scale?</h2>
317-
<p class={`mt-4 max-w-xl ${copyClass}`}>
318-
Share your product and growth goals, and I will propose a focused roadmap for automation, engineering, and conversion optimization.
319-
</p>
320-
<ul class="mt-6 list-inside list-disc space-y-1 text-[var(--card-body)]" aria-label="Engagement trust signals">
321-
<li>{homepage.responseTime}</li>
322-
<li>Timezone: {homepage.timezone}</li>
323-
<li>Location: {homepage.location}</li>
324-
<li>{homepage.availability}</li>
325-
</ul>
326-
<div class="mt-8 flex flex-wrap items-center gap-4">
327-
<a class={primaryButtonClass} href={`mailto:${homepage.contactEmail}`} data-track="cta_contact_email">Contact me</a>
328-
<a
329-
class={secondaryButtonClass}
330-
href={homepage.bookingUrl}
331-
target="_blank"
332-
rel="noopener noreferrer"
333-
data-track="cta_booking_link"
334-
aria-label="Book a calendar slot (opens in new tab)"
335-
>
336-
Book a calendar slot
337-
</a>
338-
<a
339-
class={secondaryButtonClass}
340-
href={linkedInUrl}
341-
target="_blank"
342-
rel="noopener noreferrer"
343-
data-track="open_linkedin_profile"
344-
aria-label="Open LinkedIn profile (opens in new tab)"
345-
>
346-
LinkedIn
347-
</a>
348-
</div>
310+
<div class="grid items-start gap-[clamp(1.25rem,2.3vw,2rem)] min-[980px]:grid-cols-[1.1fr_0.9fr]">
311+
<div class="max-w-[38rem]">
312+
<p class={kickerClass}>Clear next step</p>
313+
<h2 id="contact-title" class={`mt-4 ${titleClass}`}>Need a partner who can ship and scale?</h2>
314+
<p class={`mt-4 max-w-xl ${copyClass}`}>
315+
Share your product and growth goals, and I will propose a focused roadmap for automation, engineering, and conversion optimization.
316+
</p>
317+
<ul class="mt-6 list-inside list-disc space-y-1 text-[var(--card-body)]" aria-label="Engagement trust signals">
318+
<li>{homepage.responseTime}</li>
319+
<li>Timezone: {homepage.timezone}</li>
320+
<li>Location: {homepage.location}</li>
321+
<li>{homepage.availability}</li>
322+
</ul>
323+
<div class="mt-8 flex flex-wrap items-center gap-4">
324+
<a class={primaryButtonClass} href={`mailto:${homepage.contactEmail}`} data-track="cta_contact_email">Contact me</a>
325+
<a
326+
class={secondaryButtonClass}
327+
href={homepage.bookingUrl}
328+
target="_blank"
329+
rel="noopener noreferrer"
330+
data-track="cta_booking_link"
331+
aria-label="Book a calendar slot (opens in new tab)"
332+
>
333+
Book a calendar slot
334+
</a>
335+
<a
336+
class={secondaryButtonClass}
337+
href={linkedInUrl}
338+
target="_blank"
339+
rel="noopener noreferrer"
340+
data-track="open_linkedin_profile"
341+
aria-label="Open LinkedIn profile (opens in new tab)"
342+
>
343+
LinkedIn
344+
</a>
349345
</div>
350-
<div class="rounded-[1rem] border border-[var(--card-uniform-border)] bg-[var(--card-uniform-bg)] p-[clamp(1rem,2vw,1.4rem)]">
346+
</div>
347+
<div class="rounded-[1rem] border border-[var(--card-uniform-border)] bg-[var(--card-uniform-bg)] p-[clamp(1rem,2vw,1.4rem)]">
351348
<p class={`${kickerClass} text-[0.68rem] tracking-[0.2em]`}>Project intake</p>
352349
<form class="mt-4" method="POST" data-track="submit_lead_form" name="lead-capture">
353350
<input type="hidden" name="form-name" value="lead-capture" />
@@ -373,7 +370,6 @@ const structuredData = {
373370
</FormField>
374371
<button class={`${primaryButtonClass} mt-4 w-full`} type="submit">Send project inquiry</button>
375372
</form>
376-
</div>
377373
</div>
378374
</div>
379375
</div>

0 commit comments

Comments
 (0)