Update src/app/page.tsx

Update theme fonts
2026-04-21 08:57:34 +00:00 · 2026-04-21 08:55:03 +00:00 · 2026-04-21 08:55:02 +00:00 · 2026-04-21 08:54:27 +00:00 · 2026-04-21 08:54:27 +00:00 · 2026-04-21 08:53:53 +00:00
4 changed files with 28 additions and 26 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Montserrat } from "next/font/google";
+import { Manrope } from "next/font/google";
+import { Open_Sans } from "next/font/google";
+import { DM_Sans } from "next/font/google";



@@ -20,11 +23,16 @@ export const metadata: Metadata = {
  },
 };

-const montserrat = Montserrat({
-  variable: "--font-montserrat",  subsets: ["latin"],
+
+
+
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",
+  subsets: ["latin"],
 });
 const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+  variable: "--font-inter",
+  subsets: ["latin"],
 });

 export default function RootLayout({
@@ -35,7 +43,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
+        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroCentered from "@/components/sections/hero/HeroCentered";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
@@ -40,19 +40,13 @@ export default function Page() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroCentered
-          title="Master Finance From Basics to Expert"
+        <HeroOverlay
+          title="Gain Financial Mastery at Your Own Pace"
          description="Structured learning paths trusted by 10,000 professionals. Start with fundamentals, progress at your pace, achieve real financial confidence."
-          background={{ variant: "gradient-bars" }}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", alt: "Student" },
-            { src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-137772.jpg", alt: "Student" },
-            { src: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg", alt: "Student" },
-            { src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Student" },
-          ]}
-          avatarText="Trusted by 10,000+ professionals"
+          imageSrc="https://img.b2bpic.net/free-photo/team-work-process-young-business-managers-crew-working-with-new-startup-project-labtop-wood-table-typing-keyboard-texting-message-analyze-graph-plans_1253-799.jpg?id=1131477"
+          showBlur={true}
+          showDimOverlay={true}
          buttons={[{ text: "Choose Your Learning Path", href: "#pricing" }]}
-          buttonAnimation="slide-up"
        />
      </div>

@@ -133,8 +127,8 @@ export default function Page() {
          useInvertedBackground={false}
          testimonials={[
            { id: "t1", name: "Alice M.", role: "Finance Student", testimonial: "This platform completely changed how I view stocks. The beginner path was very clear.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
-            { id: "t2", name: "Robert K.", role: "Investment Analyst", testimonial: "Expert paths are incredibly detailed. Helped me land my first firm role.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
-            { id: "t3", name: "Sarah J.", role: "Portfolio Manager", testimonial: "Practical applications here are miles ahead of traditional theory.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
+            { id: "t2", name: "Sarah K.", role: "Investment Analyst", testimonial: "Expert paths are incredibly detailed. Helped me land my first firm role.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
+            { id: "t3", name: "Robert J.", role: "Portfolio Manager", testimonial: "Practical applications here are miles ahead of traditional theory.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
            { id: "t4", name: "Michael L.", role: "Finance Enthusiast", testimonial: "I now have full confidence in my portfolio strategy thanks to the mentors.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
            { id: "t5", name: "Elena P.", role: "Early Career Banker", testimonial: "Certification path gave me the competitive edge I needed.", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-analyzing-document_1098-3324.jpg" },
          ]}
@@ -169,4 +163,4 @@ export default function Page() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
  --primary-cta: #15479c;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	dbaf7d06b1	Update src/app/page.tsx	2026-04-21 08:57:34 +00:00
bender	4c972343ce	Update theme fonts	2026-04-21 08:55:03 +00:00
bender	95ec5b7f90	Update theme fonts	2026-04-21 08:55:02 +00:00
bender	1c6f4755e5	Update theme fonts	2026-04-21 08:54:27 +00:00
bender	feb3f1a923	Update theme fonts	2026-04-21 08:54:27 +00:00
bender	ba837d1bcd	Update theme fonts	2026-04-21 08:53:53 +00:00
bender	a6dde41d05	Update theme fonts	2026-04-21 08:53:52 +00:00
bender	431009ffc7	Update src/app/page.tsx	2026-04-21 08:53:37 +00:00
bender	638c724151	Update src/app/page.tsx	2026-04-21 08:49:38 +00:00
bender	181e26a608	Update src/app/page.tsx	2026-04-21 08:47:35 +00:00
bender	9278589d8d	Merge version_3 into main Merge version_3 into main	2026-04-21 08:46:46 +00:00
bender	99609f76bc	Update src/app/page.tsx	2026-04-21 08:46:40 +00:00
bender	fc7d941c69	Merge version_2 into main Merge version_2 into main	2026-04-21 08:43:49 +00:00
bender	7b4762dc5c	Update src/app/styles/variables.css	2026-04-21 08:43:46 +00:00
bender	bd7a0783c6	Update src/app/page.tsx	2026-04-21 08:43:45 +00:00