From 5841481cd1c428f52cb3d89fcf1ecdd0850fea25 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 19:26:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e54939b..5e086d4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -44,6 +44,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="Master Graphic Design from Beginner to Professional"
           description="Learn design principles, typography, color theory, and industry-standard tools from experienced instructors. Build a stunning portfolio and launch your design career with confidence."
+          background={{ variant: "plain" }}
           tag="Learn Design Online"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -92,6 +93,8 @@ export default function LandingPage() {
           descriptionClassName="text-lg leading-relaxed max-w-2xl"
           buttonContainerClassName="flex gap-4 mt-8"
           buttonClassName="px-6 py-3 rounded-lg font-semibold"
+          textBoxClassName=""
+          mediaClassName=""
         />
       </div>
 
@@ -151,7 +154,7 @@ export default function LandingPage() {
             },
             {
               id: "course-2",              brand: "Intermediate",              name: "Advanced Typography & Branding",              price: "$149",              rating: 4.9,
-              reviewCount: "623",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Au5YClKSUS1OU6xDrDvnBVJIE0/an-intermediate-design-course-showcasing-1773429876501-da4f7ba4.png?_wi=1",              imageAlt: "Intermediate design course"
+              reviewCount: "623",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Au5YClKSUS1OU6xDrDvnBVJIE0/an-intermediate-design-course-showcasing-1773429876501-da4f7ba4.png",              imageAlt: "Intermediate design course"
             },
             {
               id: "course-3",              brand: "Advanced",              name: "Professional Portfolio Development",              price: "$199",              rating: 5,
@@ -160,8 +163,8 @@ export default function LandingPage() {
           ]}
           className="w-full py-20"
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold mb-6"
-          descriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold mb-6"
+          textBoxDescriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
           gridClassName="grid gap-6"
         />
       </div>
@@ -188,7 +191,7 @@ export default function LandingPage() {
                 "Access to all 15+ courses",                "1-on-1 mentorship sessions",                "Portfolio review feedback",                "Priority support",                "Certificate of completion",                "Exclusive project templates"
               ],
               button: { text: "Start Professional", href: "#" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Au5YClKSUS1OU6xDrDvnBVJIE0/an-intermediate-design-course-showcasing-1773429876501-da4f7ba4.png?_wi=2",              imageAlt: "Professional plan features"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Au5YClKSUS1OU6xDrDvnBVJIE0/an-intermediate-design-course-showcasing-1773429876501-da4f7ba4.png",              imageAlt: "Professional plan features"
             },
             {
               id: "master",              title: "Master",              price: "$149",              period: "per month",              features: [
@@ -199,8 +202,8 @@ export default function LandingPage() {
           ]}
           className="w-full py-20"
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold mb-6"
-          descriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold mb-6"
+          textBoxDescriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
           cardClassName="p-8 rounded-lg border"
           planTitleClassName="text-2xl font-bold mb-4"
           planPriceClassName="text-4xl font-bold mb-2"
@@ -250,8 +253,8 @@ export default function LandingPage() {
           ]}
           className="w-full py-20"
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold mb-6"
-          descriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold mb-6"
+          textBoxDescriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
           gridClassName="grid gap-6 md:grid-cols-2 lg:grid-cols-3"
         />
       </div>
@@ -289,8 +292,8 @@ export default function LandingPage() {
           ]}
           className="w-full py-20"
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold mb-6"
-          descriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold mb-6"
+          textBoxDescriptionClassName="text-lg leading-relaxed max-w-2xl mb-12"
           accordionContainerClassName="space-y-4"
           accordionClassName="border rounded-lg p-6"
         />