diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css index 05af726056..b29ab1defd 100644 --- a/blocks/carousel/carousel.css +++ b/blocks/carousel/carousel.css @@ -417,7 +417,6 @@ right: 0; } -.section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>h1, .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>p { display: none } @@ -455,6 +454,20 @@ background-repeat: no-repeat; } +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1>strong { + color: var(--black); + font-family: "Nunito-Extrabold", sans-serif; + font-size: 3rem; + font-weight: 800; + line-height: 60px; + margin-bottom: 16px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1>strong { + display: block; +} + @media (min-width:1024px) and (max-width:1366px) { .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture img { width: 312px; @@ -694,6 +707,13 @@ .section.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser.carousel-item.slide-background-light-blue { background-image: url("/images/banner2-background-image-mobile.png"); } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>h1>strong { + font-size: 1.5rem; + line-height: 32px; + margin-bottom: unset; + } } @media screen and (max-width:767px) { @@ -732,19 +752,10 @@ .section.banner-carousel-wrapper.self-employed-banner .carousel-wrapper .panel-container .teaser.block>.background .front-picture { right: 10px; } - .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>h1, .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>p { display: block; } - .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>h1 { - color: var(--black); - font-family: "Nunito-Extrabold", sans-serif; - font-size: 1.5rem; - font-weight: 800; - line-height: 32px; - margin: unset; - } .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>p { color: var(--gradient-gray); font-family: "Nunito-Regular", sans-serif; @@ -753,8 +764,6 @@ line-height: 20px; margin-top: 12px; } - .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .title>h1, - .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .eyebrow, .section.banner-carousel-wrapper.business-loan-mob-text-banner .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>p { display: none; } @@ -779,6 +788,10 @@ .section.banner-carousel-wrapper.breadcrumb-container.breadcrumb-handle-scroll .carousel-wrapper .panel-container .teaser.block>.background .foreground .text { padding-top: 40px; } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.carousel-heading-inline-mob>.background .foreground .text .long-description>h1>strong { + display: inline; + } } @media (min-width: 768px) and (max-width: 1024px) { diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css index 33562e898c..7edfdaeb6d 100644 --- a/blocks/footer/footer.css +++ b/blocks/footer/footer.css @@ -153,6 +153,7 @@ footer.footer-wrapper .footer { .footer-section-second ul > li > ul > li>a, .footer-section-second ul > li > ul > li>a>sub{ font-size: 1rem; + line-height: 1.5rem; color: #fff; margin-top: 0.5rem; font-family: "Nunito-Regular"; diff --git a/blocks/keyfeatures/keyfeatures.css b/blocks/keyfeatures/keyfeatures.css index e72afabfc8..36cfe9c36a 100644 --- a/blocks/keyfeatures/keyfeatures.css +++ b/blocks/keyfeatures/keyfeatures.css @@ -141,7 +141,8 @@ padding-left: 16px; } -.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:first-child{ +.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:first-child, +.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p { color: #666; font-family: Nunito-Regular, sans-serif; font-size: 0.875rem; diff --git a/blocks/schema-tag/schema-tag.css b/blocks/schema-tag/schema-tag.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/schema-tag/schema-tag.js b/blocks/schema-tag/schema-tag.js new file mode 100644 index 0000000000..b1dd606a8a --- /dev/null +++ b/blocks/schema-tag/schema-tag.js @@ -0,0 +1,30 @@ +export default function decorate(block) { + // document.head += (block.textContent); + + // const schema = { + // "@context": "https://schema.org", + // "@type": "Organization", + // "name": "Apply for a Home loan online with Piramal Finance 1 ", + // "url": "https://www.piramalfinance.com/", + // "logo": "/", + // "contactPoint": { + // "@type": "ContactPoint", + // "telephone": "1800-266-9777", + // "contactType": "customer service", + // "areaServed": "IN", + // "availableLanguage": "en" + // }, + // "sameAs": [ + // "https://www.facebook.com/pf", + // "https://twitter.com/pf", + // "https://www.instagram.com/pf/", + // "https://www.youtube.com/pfInsurance", + // "https://www.linkedin.com/company/pf" + // ] + // } + const script = document.createElement('script') + script.type = "application/ld+json"; + script.innerHTML = block.textContent; + block.innerHTML = ''; + document.head.append(script) +} \ No newline at end of file diff --git a/blocks/teaser/teaser.js b/blocks/teaser/teaser.js index 09d768b2e9..f433c80754 100644 --- a/blocks/teaser/teaser.js +++ b/blocks/teaser/teaser.js @@ -123,9 +123,9 @@ export function generateTeaserDOM(props, classes) { teaserDOM?.querySelectorAll("a").forEach(function (el, index) { el.addEventListener("click", function (e) { try { - if(!e.target.closest(".calc-desktop-carousel-wrapper")){ - if (index || e.target.closest(".cta")) { - bannerClick(e.target.innerText, targetObject.pageName); + if (!e.target.closest(".calc-desktop-carousel-wrapper")) { + if (index || e.target.closest(".cta")) { + bannerClick(e.target.innerText, targetObject.pageName); } } else if (this.closest('.carousel-articles-wrapper')) { readMoreAnalytics(e); @@ -136,13 +136,13 @@ export function generateTeaserDOM(props, classes) { data.click_text = e.target.closest('.long-description').querySelector('p').textContent.trim(); data.cta_position = e.target.closest('.section').querySelector('.tab-name-wrapper .carousel-inner .active').textContent.trim(); ctaClickInteraction(data); - } else if(e.target.closest(".calc-desktop-carousel-wrapper")){ + } else if (e.target.closest(".calc-desktop-carousel-wrapper")) { let data = {}; - data.click_text =e.target.closest(".text").querySelector(".long-description p").textContent.trim(); + data.click_text = e.target.closest(".text").querySelector(".long-description p").textContent.trim(); data.cta_position = e.target.closest('.section').querySelector('.default-content-wrapper').textContent.trim(); ctaClickInteraction(data); } - else { + else { applyLoanNow( eyebrow.textContent.trim() + " " + title.textContent.trim(), targetObject.pageName, diff --git a/component-definition.json b/component-definition.json index 9976af06c4..be03d35f9d 100644 --- a/component-definition.json +++ b/component-definition.json @@ -1004,6 +1004,21 @@ } } } + }, + { + "title": "Schema Tag", + "id": "schema-tag", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Schema Tag", + "model": "schema-tag" + } + } + } + } } ] } diff --git a/component-filters.json b/component-filters.json index b705900034..1bf48fc8fc 100644 --- a/component-filters.json +++ b/component-filters.json @@ -60,6 +60,7 @@ "testimonial", "financialreports", "faq", + "schema-tag", "offer-documents", "carousel", "teaser", diff --git a/component-models.json b/component-models.json index 0a7c881819..3f8e09d0cd 100644 --- a/component-models.json +++ b/component-models.json @@ -1300,6 +1300,10 @@ { "name": "video-component-carousel", "value": "video-component-carousel" + }, + { + "name": "carousel-heading-inline-mob", + "value": "carousel-heading-inline-mob" } ] }, @@ -2746,5 +2750,16 @@ "label": "URL Text" } ] + }, + { + "id": "schema-tag", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "schema-tag", + "label": "Schema Tag" + } + ] } -] \ No newline at end of file +] diff --git a/scripts/scripts.js b/scripts/scripts.js index 820e9f21b9..501acf5446 100644 --- a/scripts/scripts.js +++ b/scripts/scripts.js @@ -159,11 +159,11 @@ function decorateImageIcons(element, prefix = '') { let { href } = anchor; let imageName = ''; - if(href.includes('/play.google.com-s/')){ + if (href.includes('/play.google.com-s/')) { anchor.href = href.replace('play.google.com-s', "play.google.com"); - }else if(href.includes('/apps.apple.com-s/')){ + } else if (href.includes('/apps.apple.com-s/')) { anchor.href = href.replace('apps.apple.com-s', "apps.apple.com"); - }else if (href.includes('play.google.com')) { + } else if (href.includes('play.google.com')) { imageName = 'playstore'; } else if (href.includes('apps.apple.com')) { imageName = 'appstore'; @@ -855,7 +855,7 @@ export function showingStateCity(searchInputAll) { eachLi.classList.remove("dp-none"); }); }); -} +} setTimeout(() => { try { @@ -907,7 +907,7 @@ function renderSchema() { const schema = { "@context": "https://schema.org", "@type": "Organization", - "name": "Apply for a Home loan online with Piramal Finance ", + "name": "Apply for a Home loan online with Piramal Finance 1 ", "url": "https://www.piramalfinance.com/", "logo": "/", "contactPoint": { @@ -932,7 +932,7 @@ function renderSchema() { } renderSchema(); -export function getDay(){ +export function getDay() { const date = new Date(); const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; const currentDayOfWeek = daysOfWeek[date.getDay()]; @@ -940,18 +940,18 @@ export function getDay(){ } -export function branchURLStr(location = "", city = "", state = "", urlstrhand, locationcode = ""){ +export function branchURLStr(location = "", city = "", state = "", urlstrhand, locationcode = "") { let locationAdd = location?.replace(/\s+/g, "-").replace(/[()/]/g, "").trim().toLowerCase(); let cityStr = city?.replace(/\s+/g, "-").replace(/[()/]/g, "").trim().toLowerCase(); let stateStr = state?.replace(/\s+/g, "-").replace(/[()/]/g, "").trim().toLowerCase(); - if(urlstrhand == "shorthand"){ + if (urlstrhand == "shorthand") { return `/branch-locator/${stateStr}/${cityStr}`; - }else if(urlstrhand == "shorthandstate"){ + } else if (urlstrhand == "shorthandstate") { return `/branch-locator/${stateStr}`; - }else if(urlstrhand == "loans"){ - if(locationAdd == cityStr){ + } else if (urlstrhand == "loans") { + if (locationAdd == cityStr) { return `/branch-locator/loans-in-${cityStr}-${stateStr}-${locationcode}`; - }else{ + } else { return `/branch-locator/loans-in-${locationAdd}-${cityStr}-${stateStr}-${locationcode}`; } }