Update theme colors

Update src/app/services/page.tsx
2026-04-26 12:24:50 +00:00 · 2026-04-26 12:23:47 +00:00 · 2026-04-26 12:16:35 +00:00 · 2026-04-26 12:16:35 +00:00 · 2026-04-26 12:16:05 +00:00 · 2026-04-26 12:16:05 +00:00
5 changed files with 115 additions and 74 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -33,6 +33,7 @@ export default function LandingPage() {
          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"}}
--- 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,19 +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"
+          logoClassName="scale-[4.5]"
          button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
        />
-        <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 
-          className="bg-[#04225D]"
-          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/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"
+            logoClassName="scale-[4.5]"
            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
          />
        </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"
          />
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,54 +2,89 @@

 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?_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" 
-        />
+        <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/yournumber" }}
+          />
+        </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/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: #04225D;
-  --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	6c2e2682b9	Update theme colors	2026-04-26 12:24:50 +00:00
bender	376a416ccb	Update theme colors	2026-04-26 12:23:47 +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	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	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	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	6677ba1683	Merge version_8 into main Merge version_8 into main	2026-04-26 11:42:33 +00:00