2026-03-03 20:50:25 +00:00
4 changed files with 40 additions and 47 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,22 +1,17 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Public_Sans } from "next/font/google";
+import { Poppins } from "next/font/google";
+import { DM_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

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

 export const metadata: Metadata = {
@@ -43,9 +38,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
-        >
+        <body className={`${poppins.variable} ${dmSans.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,21 +10,21 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Award, Sparkles, TrendingUp, Users } from "lucide-react";
+import { Award, Sparkles, TrendingUp, Users, Zap } from "lucide-react";

 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="mediumSmall"
-      sizing="largeSizeMediumTitles"
-      background="noise"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSmallSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
@@ -75,7 +75,7 @@ export default function LandingPage() {
          tagAnimation="entrance-slide"
          textboxLayout="default"
          animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -91,7 +91,7 @@ export default function LandingPage() {
          imageSrc="http://img.b2bpic.net/free-photo/woman-working-laptop-people-looking-photos_23-2148424350.jpg?_wi=2"
          imageAlt="Premium editing curriculum overview"
          mediaAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          mediaPosition="right"
          accordionItems={[
            {
@@ -118,7 +118,7 @@ export default function LandingPage() {
          tagIcon={Users}
          tagAnimation="entrance-slide"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          names={[
            "Adobe Certified",            "YouTube Creators",            "Production Studios",            "Creative Agencies",            "Freelance Elite",            "Content Platforms",            "Film Companies"]}
          logos={[
@@ -148,7 +148,7 @@ export default function LandingPage() {
          cardTag="Trusted by Industry Leaders"
          cardTagIcon={Sparkles}
          cardAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -174,7 +174,7 @@ export default function LandingPage() {
          tagIcon={Award}
          tagAnimation="entrance-slide"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          faqsAnimation="slide-up"
        />
      </div>
@@ -187,7 +187,7 @@ export default function LandingPage() {
          tagIcon={Sparkles}
          tagAnimation="entrance-slide"
          background={{ variant: "rotated-rays-animated-grid" }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          inputPlaceholder="your@email.com"
          buttonText="Apply for Acceptance"
          termsText="We respect your privacy. Your application info stays confidential. We'll follow up within 24 hours."
--- 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-public-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #060000;;
-  --card: #1d0d0d;;
-  --foreground: #ffe6e6;;
-  --primary-cta: #ff3d4a;;
-  --secondary-cta: #1f0a0a;;
-  --accent: #7b2d2d;;
-  --background-accent: #b8111f;; */
+  /* --background: #0a0a14;;
+  --card: #1a1a2e;;
+  --foreground: #f0e6ff;;
+  --primary-cta: #a78bfa;;
+  --secondary-cta: #1a1a2e;;
+  --accent: #c4a8f9;;
+  --background-accent: #8b5cf6;; */

-  --background: #060000;;
-  --card: #1d0d0d;;
-  --foreground: #ffe6e6;;
-  --primary-cta: #ff3d4a;;
+  --background: #0a0a14;;
+  --card: #1a1a2e;;
+  --foreground: #f0e6ff;;
+  --primary-cta: #a78bfa;;
  --primary-cta-text: #ffffff;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #1a1a2e;;
  --secondary-cta-text: #ffe6e6;;
-  --accent: #7b2d2d;;
-  --background-accent: #b8111f;;
+  --accent: #c4a8f9;;
+  --background-accent: #8b5cf6;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);