Update theme fonts

Merge version_7 into main

src/app/about/page.tsx

@@ -26,24 +26,16 @@ 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"
       brandName="Digital Creation"
       button={{
-        text: "WhatsApp",
-        href: "https://wa.me/yournumber",
-      }}
+        text: "WhatsApp",        href: "https://wa.me/yournumber"}}
     />
   </div>
 
@@ -52,9 +44,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 +57,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 +84,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -39,6 +39,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" 
         />

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

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 HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+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';
@@ -39,13 +39,12 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroCarouselLogo
-            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" }]}
-            slides={[
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png" }
-            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png"
           />
         </div>
 
@@ -58,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>
@@ -99,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"
@@ -107,4 +107,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -37,14 +37,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" 
         />

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;
 }

src/app/styles/variables.css

@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000612;
+  --background: #04225d;
   --card: #001122;
   --foreground: #ffffff;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1e293b;
   --secondary-cta-text: #ffffff;
-  --accent: #3b82f6;
+  --accent: #04225D;
   --background-accent: #1e3a8a;
 
   /* text sizing - set by ThemeProvider */