Update theme fonts

Update src/app/page.tsx
2026-05-11 18:28:47 +00:00 · 2026-05-11 18:28:47 +00:00 · 2026-05-11 18:27:23 +00:00 · 2026-05-11 18:26:42 +00:00 · 2026-05-11 18:26:35 +00:00 · 2026-05-11 18:26:23 +00:00
4 changed files with 25 additions and 32 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Montserrat } from "next/font/google";
+import { Roboto } from "next/font/google";



@@ -21,13 +22,11 @@ export const metadata: Metadata = {
  },
 };

-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
+
+const roboto = Roboto({
+  variable: "--font-roboto",
  subsets: ["latin"],
+  weight: ["100", "300", "400", "500", "700", "900"],
 });

 export default function RootLayout({
@@ -38,7 +37,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
+        <body className={`${roboto.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -44,24 +44,18 @@ export default function LandingPage() {
  </div>

  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain"}}
+      <HeroOverlay
      title="Logistics That Moves Your Business Forward"
      description="Realtime tracking, reliable delivery, and supply chain solutions built for growth. Partner with logistics experts who understand your industry."
      buttons={[
        {
          text: "Get a Quote Today",          href: "#contact"},
      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg",          imageAlt: "Logistics tech hub"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg",          imageAlt: "Digital cargo tracking"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/trucking-logistics-fleet-management-technology_23-2151989548.jpg",          imageAlt: "Smart freight transit"},
-      ]}
-      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg"
+      imageAlt="Logistics tech hub"
+      showDimOverlay={true}
+      showBlur={true}
+      textPosition="bottom"
    />
  </div>

@@ -181,4 +175,4 @@ export default function LandingPage() {
      </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-inter), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #080200;
-  --card: #1a0d0b;
-  --foreground: #ffe6d5;
-  --primary-cta: #ffaa70;
-  --primary-cta-text: #080200;
-  --secondary-cta: #170b07;
-  --secondary-cta-text: #ffe6d5;
-  --accent: #7b5e4a;
-  --background-accent: #b8541e;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2da311958f	Update theme fonts	2026-05-11 18:28:47 +00:00
bender	65e0bf122c	Update theme fonts	2026-05-11 18:28:47 +00:00
bender	175eb1bbc7	Update src/app/page.tsx	2026-05-11 18:27:23 +00:00
bender	29cc89e568	Merge version_7 into main Merge version_7 into main	2026-05-11 18:26:42 +00:00
bender	557812dfcf	Update theme colors	2026-05-11 18:26:35 +00:00
bender	ce207e914d	Merge version_6 into main Merge version_6 into main	2026-05-11 18:26:23 +00:00
bender	21e516c5a1	Update theme colors	2026-05-11 18:26:20 +00:00
bender	061ab01fe6	Merge version_5 into main Merge version_5 into main	2026-05-11 18:26:17 +00:00
bender	ff3b9f0dd3	Update theme colors	2026-05-11 18:26:14 +00:00
bender	b9b547f28b	Merge version_4 into main Merge version_4 into main	2026-05-11 18:26:14 +00:00
bender	3173cf2cbf	Merge version_3 into main Merge version_3 into main	2026-05-11 18:26:03 +00:00
bender	9bdb81a632	Merge version_2 into main Merge version_2 into main	2026-05-11 18:23:42 +00:00
bender	9bf6bfe734	Merge version_2 into main Merge version_2 into main	2026-05-11 18:23:15 +00:00