Update src/app/page.tsx

src/app/layout.tsx

@@ -1265,4 +1265,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -3,7 +3,7 @@
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
@@ -44,12 +44,10 @@ export default function LandingPage() {
         <HeroLogoBillboardSplitImage
           logoText="FUTURE GREAT CODER"
           description="Learn coding from industry experts. Master Python, JavaScript, Web Development, and more. Transform your future with practical coding skills that matter in today's tech industry."
-          buttons={[
+          buttons={[{ text: "Start Learning", href: "#pricing" },
-            { text: "Start Learning", href: "#pricing" },
+            { text: "Learn More", href: "#about" }]}
-            { text: "Learn More", href: "#about" }
-          ]}
           layoutOrder="default"
-          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400729817-xua7356z.png"
+          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
           splitImageAlt="Student learning to code"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400730808-6l24nyjr.jpg"
           imageAlt="Modern coding classroom"
@@ -72,36 +70,27 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardEighteen
+        <FeatureCardSix
           title="Traditional vs Modern Learning"
           description="See how our innovative approach transforms coding education"
-          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          negativeCard={{
+          features={[
-            title: "Traditional Approach",
+            {
-            items: [
+              id: 1,
-              "Outdated curriculum",
+              title: "Traditional Approach",
-              "Passive learning",
+              description: "Outdated curriculum, passive learning, limited real-world projects, one-size-fits-all pace, and theory without practice hold students back from developing practical skills.",
-              "Limited real-world projects",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400731841-8k7ivtzl.jpg",
-              "One-size-fits-all pace",
+              imageAlt: "Traditional learning"
-              "Theory without practice"
+            },
-            ],
+            {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400731841-8k7ivtzl.jpg",
+              id: 2,
-            imageAlt: "Traditional learning"
+              title: "Our Modern Method",
-          }}
+              description: "Current industry standards, hands-on interactive learning, real portfolio projects, personalized learning pace, and theory plus practical application create a comprehensive and effective learning experience.",
-          positiveCard={{
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400732838-4uulpve1.jpg",
-            title: "Our Modern Method",
+              imageAlt: "Modern coding education"
-            items: [
+            }
-              "Current industry standards",
+          ]}
-              "Hands-on interactive learning",
-              "Real portfolio projects",
-              "Personalized learning pace",
-              "Theory plus practical application"
-            ],
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400732838-4uulpve1.jpg",
-            imageAlt: "Modern coding education"
-          }}
         />
       </div>
 
@@ -345,4 +334,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}