Update theme fonts

Update theme colors
2026-04-16 14:25:38 +00:00 · 2026-04-16 14:25:38 +00:00 · 2026-04-16 14:25:19 +00:00 · 2026-04-16 14:24:37 +00:00 · 2026-04-16 14:19:42 +00:00 · 2026-04-16 14:17:45 +00:00
4 changed files with 44 additions and 33 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Manrope } from "next/font/google";
 import { DM_Sans } from "next/font/google";
 import { Open_Sans } from "next/font/google";
@@ -22,12 +23,13 @@ export const metadata: Metadata = {
  },
 };
-const manrope = Manrope({
+
-  variable: "--font-manrope",
+const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
 });
-const dmSans = DM_Sans({
+const openSans = Open_Sans({
-  variable: "--font-dm-sans",
+  variable: "--font-open-sans",
  subsets: ["latin"],
 });
@@ -39,7 +41,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { BarChart2, CheckCircle, FileText, Lightbulb, Network, Users, Zap, Search } from "lucide-react";
+import { BarChart2, CheckCircle, FileText, Lightbulb, Network, Users, Zap, Search, BookOpen } from "lucide-react";
 export default function LandingPage() {
  return (
@@ -34,10 +34,11 @@ export default function LandingPage() {
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "Features", id: "#features" },
        { name: "Mock Tests", id: "#mock-test" },
        { name: "Pricing", id: "#pricing" },
        { name: "Contact", id: "#contact" },
      ]}
-      brandName="LearnAI"
+      brandName="zn class"
    />
  </div>
@@ -63,12 +64,17 @@ export default function LandingPage() {
    />
  </div>
-  <div id="mock-test" data-section="mock-test" className="py-16">
+  <div id="mock-test" data-section="mock-test">
-     <div className="container mx-auto px-6 text-center">
+      <AboutMetric
-        <h2 className="text-3xl font-bold mb-6">Practice Mock Tests</h2>
+      useInvertedBackground={true}
-        <p className="mb-8 opacity-70">Evaluate your progress with our curated mock exam series.</p>
+      title="Practice Mock Tests"
-        <button className="bg-primary-cta text-white px-8 py-3 rounded-full">Take a Practice Exam</button>
+      metrics={[
-     </div>
+        { icon: BookOpen, label: "Practice Exams", value: "500+" },
        { icon: Zap, label: "Instant Feedback", value: "Always" },
        { icon: CheckCircle, label: "Exam Readiness", value: "100%" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>
  <div id="metrics" data-section="metrics">
@@ -141,30 +147,33 @@ export default function LandingPage() {
  </div>
  <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
-      useInvertedBackground={true}
+      title="Common Questions"
      description="Find answers to frequently asked questions about our AI platform."
      faqs={[{ id: "f1", title: "How does the AI work?", content: "Neural networks parse your notes." }, { id: "f2", title: "Is my data private?", content: "Yes, encrypted." }]}
-      sideTitle="Common Questions"
+      faqsAnimation="slide-up"
-      faqsAnimation="blur-reveal"
+      textboxLayout="default"
      useInvertedBackground={true}
      className="text-left"
    />
  </div>
  <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "sparkles-gradient" }}
      tag="Contact Us"
      title="Ready to Start Your Journey?"
      description="Get in touch to learn more about our AI capabilities."
-      imageSrc="http://img.b2bpic.net/free-photo/system-administrator-ai-server-farm_482257-75524.jpg"
+      useInvertedBackground={false}
-      mediaAnimation="slide-up"
+      background={{ variant: "plain" }}
      className="text-left"
    />
  </div>
  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
-      columns={[{ items: [{ label: "Product", href: "#products" }, { label: "Pricing", href: "#pricing" }] }]}
+      columns={[{ title: "Company", items: [{ label: "Product", href: "#products" }, { label: "Pricing", href: "#pricing" }] }]}
-      logoText="LearnAI"
+      logoText="zn class"
      className="text-left"
    />
  </div>
      </ReactLenis>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,10 +10,10 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #0a0a0a;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #000000;
  --foreground: #ffffff;
-  --primary-cta: #1f7cff;
+  --primary-cta: #000000;
  --primary-cta-text: #ffffff;
  --secondary-cta: #010101;
  --secondary-cta-text: #ffffff;
Author	SHA1	Message	Date
bender	063b51b8ce	Update theme fonts	2026-04-16 14:25:38 +00:00
bender	1d98c15f32	Update theme fonts	2026-04-16 14:25:38 +00:00
bender	b247dc18a7	Update theme colors	2026-04-16 14:25:19 +00:00
bender	1fde563e66	Update theme colors	2026-04-16 14:24:37 +00:00
bender	16e58cf0f9	Update src/app/page.tsx	2026-04-16 14:19:42 +00:00
bender	7744b06922	Merge version_3 into main Merge version_3 into main	2026-04-16 14:17:45 +00:00
bender	28ac57e1a0	Update src/app/page.tsx	2026-04-16 14:17:42 +00:00
bender	cc0d1a6902	Merge version_2 into main Merge version_2 into main	2026-04-16 14:16:42 +00:00