From d620ad45a4dc931c5f7455b8f233c9f48bf9fe61 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Mon, 11 May 2026 16:16:02 +0100
Subject: [PATCH] fix: section bg #FFFDFA, revert birthday card fills to
 green/orange

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/sections/BirthdayPricing.tsx | 14 +++++++-------
 src/components/sections/WhyParents.tsx      |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/sections/BirthdayPricing.tsx b/src/components/sections/BirthdayPricing.tsx
index 33a1978..e683dc8 100644
--- a/src/components/sections/BirthdayPricing.tsx
+++ b/src/components/sections/BirthdayPricing.tsx
@@ -65,7 +65,7 @@ export function BirthdayPricing({ packages, title, intro }: BirthdayPricingProps
   const activePackages = packages && packages.length > 0 ? packages : STATIC_PACKAGES
 
   return (
-    <section className="bg-[#fefaf6] py-[20px] md:py-[60px] lg:py-[40px]">
+    <section className="bg-[#fffdfa] py-[20px] md:py-[60px] lg:py-[40px]">
       <div className="mx-auto max-w-[1204px] px-8">
         <div className="mb-[40px] flex flex-col gap-5 md:mb-[60px]">
           <h2
@@ -151,7 +151,7 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
       <div
         className="relative w-full overflow-hidden rounded-[23.79px] lg:w-[362px]"
         style={{
-          backgroundColor: '#fffdfa',
+          backgroundColor: featured ? '#f28b4a' : '#396817',
           height: '756px',
           padding: '60px 40px 40px 40px',
           boxShadow: '0 4px 60px 0 rgba(242,139,74,0.25)',
@@ -164,15 +164,15 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
             style={{
               fontFamily: 'var(--font-montserrat, Montserrat), sans-serif',
               fontSize: 40,
-              color: featured ? '#f28b4a' : '#396817',
+              color: featured ? '#272727' : '#f28b4a',
               margin: 0,
             }}
           >
             {name}
           </p>
-          <div className="h-px w-full bg-[#396817]/15" />
+          <div className="h-px w-full bg-white" />
           <p
-            className="text-center leading-none text-[#272727]"
+            className="text-center leading-none text-white"
             style={{
               fontFamily: 'var(--font-inter, Inter), sans-serif',
               fontSize: 56,
@@ -184,7 +184,7 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
           </p>
           {priceLabel && (
             <p
-              className="-mt-4 text-center text-[14px] text-[#272727]/60"
+              className="-mt-4 text-center text-[14px] text-white/70"
               style={{ fontFamily: 'var(--font-inter, Inter), sans-serif' }}
             >
               {priceLabel}
@@ -203,7 +203,7 @@ function PricingCard({ pkg }: { pkg: BirthdayPackageCMS }) {
                 className="h-[30px] w-[30px] flex-none rounded-[24px] object-contain"
               />
               <span
-                className="text-[20px] leading-[1.5] font-medium text-[#272727]"
+                className="text-[20px] leading-[1.5] font-medium text-white"
                 style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
               >
                 {f.text}
diff --git a/src/components/sections/WhyParents.tsx b/src/components/sections/WhyParents.tsx
index dec2574..333d711 100644
--- a/src/components/sections/WhyParents.tsx
+++ b/src/components/sections/WhyParents.tsx
@@ -115,7 +115,7 @@ export function WhyParents({ items, sideGallery, title }: WhyParentsProps) {
   }, [])
 
   return (
-    <section className="py-[20px] md:py-[60px] lg:py-[40px]">
+    <section className="bg-[#fffdfa] py-[20px] md:py-[60px] lg:py-[40px]">
       <div className="mx-auto max-w-[1204px] px-8">
         <h2
           className="mb-[40px] text-[24px] font-bold text-[#272727] uppercase md:mb-[60px] md:text-[32px]"