Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2da311958f | |||
| 65e0bf122c | |||
| 175eb1bbc7 | |||
| 29cc89e568 | |||
| 557812dfcf | |||
| ce207e914d | |||
| 21e516c5a1 | |||
| 061ab01fe6 | |||
| ff3b9f0dd3 | |||
| b9b547f28b | |||
| f7525fc57b | |||
| 3173cf2cbf | |||
| 9bdb81a632 | |||
| 9bf6bfe734 |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Montserrat } from "next/font/google";
|
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",
|
const roboto = Roboto({
|
||||||
subsets: ["latin"],
|
variable: "--font-roboto",
|
||||||
});
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter",
|
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
|
weight: ["100", "300", "400", "500", "700", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -38,7 +37,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
<body className={`${roboto.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
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 MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
@@ -44,24 +44,18 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroOverlay
|
||||||
background={{
|
|
||||||
variant: "plain"}}
|
|
||||||
title="Logistics That Moves Your Business Forward"
|
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."
|
description="Realtime tracking, reliable delivery, and supply chain solutions built for growth. Partner with logistics experts who understand your industry."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Quote Today", href: "#contact"},
|
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/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg", imageAlt: "Logistics tech hub"},
|
showDimOverlay={true}
|
||||||
{
|
showBlur={true}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg", imageAlt: "Digital cargo tracking"},
|
textPosition="bottom"
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/trucking-logistics-fleet-management-technology_23-2151989548.jpg", imageAlt: "Smart freight transit"},
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -181,4 +175,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-roboto), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-montserrat), sans-serif;
|
font-family: var(--font-roboto), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #ffffff;
|
||||||
--card: #1a1a1a;
|
--card: #f9f9f9;
|
||||||
--foreground: #ffffff;
|
--foreground: #000612e6;
|
||||||
--primary-cta: #e34400;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #010101;
|
--secondary-cta: #f9f9f9;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #000612e6;
|
||||||
--accent: #ff7b05;
|
--accent: #e2e2e2;
|
||||||
--background-accent: #106efb;
|
--background-accent: #c4c4c4;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user