Skip to content

Commit cf77f7f

Browse files
gloriababicsesar002ivke995
authored
[DRAFT] Fix/web 39 landing page bugs (#382)
* fix: change book a call id * fix: hero text * testimonials bold text * values bolded text * Update: changed order of testimonials and services, added antialiased to paragraphs on values section --------- Co-authored-by: Luka <luka.sesar99@gmail.com> Co-authored-by: Ivan Ivic <ivanivic842@gmail.com>
1 parent 21a7fd1 commit cf77f7f

File tree

8 files changed

+70
-48
lines changed

8 files changed

+70
-48
lines changed

‎apps/website/src/components/BookACallForm.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,17 @@ import Section from "./Section.astro";
77

88
<!-- YELLOW-1 = #FEB534 -->
99
<Section
10-
idx="book-a-call-section"
1110
className="bg-secondary !pb-16 md:!pb-24 !pt-0 overflow-visible mt-[220px] xl:mt-[300px]"
1211
contentClassName={`${grid_classes} items-center`}
1312
>
1413
<div
15-
class="col-span-6 md:col-span-8 md:col-start-3 -translate-y-1/2 -mb-20 md:-mb-36 xl:col-span-6 xl:col-start-4 xl:-mb-56"
14+
class="col-span-6 md:col-span-8 md:col-start-3 -translate-y-1/2 -mb-40 xl:col-span-6 xl:col-start-4 lg:-mb-60"
1615
>
1716
<img src="/meeting-croc.png" class="object-cover xl:p-6" />
1817
</div>
1918
<div
20-
class="col-span-6 grid gap-4 md:col-span-12 md:text-center md:justify-items-center text-white xl:col-span-8 xl:col-start-3"
19+
id="book-a-call-section"
20+
class="col-span-6 grid gap-4 md:col-span-12 md:text-center md:justify-items-center text-white xl:col-span-8 xl:col-start-3 pt-20"
2121
>
2222
<Pill>Book your call today</Pill>
2323
<h1

‎apps/website/src/components/Pill.astro‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,14 @@
1+
---
2+
import classNames from "classnames";
3+
4+
const { className } = Astro.props;
5+
---
6+
17
<div
2-
class="bg-white py-2 px-4 gap-2.5 border border-[rgb(60,56,67)]/[0.2] rounded-full uppercase font-bold text-base w-fit leading-none tracking-normal text-secondary"
8+
class={classNames(
9+
"bg-white py-2 px-4 gap-2.5 border border-[rgb(60,56,67)]/[0.2] rounded-full uppercase font-bold text-base w-fit leading-none tracking-normal text-secondary",
10+
className
11+
)}
312
>
413
<slot />
514
</div>

‎apps/website/src/components/ValueCard.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const { title, content, img, styles, onDark, icon } = Astro.props;
2222
<img class="h-[72px] w-[72px] xl:h-[90px] xl:w-[90px]" src={icon} alt={icon}>
2323
<div>
2424
<h3 class="font-medium text-[28px] md:text-4xl leading-[30px] md:leading-10 mb-7">{title}</h3>
25-
<p set:html={content.html} class="text-base leading-7" />
25+
<div class="text-base leading-7 antialiased" set:html={content.html}></div>
2626
</div>
2727
</div>
2828
<div class="flex justify-center">

‎apps/website/src/components/hero.astro‎

Lines changed: 52 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -14,52 +14,67 @@ import Section from "./Section.astro";
1414
<img src="/croco-13.png" alt="" class="" />
1515
</div>
1616
<div
17-
class="row-start-3 md:row-start-2
18-
col-start-1 md:col-start-1 md:col-span-12
17+
class="text-white my-auto
18+
col-start-1
1919
col-span-6
20+
row-start-3
21+
md:col-start-1
22+
md:col-span-12
23+
md:row-start-2
2024
xl:row-start-1
21-
xl:col-start-1 xl:col-span-6
22-
text-white my-auto
23-
px-12 pb-12 xl:pl-[104px] mx-0 z-10 xl:pr-0 xl:mt-0 xl:py-24"
25+
xl:col-start-1
26+
xl:col-span-6
27+
p-7
28+
!pt-0
29+
md:p-12
30+
xl:pl-[104px]
31+
mx-0 z-10
32+
xl:pr-0
33+
xl:mt-0
34+
xl:py-24"
2435
>
25-
<div
26-
class="text-[16px] leading-4 w-full text-center pb-2 lg:pb-4 xl:pt-[92px] md:py-0 lg:px-0 z-10"
27-
>
28-
<Pill>More than a developer agency</Pill>
36+
<div class="w-full pb-2 lg:pb-4 xl:pt-[92px] md:py-0 lg:px-0 z-10">
37+
<Pill className="max-md:text-sm">More than a developer agency</Pill>
2938
</div>
3039
<h1
31-
class="font-normal text-3xl leading-9 md:text-[54px] md:leading-[60px]"
40+
class="font-normal text-[32px] leading-9 md:text-[54px] md:leading-[60px] tracking-tight"
3241
>
33-
<span class="fadeInUp" style="animation-delay: 100ms;"
34-
>Building Software That Builds Your Business</span
42+
<span class="fadeInUp" style="animation-delay: 100ms;">
43+
Building Software</span
44+
>
45+
<span
46+
class="fadeInUp"
47+
style="animation-delay: 500ms;animation-fill-mode: backwards;"
3548
>
36-
<div
37-
class="text-[16px] leading-[26px] md:text-[22px] md:leading-8 sm:text-xl lg:text-2xl py-7 font-light"
49+
That Builds Your Business</span
3850
>
39-
<span
40-
class="fadeInUp"
41-
style="animation-delay: 900ms;animation-fill-mode: backwards;"
42-
>Experienced tech consultancy delivering enterprise-grade web
43-
development</span
44-
>
45-
</div>
46-
<div class="flex flex-col sm:flex-row gap-[10px]">
47-
<a
48-
id="book-a-call-action-hero"
49-
class="flex font-medium w-fit h-[61px] items-center px-4 py-2 rounded-md text-base text-center whitespace-nowrap bg-crocoder-yellow text-contrast hover:opacity-90"
50-
href="#book-a-call-section"
51-
>
52-
Book a call
53-
</a>
54-
<a
55-
id="discover-our-solutions-action-hero"
56-
href="#discover-our-services"
57-
class="flex font-medium w-fit h-[61px] items-center px-4 py-2 bg-white rounded-md text-base text-center whitespace-nowrap text-contrast hover:text-gray-700 hover:opacity-90"
58-
>
59-
Discover our solutions
60-
</a>
61-
</div>
6251
</h1>
52+
<div
53+
class="text-[16px] leading-[26px] md:text-[22px] md:leading-8 sm:text-xl lg:text-2xl py-7 font-light tracking-normal"
54+
>
55+
<span
56+
class="fadeInUp"
57+
style="animation-delay: 900ms;animation-fill-mode: backwards;"
58+
>Experienced tech consultancy delivering enterprise-grade web
59+
development</span
60+
>
61+
</div>
62+
<div class="flex flex-col sm:flex-row gap-[10px]">
63+
<a
64+
id="book-a-call-action-hero"
65+
class="flex font-medium w-fit h-[61px] items-center px-4 py-2 rounded-md text-base text-center whitespace-nowrap bg-crocoder-yellow text-contrast hover:opacity-90"
66+
href="#book-a-call-section"
67+
>
68+
Book a call
69+
</a>
70+
<a
71+
id="discover-our-solutions-action-hero"
72+
href="#discover-our-services"
73+
class="flex font-medium w-fit h-[61px] items-center px-4 py-2 bg-white rounded-md text-base text-center whitespace-nowrap text-contrast hover:text-gray-700 hover:opacity-90"
74+
>
75+
Discover our solutions
76+
</a>
77+
</div>
6378
</div>
6479
</div>
6580
</Section>
@@ -79,5 +94,4 @@ import Section from "./Section.astro";
7994
.forEach((element) =>
8095
element.addEventListener("click", handleActionHeroClick),
8196
);
82-
8397
</script>

‎apps/website/src/content/testimonials/1raphael-bauer.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@ name: "Raphael Bauer"
44
title: "CTO"
55
company: "Interim"
66
---
7+
CroCoder is one of the **most trusted partners** in my network. We have successfully completed multiple projects in the past. I highly recommend CroCoder - **their team is exceptional** and they will offer you outstanding support for your projects. I look forward to future collaborations with CroCoder!
78

8-
CroCoder is one of the most trusted partners in my network. We have successfully completed multiple projects in the past. I highly recommend CroCoder - their team is exceptional and they will offer you outstanding support for your projects. I look forward to future collaborations with CroCoder!

‎apps/website/src/content/testimonials/2paul-jeszensky.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@ name: "Paul Jeszenszky"
44
title: "co-founder & CEO"
55
company: "Submix"
66
---
7+
We have found **the perfect extension of our team** with CroCoder. We operate as one team, celebrating our wins and working through the challenges together. They “own” the roadmap, deadlines and outcomes with us - from the ideation and direction stages through to post-launch optimization.
78

8-
We have found the perfect extension of our team with CroCoder. We operate as one team, celebrating our wins and working through the challenges together. They “own” the roadmap, deadlines and outcomes with us - from the ideation and direction stages through to post-launch optimization.

‎apps/website/src/content/testimonials/3michele.md‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,4 @@ name: "Michele Rattotti"
44
title: "Project Manager"
55
company: "4evergreen"
66
---
7-
8-
We were impressed by the proactive attitude [of CroCoder] and capacity to turn theory into practice. Their support and assistance was very timely and precise, always followed by concrete implementing steps. The small team has a strong multidisciplinary background and proved a good attitude to work in team with other consultants
7+
We were impressed by the proactive attitude [of CroCoder] and capacity to **turn theory into practice**. Their support and assistance was very timely and precise, always followed by concrete implementing steps. The small team has a **strong multidisciplinary background** and proved **a good attitude** to work in team with other consultants

‎apps/website/src/pages/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@ import "../styles/main.css";
1616
<Hero />
1717
<Clients />
1818
<Values />
19-
<Services />
2019
<Testimonial />
20+
<Services />
2121
<BookACallForm>
2222
<span slot="title">
2323
Build Your Business <span class="text-crocoder-yellow"> With Us </span>

0 commit comments

Comments
 (0)