Update src/app/page.tsx

Merge version_9 into main
2026-04-26 12:04:19 +00:00 · 2026-04-26 12:01:47 +00:00 · 2026-04-26 12:01:44 +00:00 · 2026-04-26 12:00:38 +00:00 · 2026-04-26 12:00:34 +00:00 · 2026-04-26 12:00:34 +00:00
7 changed files with 42 additions and 54 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/yournumber"}}
    />
  </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
@@ -28,6 +28,7 @@ export default function ContactPage() {
            { 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" }}
        />
@@ -39,6 +40,7 @@ export default function ContactPage() {
          useInvertedBackground={false}
        />
        <FooterBase 
+          className="bg-[#04225D]"
          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }]} 
          logoText="Digital Creation" 
        />
--- 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 HeroLogo from '@/components/sections/hero/HeroLogo';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -33,18 +33,18 @@ 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"
+            logoClassName="scale-[2.5]"
            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
          />
        </div>

        <div id="hero" data-section="hero">
-          <HeroBillboard
-            title="Digital Creation"
+          <HeroLogo
+            logoText="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"
+            logoClassName="scale-[4]"
          />
        </div>

@@ -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>
@@ -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
@@ -28,6 +28,7 @@ export default function ServicesPage() {
            { 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" }}
        />
@@ -37,14 +38,15 @@ export default function ServicesPage() {
          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" } }
+            { 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?_wi=2" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201041718-c27fe461.png?_wi=2" } },
+            { 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?_wi=2" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201103456-4ace4124.png?_wi=2" } },
+            { 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?_wi=2" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-analytics-view-on-a-mobile--1777201121164-fd368f8f.png?_wi=2" } }
          ]}
          showStepNumbers={true}
          useInvertedBackground={false}
        />
        <FooterBase 
+          className="bg-[#04225D]"
          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
          logoText="Digital Creation" 
        />
--- 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
@@ -16,8 +16,8 @@
  --primary-cta: #15479c;
  --primary-cta-text: #ffffff;
  --secondary-cta: #1e293b;
-  --secondary-cta-text: #ffffff;
-  --accent: #3b82f6;
+  --secondary-cta-text: #e31b1b;
+  --accent: #04225D;
  --background-accent: #1e3a8a;

  /* text sizing - set by ThemeProvider */
Author	SHA1	Message	Date
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