Skip to content

M
makura-2025
Commit 319d2a84 by Arjun Jhukal
Options

Merge branch 'feature/cta' into dev

parents 6c1b4490 e1ec7150
Showing with 166 additions and 2 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/img/cta-shape.svg 0 → 100644
<svg width="338" height="303" viewBox="0 0 338 303" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.1">
<path d="M115.062 93.7788L140.114 168.06L155.506 175.758L205.185 200.628L209.967 203.029L225.129 210.596L228.24 212.175L269.241 170.988L223.033 147.828L184.914 128.748L178.135 108.648L161.008 57.8883L149.12 22.5899L141.555 0.25293H83.4922L102.945 57.8883L115.062 93.7788Z" fill="url(#paint0_linear_5467_2224)"/>
<path d="M105.745 358.434V358.401L109.413 347.512L110.002 345.835L197.67 301.95L168.262 272.409L168.295 272.376L197.604 242.933L194.755 241.518L179.626 233.952L152.117 220.168L109.708 198.95V198.917L109.151 197.239L105.45 186.317L84.6551 124.636L58.6201 47.4268L0.589844 47.5912L5.53486 62.2962L14.7699 89.6664L39.8552 163.98L63.9581 235.4L64.9078 238.229L84.6223 248.098L133.123 272.376L133.09 272.409H133.385L84.9171 296.654L65.1698 306.523L64.2528 309.319L40.1172 380.804L15.0647 455.118L5.82959 482.455L0.851831 497.16H58.9148L59.8645 494.397L84.9171 420.149L105.745 358.434Z" fill="url(#paint1_linear_5467_2224)"/>
<path d="M373.278 283.431L384.281 272.41L384.248 272.377L373.147 261.225L342.527 230.467L303.949 191.681L265.175 230.664L234.522 261.423L223.65 272.377L223.617 272.41L234.621 283.431L265.24 314.222L303.949 353.073L342.625 314.222L373.278 283.431Z" fill="url(#paint2_linear_5467_2224)"/>
</g>
<defs>
<linearGradient id="paint0_linear_5467_2224" x1="621.549" y1="567.034" x2="160.57" y2="108.134" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
<linearGradient id="paint1_linear_5467_2224" x1="472.364" y1="716.912" x2="11.3515" y2="257.98" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
<linearGradient id="paint2_linear_5467_2224" x1="609.394" y1="579.24" x2="148.414" y2="120.34" gradientUnits="userSpaceOnUse">
<stop stop-color="#1616F7"/>
<stop offset="1" stop-color="#43B2E5"/>
</linearGradient>
</defs>
</svg>
dev/sass/base/_cta.scss 0 → 100644
.cta-wrapper {
margin-bottom: 64px;
.cta {
position: relative;
overflow: hidden;
padding: 32px;
border-radius: 16px;
.cta-content {
* {
color: var(--white);
}
h2,
h3 {
margin-bottom: 8px;
line-height: 48px;
}
p {
line-height: 28px;
}
a {
margin-top: 32px;
display: inline-block;
svg {
margin-left: 12px;
}
}
}
&.blue-cta {
background-color: $primary;
.cta-content {
a {
background-color: var(--white);
color: $primary;
&:hover {
color: var(--white);
}
}
}
}
&.black-cta {
background-color: $background-dark;
.cta-content {
a {
svg {
path {
fill: var(--white);
}
}
&:hover {
color: $primary;
svg {
path {
fill: $primary;
}
}
&::before {
background-color: var(--white);
}
}
}
}
}
&::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 337px;
height: 303px;
background: url("../img/cta-shape.svg") no-repeat bottom/contain;
}
}
}
@media (min-width:768px) {
.cta-wrapper {
margin-bottom: 84px;
.cta {
padding: 64px 72px;
.cta-content {
max-width: 82%;
}
}
}
}
\ No newline at end of file
dev/sass/style.scss
...@@ -71,4 +71,5 @@ $body-font: "Sora", sans-serif; ...@@ -71,4 +71,5 @@ $body-font: "Sora", sans-serif;
@import "pages/case-study/case-study-general"; @import "pages/case-study/case-study-general";
@import "pages/case-study/case-study-list"; @import "pages/case-study/case-study-list";
@import "pages/case-study/case-study-filter"; @import "pages/case-study/case-study-filter";
@import "pages/milestone"; @import "pages/milestone";
\ No newline at end of file @import "./base/cta";
\ No newline at end of file
page-templates/case-study-detail.php
...@@ -93,6 +93,43 @@ the_content(); ...@@ -93,6 +93,43 @@ the_content();
</div> </div>
</div> </div>
</section> </section>
<section class="cta-wrapper">
<div class="container">
<div class="cta blue-cta">
<div class="cta-content">
<h2>Ready to Boost Your SEO Like Lambda Payments?</h2>
<p>We helped Lambda Payments increase their organic traffic and visibility through strategic SEO and
technical fixes — and we can do the same for you.</p>
<a href="#"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Request
a Free SEO Audit <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
fill="#005AFF" />
</svg>
</a>
</div>
</div>
<div class="cta black-cta">
<div class="cta-content">
<h2>Ready to Boost Your SEO Like Lambda Payments?</h2>
<p>We helped Lambda Payments increase their organic traffic and visibility through strategic SEO and
technical fixes — and we can do the same for you.</p>
<a href="#"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Request
a Free SEO Audit <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
fill="#005AFF" />
</svg>
</a>
</div>
</div>
</div>
</section>
<?php <?php
get_template_part("/template-parts/home/milestone",null); get_template_part("/template-parts/home/milestone",null);
get_footer(); get_footer();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment