Merge version_16 into main

Update src/app/page.tsx
2026-04-26 12:42:43 +00:00 · 2026-04-26 12:42:40 +00:00 · 2026-04-26 12:40:58 +00:00 · 2026-04-26 12:40:55 +00:00 · 2026-04-26 12:40:54 +00:00 · 2026-04-26 12:40:53 +00:00
7 changed files with 144 additions and 118 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -26,24 +26,17 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
+      logoClassName="scale-[2.5]"
      brandName="Digital Creation"
      button={{
-        text: "WhatsApp",
-        href: "https://wa.me/yournumber",
-      }}
+        text: "WhatsApp",        href: "https://wa.me/971565898263"}}
    />
  </div>

@@ -52,9 +45,7 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="About Digital Creation"
      description={[
-        "We are a team of passionate creators.",
-        "Focused on delivering results.",
-      ]}
+        "We are a team of passionate creators.",        "Focused on delivering results."]}
    />
  </div>

@@ -67,37 +58,23 @@ export default function LandingPage() {
      description="Years of expertise and passion."
      metrics={[
        {
-          id: "a1",
-          value: "10+",
-          title: "Years Experience",
-          description: "Driving innovation since 2015.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-years-of-exp-1777201159577-5701a554.png",
-        },
+          id: "a1",          value: "10+",          title: "Years Experience",          description: "Driving innovation since 2015.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-years-of-exp-1777201159577-5701a554.png"},
        {
-          id: "a2",
-          value: "50+",
-          title: "Team Members",
-          description: "Creative experts in every field.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-team-strengt-1777201168402-8cfcf083.png",
-        },
+          id: "a2",          value: "50+",          title: "Team Members",          description: "Creative experts in every field.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-team-strengt-1777201168402-8cfcf083.png"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
+      className="bg-[#04225D]"
      columns={[
        {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
            {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
            {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
          ],
        },
      ]}
@@ -108,4 +85,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,22 +3,22 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';

 export default function ContactPage() {
  return (
-    <ThemeProvider 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal"
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="fluid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <NavbarStyleFullscreen
@@ -29,18 +29,24 @@ export default function ContactPage() {
          ]}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
          brandName="Digital Creation"
-          button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
+          logoClassName="scale-[4.5]"
+          button={{ text: "WhatsApp", href: "https://wa.me/971565898263" }}
        />
-        <ContactCenter 
-          tag="Contact Us"
-          title="Let's build something great"
-          description="Have a project in mind? Reach out and let's get started."
+        
+        <ContactSplit
+          tag="Get in touch"
+          title="Let's build something amazing"
+          description="We're here to help you turn your digital vision into reality. Reach out today!"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777205706031-qjr1lakf.png?_wi=1"
+          mediaPosition="right"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
-        <FooterBase 
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }]} 
-          logoText="Digital Creation" 
+
+        <FooterBase
+          columns={[{ title: "Links", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }]}
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777202327410-pp97c78b.png"
+          logoText="Digital Creation"
        />
      </ReactLenis>
    </ThemeProvider>
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ 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";
+import { Open_Sans } from "next/font/google";



@@ -20,8 +21,13 @@ export const metadata: Metadata = {
 };


-const figtree = Figtree({
-  variable: "--font-figtree",
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
  subsets: ["latin"],
 });

@@ -33,7 +39,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${figtree.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -33,16 +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" }}
+            logoClassName="scale-[4.5]"
+            button={{ text: "WhatsApp", href: "https://wa.me/971565898263" }}
          />
        </div>

        <div id="hero" data-section="hero">
-          <HeroBillboard
+          <HeroBillboardScroll
            title="Digital Creation"
            description="Transforming ideas into cutting-edge digital experiences."
-            background={{ variant: "gradient-bars" }}
+            background={{ variant: "animated-grid" }}
            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"
          />
@@ -57,9 +57,9 @@ export default function LandingPage() {
            title="Our Solutions"
            description="We craft digital excellence."
            features={[
-              { title: "Strategy", description: "Defining your digital vision.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201034092-02e81a9a.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png" } },
-              { title: "Development", description: "Building powerful applications.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201095600-5de2edf3.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png" } },
-              { title: "Design", description: "Creating impactful visuals.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201113489-31d9b01b.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png" } }
+              { title: "Strategy", description: "Defining your digital vision.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201034092-02e81a9a.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png?_wi=1" } },
+              { title: "Development", description: "Building powerful applications.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201095600-5de2edf3.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png?_wi=1" } },
+              { title: "Design", description: "Creating impactful visuals.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201113489-31d9b01b.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png?_wi=1" } }
            ]}
          />
        </div>
@@ -90,7 +90,7 @@ export default function LandingPage() {
            title="Our Impact"
            description="Measurable results for your business growth."
            metrics={[
-              { id: "m1", value: "500+", title: "Projects Completed", description: "High-impact digital products delivered.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-project-compl-1777201142466-cf75b001.png" },
+              { id: "m1", value: "+", title: "Projects Completed", description: "High-impact digital products delivered.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-project-compl-1777201142466-cf75b001.png" },
              { id: "m2", value: "98%", title: "Satisfaction Rate", description: "Dedicated client success and support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/abstract-icon-representing-customer-sati-1777201150552-e0a60b51.png" }
            ]}
          />
@@ -98,6 +98,7 @@ export default function LandingPage() {

        <div id="footer" data-section="footer">
          <FooterBase
+            className="bg-[#04225D]"
            columns={[{ title: "Links", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777202327410-pp97c78b.png"
            logoText="Digital Creation"
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,52 +2,88 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

 export default function ServicesPage() {
  return (
-    <ThemeProvider 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal"
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="fluid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
    >
      <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
-          brandName="Digital Creation"
-          button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
-        />
-        <FeatureCardNine
-          animationType="slide-up"
-          textboxLayout="default"
-          title="Our Comprehensive Services"
-          description="We offer end-to-end digital solutions to grow your business."
-          features={[
-            { title: "Strategy", description: "Defining your digital vision and roadmap.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201034092-02e81a9a.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png" } },
-            { title: "Development", description: "Scalable, high-performance web and mobile apps.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201095600-5de2edf3.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png" } },
-            { title: "Design", description: "User-centric UI/UX that captivates your audience.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201113489-31d9b01b.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png" } }
-          ]}
-          showStepNumbers={true}
-          useInvertedBackground={false}
-        />
-        <FooterBase 
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
-          logoText="Digital Creation" 
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
+            brandName="Digital Creation"
+            logoClassName="scale-[4.5]"
+            button={{ text: "WhatsApp", href: "https://wa.me/971565898263" }}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            title="Our Services"
+            description="Comprehensive digital solutions tailored to your growth."
+            background={{ variant: "animated-grid" }}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777205706031-qjr1lakf.png?_wi=2"
+          />
+        </div>
+
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            showStepNumbers={false}
+            title="Service Offerings"
+            description="Innovative tools and expert support for digital transformation."
+            useInvertedBackground={false}
+            features={[
+              { title: "Web Strategy", description: "High-level planning and roadmapping.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201034092-02e81a9a.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png?_wi=1" } },
+              { title: "Custom Development", description: "Scalable software engineered for performance.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201095600-5de2edf3.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png?_wi=1" } },
+              { title: "Creative Design", description: "Visual identity and user experience.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/mobile-app-ui-showing-modern-dashboard-i-1777201113489-31d9b01b.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png?_wi=1" } }
+            ]}
+          />
+        </div>
+
+        <div id="work" data-section="work">
+          <TimelinePhoneView
+            title="How We Work"
+            description="Our proven methodology to deliver results."
+            textboxLayout="default"
+            animationType="slide-up"
+            items={[
+              { trigger: "Discovery", content: "Analyzing requirements and goals." },
+              { trigger: "Planning", content: "Architecting the ideal solution." },
+              { trigger: "Execution", content: "Iterative development and refinement." },
+              { trigger: "Launch", content: "Final testing and deployment." }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777202327410-pp97c78b.png"
+            logoText="Digital Creation"
+          />
+        </div>
      </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-figtree), 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-figtree), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #04225d;
-  --card: #001122;
-  --foreground: #ffffff;
-  --primary-cta: #15479c;
+  --background: #0B1D3A;
+  --card: #132D55;
+  --foreground: #FFFFFF;
+  --primary-cta: #02055b;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #1e293b;
-  --secondary-cta-text: #ffffff;
-  --accent: #3b82f6;
-  --background-accent: #1e3a8a;
+  --secondary-cta: #FFFFFF;
+  --secondary-cta-text: #e31b1b;
+  --accent: #0B1D3A;
+  --background-accent: #153A70;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	8425f65e33	Merge version_16 into main Merge version_16 into main	2026-04-26 12:42:43 +00:00
bender	c60e23f2f3	Update src/app/page.tsx	2026-04-26 12:42:40 +00:00
bender	79cfdb8e8e	Merge version_16 into main Merge version_16 into main	2026-04-26 12:40:58 +00:00
bender	f30bb2356a	Update src/app/services/page.tsx	2026-04-26 12:40:55 +00:00
bender	5d697451e2	Update src/app/page.tsx	2026-04-26 12:40:54 +00:00
bender	7cc60b8237	Update src/app/contact/page.tsx	2026-04-26 12:40:53 +00:00
bender	5c45e524e2	Update src/app/about/page.tsx	2026-04-26 12:40:53 +00:00
bender	94251e24b1	Merge version_15 into main Merge version_15 into main	2026-04-26 12:27:33 +00:00
bender	26c3bd03c5	Update src/app/services/page.tsx	2026-04-26 12:27:29 +00:00
bender	279e54456c	Update src/app/page.tsx	2026-04-26 12:27:29 +00:00
bender	076b9b3f0f	Update src/app/contact/page.tsx	2026-04-26 12:27:28 +00:00
bender	c70b9c083c	Update src/app/about/page.tsx	2026-04-26 12:27:28 +00:00
bender	9a2fa0b1cf	Merge version_15 into main Merge version_15 into main	2026-04-26 12:26:50 +00:00
bender	adbdff259a	Update src/app/services/page.tsx	2026-04-26 12:26:46 +00:00
bender	50ee0d406d	Update src/app/page.tsx	2026-04-26 12:26:46 +00:00
bender	89733decae	Update src/app/contact/page.tsx	2026-04-26 12:26:45 +00:00
bender	3a24d1e07d	Update src/app/about/page.tsx	2026-04-26 12:26:45 +00:00
bender	2c0395a814	Merge version_14 into main Merge version_14 into main	2026-04-26 12:24:53 +00:00
bender	6c2e2682b9	Update theme colors	2026-04-26 12:24:50 +00:00
bender	88e9eff58d	Merge version_13 into main Merge version_13 into main	2026-04-26 12:23:51 +00:00
bender	376a416ccb	Update theme colors	2026-04-26 12:23:47 +00:00
bender	c4b0b3a49b	Merge version_12 into main Merge version_12 into main	2026-04-26 12:16:38 +00:00
bender	22453ec0f9	Update src/app/services/page.tsx	2026-04-26 12:16:35 +00:00
bender	e99e43f723	Update src/app/contact/page.tsx	2026-04-26 12:16:35 +00:00
bender	cefa6234f8	Merge version_12 into main Merge version_12 into main	2026-04-26 12:16:09 +00:00
bender	3f75ac96ba	Update src/app/services/page.tsx	2026-04-26 12:16:05 +00:00
bender	5657edfaa2	Update src/app/contact/page.tsx	2026-04-26 12:16:05 +00:00
bender	1e011c5096	Merge version_12 into main Merge version_12 into main	2026-04-26 12:15:29 +00:00
bender	564ca8ea98	Update src/app/styles/variables.css	2026-04-26 12:15:26 +00:00
bender	467da6f07b	Update src/app/services/page.tsx	2026-04-26 12:15:25 +00:00
bender	d3bbe1753e	Update src/app/contact/page.tsx	2026-04-26 12:15:25 +00:00
bender	55152043b8	Merge version_11 into main Merge version_11 into main	2026-04-26 12:05:41 +00:00
bender	9bba1a6fcc	Update src/app/page.tsx	2026-04-26 12:05:38 +00:00
bender	8125a05128	Merge version_10 into main Merge version_10 into main	2026-04-26 12:04:22 +00:00
bender	34e5dea9dc	Update src/app/page.tsx	2026-04-26 12:04:19 +00:00
bender	a690c7874e	Merge version_9 into main Merge version_9 into main	2026-04-26 12:01:47 +00:00
bender	c307f001c6	Update theme colors	2026-04-26 12:01:44 +00:00
bender	a31bc9be08	Merge version_8 into main Merge version_8 into main	2026-04-26 12:00:38 +00:00
bender	e72e7d10e8	Update theme fonts	2026-04-26 12:00:34 +00:00
bender	0b1210e1de	Update theme fonts	2026-04-26 12:00:34 +00:00
bender	82a0e13392	Merge version_9 into main Merge version_9 into main	2026-04-26 11:45:47 +00:00
bender	a474a5474d	Update src/app/services/page.tsx	2026-04-26 11:45:44 +00:00
bender	ca5628fe52	Update src/app/page.tsx	2026-04-26 11:45:43 +00:00
bender	8f646228aa	Update src/app/contact/page.tsx	2026-04-26 11:45:43 +00:00
bender	77765f7141	Update src/app/about/page.tsx	2026-04-26 11:45:42 +00:00
bender	19e7d9291d	Merge version_8 into main Merge version_8 into main	2026-04-26 11:43:03 +00:00
bender	4604982df1	Update src/app/services/page.tsx	2026-04-26 11:43:00 +00:00
bender	8fbc89a08e	Update src/app/page.tsx	2026-04-26 11:42:59 +00:00
bender	6677ba1683	Merge version_8 into main Merge version_8 into main	2026-04-26 11:42:33 +00:00
bender	43a14dd8db	Update src/app/services/page.tsx	2026-04-26 11:42:30 +00:00
bender	895eafa200	Update src/app/page.tsx	2026-04-26 11:42:29 +00:00
bender	245d0322e0	Update src/app/contact/page.tsx	2026-04-26 11:42:29 +00:00
bender	17e9b4b22e	Update src/app/about/page.tsx	2026-04-26 11:42:28 +00:00
bender	73c3296325	Merge version_7 into main Merge version_7 into main	2026-04-26 11:41:12 +00:00
bender	90f72d4df3	Update theme colors	2026-04-26 11:41:06 +00:00
bender	d1af4141dc	Merge version_6 into main Merge version_6 into main	2026-04-26 11:40:50 +00:00
bender	d3fa1884d5	Merge version_5 into main Merge version_5 into main	2026-04-26 11:35:04 +00:00