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
5 changed files with 112 additions and 74 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -36,7 +36,7 @@ export default function LandingPage() {
      logoClassName="scale-[2.5]"
      brandName="Digital Creation"
      button={{
-        text: "WhatsApp",        href: "https://wa.me/yournumber"}}
+        text: "WhatsApp",        href: "https://wa.me/971565898263"}}
    />
  </div>

--- 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
@@ -28,21 +28,25 @@ 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" }}
+          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 
-          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
@@ -34,7 +34,7 @@ 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-[4.5]"
-            button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
+            button={{ text: "WhatsApp", href: "https://wa.me/971565898263" }}
          />
        </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" }
            ]}
          />
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,54 +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"
-          logoClassName="scale-[2.5]"
-          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/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/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: #FFFFFF;
  --secondary-cta-text: #e31b1b;
-  --accent: #04225D;
-  --background-accent: #1e3a8a;
+  --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