Update src/app/page.tsx

2025-12-22 14:33:09 +00:00 · 2025-12-22 11:06:51 +00:00 · 2025-12-22 11:03:56 +00:00 · 2025-12-22 11:03:55 +00:00 · 2025-12-22 11:01:25 +00:00 · 2025-12-22 10:58:22 +00:00
3 changed files with 38 additions and 49 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */
-  --background: #f1f7f9;;
+  --background: #ffffff;
-  --card: #ebf2f5;;
+  --card: #fafafa;
-  --foreground: #404548;;
+  --foreground: #000000;
-  --primary-cta: #a0c4d4;;
+  --primary-cta: #ffcc00;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffffff;
-  --accent: #c8dce8;;
+  --accent: #000000;
-  --background-accent: #8fb0c4;;
+  --background-accent: #f5f5f5;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-playfair-display), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-playfair-display), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { Playfair_Display } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-const playfairDisplay = Playfair_Display({
+const inter = Inter({
-  variable: "--font-playfair-display",
+  variable: "--font-inter",
  subsets: ["latin"],
 });
@@ -39,7 +39,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${playfairDisplay.variable} antialiased`}
+          className={`${inter.variable} antialiased`}
        >
          <Tag />
          {children}
@@ -1265,4 +1265,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
-"use client"
+"use client";
 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>
@@ -178,7 +167,7 @@ export default function LandingPage() {
              value: "2,500+",
              title: "Students Trained",
              description: "Graduates learning coding worldwide",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320177542-9om9tyxf.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766401281537-bd695c8y.jpg",
              imageAlt: "Students celebrating success"
            },
            {
@@ -345,4 +334,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
development	02378bfda3	Update src/app/page.tsx	2025-12-22 14:33:09 +00:00
development	98b9baca87	Update src/app/page.tsx	2025-12-22 11:06:51 +00:00
development	6ad5da0ea7	Update src/app/page.tsx	2025-12-22 11:03:56 +00:00
development	1ca3632967	Update src/app/layout.tsx	2025-12-22 11:03:55 +00:00
development	f69fcefcf4	Update src/app/page.tsx	2025-12-22 11:01:25 +00:00
development	fc3cd3594a	Update src/app/page.tsx	2025-12-22 10:58:22 +00:00
development	8838c0adb7	Update src/app/layout.tsx	2025-12-22 10:58:22 +00:00
development	073657ae05	Update src/app/globals.css	2025-12-22 10:58:21 +00:00