day by day we grow

PrashantUnity · PrashantUnity · commit 8bb064d4a56c · 2026-05-30T12:36:19.000+05:30
diff --git a/assets/css/modern-dark-theme.css b/assets/css/modern-dark-theme.css
@@ -1015,11 +1015,9 @@
   background-color: rgb(15 23 42) !important;
 }
 
-[data-theme="dark"] body.home-page .home-why__eyebrow {
-  background-color: rgb(30 41 59) !important;
-  border-color: rgb(51 65 85) !important;
-  color: rgb(203 213 225) !important;
-  box-shadow: none;
+[data-theme="dark"] body.home-page .home-why__hero {
+  border-color: rgb(71 85 105 / 0.8);
+  background-image: linear-gradient(to bottom right, rgb(30 41 59), rgb(15 23 42), rgb(30 41 59));
 }
 
 [data-theme="dark"] body.home-page .home-why__title,
diff --git a/assets/css/modern-glass-theme.css b/assets/css/modern-glass-theme.css
@@ -293,6 +293,7 @@
 
 /* ── Hero panels (have bg-gradient-to-br — must also clear background-image) ── */
 [data-theme="glass"] body .browse-index__hero,
+[data-theme="glass"] body .home-why__hero,
 [data-theme="glass"] body .about-hero__panel,
 [data-theme="glass"] body .about-cta__panel {
   background-image: none !important;
@@ -419,13 +420,6 @@
   background-color: transparent !important;
 }
 
-[data-theme="glass"] body .home-why__eyebrow {
-  background-color: rgba(255, 255, 255, 0.65) !important;
-  border-color: rgba(255, 255, 255, 0.6) !important;
-  -webkit-backdrop-filter: blur(16px);
-  backdrop-filter: blur(16px);
-}
-
 /* ── Site beta tag ── */
 [data-theme="glass"] body .site-beta-tag {
   color: #0284c7 !important;
@@ -895,6 +889,7 @@
   [data-theme="glass"] body .home-why__perk,
   [data-theme="glass"] body .home-faq-scroll,
   [data-theme="glass"] body .browse-index__hero,
+  [data-theme="glass"] body .home-why__hero,
   [data-theme="glass"] body .about-hero__panel,
   [data-theme="glass"] body .about-cta__panel {
     background-color: rgba(255, 255, 255, 0.96) !important;
@@ -919,6 +914,7 @@
   [data-theme="glass"] body .home-why__perk,
   [data-theme="glass"] body .home-faq-scroll,
   [data-theme="glass"] body .browse-index__hero,
+  [data-theme="glass"] body .home-why__hero,
   [data-theme="glass"] body .about-hero__panel,
   [data-theme="glass"] body .about-cta__panel {
     background-color: rgba(255, 255, 255, 0.97) !important;
diff --git a/assets/css/modern-light-theme.css b/assets/css/modern-light-theme.css
@@ -268,6 +268,7 @@
 }
 
 [data-theme="light"] body .browse-index__hero,
+[data-theme="light"] body .home-why__hero,
 [data-theme="light"] body .about-hero__panel,
 [data-theme="light"] body .about-cta__panel {
   background-color: #ffffff !important;
@@ -301,7 +302,6 @@
   box-shadow: var(--light-shadow-card-hover) !important;
 }
 
-[data-theme="light"] body .home-why__eyebrow,
 [data-theme="light"] body .home-testimonials__eyebrow {
   background-color: #ffffff !important;
   border-color: #e2e8f0 !important;
diff --git a/assets/css/tailwind-input.css b/assets/css/tailwind-input.css
@@ -106,6 +106,10 @@
     @apply absolute top-1/2 z-10 -translate-y-1/2;
   }
 
+  .home-hero__nav-btn.home-hero__nav-btn--side {
+    @apply hidden md:flex;
+  }
+
   .home-hero__nav-btn--prev {
     @apply left-3 sm:left-5 md:left-8;
   }
@@ -137,7 +141,7 @@
   }
 
   .home-hero__nav-btn {
-    @apply flex h-11 w-11 shrink-0 items-center justify-center rounded-full border border-slate-200/90 bg-white/90 text-slate-600 shadow-sm transition-colors;
+    @apply h-11 w-11 shrink-0 items-center justify-center rounded-full border border-slate-200/90 bg-white/90 text-slate-600 shadow-sm transition-colors;
     @apply hover:border-slate-300 hover:bg-white hover:text-slate-900 focus:outline-none focus:ring-2 focus:ring-brand/20;
   }
 
@@ -1527,19 +1531,23 @@
   }
 
   .home-why__header {
-    @apply shrink-0;
+    @apply mb-12 shrink-0;
   }
 
-  .home-why__eyebrow {
-    @apply inline-block px-4 py-1.5 mb-6 text-sm font-medium text-slate-700 bg-white rounded-full border border-gray-200 shadow-sm;
+  .home-why__hero {
+    @apply relative overflow-hidden rounded-2xl border border-gray-200/80 bg-gradient-to-br from-white via-slate-50/80 to-sky-50/40 shadow-sm md:rounded-3xl;
+  }
+
+  .home-why__hero-inner {
+    @apply relative z-10 px-6 py-8 text-center sm:px-10 sm:py-10;
   }
 
   .home-why__title {
-    @apply text-4xl font-bold tracking-tight text-slate-900 mb-6 md:text-[44px];
+    @apply text-3xl font-bold tracking-tight text-slate-900 md:text-4xl;
   }
 
   .home-why__intro {
-    @apply mx-auto max-w-2xl text-lg leading-relaxed text-slate-500;
+    @apply mx-auto mt-3 max-w-2xl text-base leading-relaxed text-slate-600 md:text-lg;
   }
 
   .home-why__grid {
@@ -1551,10 +1559,6 @@
     @apply hover:border-slate-200 hover:bg-white;
   }
 
-  .home-why__card-icon {
-    @apply mb-3 block text-2xl leading-none;
-  }
-
   .home-why__card-title {
     @apply mb-2 text-lg font-bold text-slate-900;
   }
diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -284,4 +284,4 @@
 - id: faq_no_results_before
   translation: "No questions match your search. Try different keywords or"
 - id: faq_no_results_after
-  translation: "for help."
+  translation: "for help."
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
@@ -284,4 +284,4 @@
 - id: faq_no_results_before
   translation: "Aucune question ne correspond à votre recherche. Essayez d'autres mots-clés ou"
 - id: faq_no_results_after
-  translation: "pour obtenir de l'aide."
+  translation: "pour obtenir de l'aide."
diff --git a/i18n/hi.yaml b/i18n/hi.yaml
@@ -284,4 +284,4 @@
 - id: faq_no_results_before
   translation: "आपकी खोज से कोई प्रश्न मेल नहीं खाता। दूसरे कीवर्ड आज़माएँ या"
 - id: faq_no_results_after
-  translation: "करके सहायता लें।"
+  translation: "करके सहायता लें।"
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
@@ -284,4 +284,4 @@
 - id: faq_no_results_before
   translation: "検索に一致する質問がありません。別のキーワードを試すか、"
 - id: faq_no_results_after
-  translation: "してサポートを受けてください。"
+  translation: "してサポートを受けてください。"
diff --git a/layouts/partials/home/faq.html b/layouts/partials/home/faq.html
@@ -2,7 +2,7 @@
 {{- if $data.faq.faqs -}}
 <section id="faq" data-section-label="FAQ" class="flex flex-col bg-gray-50/50 relative pt-24 pb-12 home-faq" aria-labelledby="faq-heading">
   <div class="max-w-3xl mx-auto px-4 w-full h-full flex flex-col min-h-0">
-    {{ partial "faq/accordion.html" (dict "page" . "headingLevel" "h2" "headingId" "faq-heading" "showEyebrow" true "showTitle" true) }}
+    {{ partial "faq/accordion.html" (dict "page" . "headingLevel" "h2" "headingId" "faq-heading" "showEyebrow" false "showTitle" true) }}
   </div>
 </section>
 {{- end -}}
diff --git a/layouts/partials/home/hero.html b/layouts/partials/home/hero.html
@@ -48,10 +48,10 @@ <h1 id="ladybug-h1-bite-target" class="max-w-4xl mx-auto text-5xl md:text-6xl fo
   {{ partial "home/search-trigger.html" (dict "placeholder" $placeholder "size" "lg") }}
 
   {{- if gt (len $slides) 1 -}}
-  <button type="button" id="hero-carousel-prev" class="home-hero__nav-btn home-hero__nav-btn--side home-hero__nav-btn--prev" aria-label="Previous slide">
+  <button type="button" id="hero-carousel-prev" class="home-hero__nav-btn home-hero__nav-btn--side home-hero__nav-btn--prev max-md:hidden md:flex" aria-label="Previous slide">
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" width="20" height="20" aria-hidden="true"><polyline points="15 18 9 12 15 6"/></svg>
   </button>
-  <button type="button" id="hero-carousel-next" class="home-hero__nav-btn home-hero__nav-btn--side home-hero__nav-btn--next" aria-label="Next slide">
+  <button type="button" id="hero-carousel-next" class="home-hero__nav-btn home-hero__nav-btn--side home-hero__nav-btn--next max-md:hidden md:flex" aria-label="Next slide">
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" width="20" height="20" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg>
   </button>
   <div id="carousel-indicators" class="home-hero__indicators" role="tablist" aria-label="Hero slides"></div>
diff --git a/layouts/partials/home/why.html b/layouts/partials/home/why.html
@@ -2,12 +2,15 @@
 {{- $why := $data.homepage.why -}}
 {{- if $why -}}
 <section id="why" data-section-label="Why us" class="home-why flex flex-col justify-center gap-12 relative pt-24 pb-16" aria-labelledby="why-heading">
-  <header class="home-why__header max-w-4xl mx-auto px-4 w-full text-center">
-    <p class="home-why__eyebrow m-0">Why CodeFryDev</p>
-    <h2 id="why-heading" class="home-why__title m-0">{{ $why.title | default "Why Choose CodeFryDev?" }}</h2>
-    {{- with $why.intro -}}
-    <p class="home-why__intro m-0">{{ . }}</p>
-    {{- end -}}
+  <header class="home-why__header max-w-3xl mx-auto px-4 w-full">
+    <div class="home-why__hero">
+      <div class="home-why__hero-inner">
+        <h2 id="why-heading" class="home-why__title m-0">{{ $why.title | default "Why Choose CodeFryDev?" }}</h2>
+        {{- with $why.intro -}}
+        <p class="home-why__intro m-0">{{ . }}</p>
+        {{- end -}}
+      </div>
+    </div>
   </header>
 
   {{- with $why.highlights -}}
@@ -18,7 +21,6 @@ <h2 id="why-heading" class="home-why__title m-0">{{ $why.title | default "Why Ch
     {{- range . -}}
     <div class="min-h-0" role="listitem">
       <article class="home-why__card h-full">
-        {{- with .icon -}}<span class="home-why__card-icon" aria-hidden="true">{{ . }}</span>{{ end -}}
         <h3 class="home-why__card-title m-0">{{ .title }}</h3>
         <p class="home-why__card-text m-0">{{ .text | markdownify }}</p>
       </article>
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -115,12 +115,12 @@ module.exports = {
     'browse-hub-grid',
     'home-why',
     'home-why__header',
+    'home-why__hero',
+    'home-why__hero-inner',
     'home-why__grid',
-    'home-why__eyebrow',
     'home-why__title',
     'home-why__intro',
     'home-why__card',
-    'home-why__card-icon',
     'home-why__card-title',
     'home-why__card-text',
     'home-why__perks',

Original file line number	Diff line number	Diff line change
`@@ -1015,11 +1015,9 @@`
`1015`	`1015`	`background-color: rgb(15 23 42) !important;`
`1016`	`1016`	`}`
`1017`	`1017`
`1018`		`-[data-theme="dark"] body.home-page .home-why__eyebrow {`
`1019`		`- background-color: rgb(30 41 59) !important;`
`1020`		`- border-color: rgb(51 65 85) !important;`
`1021`		`- color: rgb(203 213 225) !important;`
`1022`		`- box-shadow: none;`
	`1018`	`+[data-theme="dark"] body.home-page .home-why__hero {`
	`1019`	`+ border-color: rgb(71 85 105 / 0.8);`
	`1020`	`+ background-image: linear-gradient(to bottom right, rgb(30 41 59), rgb(15 23 42), rgb(30 41 59));`
`1023`	`1021`	`}`
`1024`	`1022`
`1025`	`1023`	`[data-theme="dark"] body.home-page .home-why__title,`
Original file line number	Diff line number	Diff line change
`@@ -268,6 +268,7 @@`
`268`	`268`	`}`
`269`	`269`
`270`	`270`	`[data-theme="light"] body .browse-index__hero,`
	`271`	`+[data-theme="light"] body .home-why__hero,`
`271`	`272`	`[data-theme="light"] body .about-hero__panel,`
`272`	`273`	`[data-theme="light"] body .about-cta__panel {`
`273`	`274`	`background-color: #ffffff !important;`
`@@ -301,7 +302,6 @@`
`301`	`302`	`box-shadow: var(--light-shadow-card-hover) !important;`
`302`	`303`	`}`
`303`	`304`
`304`		`-[data-theme="light"] body .home-why__eyebrow,`
`305`	`305`	`[data-theme="light"] body .home-testimonials__eyebrow {`
`306`	`306`	`background-color: #ffffff !important;`
`307`	`307`	`border-color: #e2e8f0 !important;`
Original file line number	Diff line number	Diff line change
`@@ -106,6 +106,10 @@`
`106`	`106`	`@apply absolute top-1/2 z-10 -translate-y-1/2;`
`107`	`107`	`}`
`108`	`108`
	`109`	`+ .home-hero__nav-btn.home-hero__nav-btn--side {`
	`110`	`+ @apply hidden md:flex;`
	`111`	`+ }`
	`112`	`+`
`109`	`113`	`.home-hero__nav-btn--prev {`
`110`	`114`	`@apply left-3 sm:left-5 md:left-8;`
`111`	`115`	`}`
`@@ -137,7 +141,7 @@`
`137`	`141`	`}`
`138`	`142`
`139`	`143`	`.home-hero__nav-btn {`
`140`		`- @apply flex h-11 w-11 shrink-0 items-center justify-center rounded-full border border-slate-200/90 bg-white/90 text-slate-600 shadow-sm transition-colors;`
	`144`	`+ @apply h-11 w-11 shrink-0 items-center justify-center rounded-full border border-slate-200/90 bg-white/90 text-slate-600 shadow-sm transition-colors;`
`141`	`145`	`@apply hover:border-slate-300 hover:bg-white hover:text-slate-900 focus:outline-none focus:ring-2 focus:ring-brand/20;`
`142`	`146`	`}`
`143`	`147`
`@@ -1527,19 +1531,23 @@`
`1527`	`1531`	`}`
`1528`	`1532`
`1529`	`1533`	`.home-why__header {`
`1530`		`- @apply shrink-0;`
	`1534`	`+ @apply mb-12 shrink-0;`
`1531`	`1535`	`}`
`1532`	`1536`
`1533`		`- .home-why__eyebrow {`
`1534`		`- @apply inline-block px-4 py-1.5 mb-6 text-sm font-medium text-slate-700 bg-white rounded-full border border-gray-200 shadow-sm;`
	`1537`	`+ .home-why__hero {`
	`1538`	`+ @apply relative overflow-hidden rounded-2xl border border-gray-200/80 bg-gradient-to-br from-white via-slate-50/80 to-sky-50/40 shadow-sm md:rounded-3xl;`
	`1539`	`+ }`
	`1540`	`+`
	`1541`	`+ .home-why__hero-inner {`
	`1542`	`+ @apply relative z-10 px-6 py-8 text-center sm:px-10 sm:py-10;`
`1535`	`1543`	`}`
`1536`	`1544`
`1537`	`1545`	`.home-why__title {`
`1538`		`- @apply text-4xl font-bold tracking-tight text-slate-900 mb-6 md:text-[44px];`
	`1546`	`+ @apply text-3xl font-bold tracking-tight text-slate-900 md:text-4xl;`
`1539`	`1547`	`}`
`1540`	`1548`
`1541`	`1549`	`.home-why__intro {`
`1542`		`- @apply mx-auto max-w-2xl text-lg leading-relaxed text-slate-500;`
	`1550`	`+ @apply mx-auto mt-3 max-w-2xl text-base leading-relaxed text-slate-600 md:text-lg;`
`1543`	`1551`	`}`
`1544`	`1552`
`1545`	`1553`	`.home-why__grid {`
`@@ -1551,10 +1559,6 @@`
`1551`	`1559`	`@apply hover:border-slate-200 hover:bg-white;`
`1552`	`1560`	`}`
`1553`	`1561`
`1554`		`- .home-why__card-icon {`
`1555`		`- @apply mb-3 block text-2xl leading-none;`
`1556`		`- }`
`1557`		`-`
`1558`	`1562`	`.home-why__card-title {`
`1559`	`1563`	`@apply mb-2 text-lg font-bold text-slate-900;`
`1560`	`1564`	`}`