Update theme colors

Update src/app/page.tsx
2026-04-26 11:41:06 +00:00 · 2026-04-26 11:40:46 +00:00 · 2026-04-26 11:35:01 +00:00 · 2026-04-26 11:27:24 +00:00 · 2026-04-26 11:27:21 +00:00 · 2026-04-26 11:26:55 +00:00
4 changed files with 22 additions and 16 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Nunito_Sans } from "next/font/google";
+import { Figtree } from "next/font/google";



@@ -18,7 +19,11 @@ export const metadata: Metadata = {
  },
 };

-const nunitoSans = Nunito_Sans({ variable: "--font-nunito-sans", subsets: ["latin"] });
+
+const figtree = Figtree({
+  variable: "--font-figtree",
+  subsets: ["latin"],
+});

 export default function RootLayout({
  children,
@@ -28,7 +33,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${nunitoSans.variable} antialiased`}>
+        <body className={`${figtree.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,9 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -34,14 +33,16 @@ export default function LandingPage() {
            ]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
            brandName="Digital Creation"
+            logoClassName="scale-150"
            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
          />
        </div>

        <div id="hero" data-section="hero">
-          <HeroLogo
-            logoText="Digital Creation"
+          <HeroBillboard
+            title="Digital Creation"
            description="Transforming ideas into cutting-edge digital experiences."
+            background={{ variant: "gradient-bars" }}
            buttons={[{ text: "Get Started", href: "/contact" }]}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png"
          />
@@ -105,4 +106,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- 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-nunito-sans), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-figtree), 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: #000612;
+  --background: #04225d;
+  --card: #001122;
+  --foreground: #ffffff;
  --primary-cta: #15479c;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #b8111f;
+  --secondary-cta: #1e293b;
  --secondary-cta-text: #ffffff;
-  --accent: #eab308;
-  --background-accent: #f1f5f9;
+  --accent: #04225D;
+  --background-accent: #1e3a8a;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	90f72d4df3	Update theme colors	2026-04-26 11:41:06 +00:00
bender	d63ad41a94	Update theme colors	2026-04-26 11:40:46 +00:00
bender	ed39d41bef	Update src/app/page.tsx	2026-04-26 11:35:01 +00:00
bender	9fad7eafcc	Merge version_4 into main Merge version_4 into main	2026-04-26 11:27:24 +00:00
bender	97783c02db	Update src/app/page.tsx	2026-04-26 11:27:21 +00:00
bender	2399aa947b	Merge version_4 into main Merge version_4 into main	2026-04-26 11:26:55 +00:00
bender	2ea7fa046f	Update src/app/styles/variables.css	2026-04-26 11:26:52 +00:00
bender	eed8dad237	Update src/app/page.tsx	2026-04-26 11:26:52 +00:00
bender	5c7b8aa656	Merge version_3 into main Merge version_3 into main	2026-04-26 11:24:15 +00:00
bender	990572d95c	Update theme fonts	2026-04-26 11:24:12 +00:00
bender	00d8acc8f9	Update theme fonts	2026-04-26 11:24:11 +00:00
bender	eb59110eae	Merge version_3 into main Merge version_3 into main	2026-04-26 11:21:33 +00:00
bender	e04f7fec83	Update src/app/styles/variables.css	2026-04-26 11:21:30 +00:00
bender	f414a64dce	Update src/app/page.tsx	2026-04-26 11:21:29 +00:00
bender	793dc4695c	Merge version_2 into main Merge version_2 into main	2026-04-26 11:20:15 +00:00
bender	abc9176227	Merge version_2 into main Merge version_2 into main	2026-04-26 11:10:18 +00:00
bender	735c4b6da0	Merge version_2 into main Merge version_2 into main	2026-04-26 11:09:47 +00:00