update font
This commit is contained in:
@@ -364,7 +364,7 @@ export default function BrandsPage() {
|
|||||||
{/* ─── CTA Banner ─── */}
|
{/* ─── CTA Banner ─── */}
|
||||||
<CTABanner
|
<CTABanner
|
||||||
badge={{ icon: "hub", label: "Brand Partnership" }}
|
badge={{ icon: "hub", label: "Brand Partnership" }}
|
||||||
heading={<>Ready to Grow in<br />Every Neighbourhood?</>}
|
heading={<>Ready to Grow in<br />Neighbourhood Commerce</>}
|
||||||
body="Let's talk about what a Nearle brand partnership looks like for your products. Our sales team will design a custom plan for your brand."
|
body="Let's talk about what a Nearle brand partnership looks like for your products. Our sales team will design a custom plan for your brand."
|
||||||
primary={{ href: "/contact", icon: "forum", label: "Talk to Sales" }}
|
primary={{ href: "/contact", icon: "forum", label: "Talk to Sales" }}
|
||||||
secondary={{ href: "/contact", icon: "mail", label: "Send an Enquiry" }}
|
secondary={{ href: "/contact", icon: "mail", label: "Send an Enquiry" }}
|
||||||
|
|||||||
@@ -132,8 +132,8 @@
|
|||||||
--spacing-container-max: 1440px;
|
--spacing-container-max: 1440px;
|
||||||
|
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
--font-display: var(--font-jost), sans-serif;
|
--font-display: var(--font-manrope), sans-serif;
|
||||||
--font-body: var(--font-jost), sans-serif;
|
--font-body: var(--font-manrope), sans-serif;
|
||||||
|
|
||||||
|
|
||||||
/* Border radius */
|
/* Border radius */
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import type { Metadata, Viewport } from "next";
|
import type { Metadata, Viewport } from "next";
|
||||||
import { Jost } from "next/font/google";
|
import { Manrope } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { MotionProvider } from "@/components/layout/MotionProvider";
|
import { MotionProvider } from "@/components/layout/MotionProvider";
|
||||||
import { PremiumNavbar } from "@/components/layout/PremiumNavbar";
|
import { PremiumNavbar } from "@/components/layout/PremiumNavbar";
|
||||||
import { PremiumFooter } from "@/components/layout/PremiumFooter";
|
import { PremiumFooter } from "@/components/layout/PremiumFooter";
|
||||||
|
|
||||||
const jost = Jost({
|
const manrope = Manrope({
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["400", "600", "700", "800"],
|
weight: ["400", "600", "700", "800"],
|
||||||
variable: "--font-jost",
|
variable: "--font-manrope",
|
||||||
display: "swap",
|
display: "swap",
|
||||||
preload: true,
|
preload: true,
|
||||||
});
|
});
|
||||||
@@ -78,7 +78,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html
|
<html
|
||||||
lang="en"
|
lang="en"
|
||||||
className={jost.variable}
|
className={manrope.variable}
|
||||||
data-scroll-behavior="smooth"
|
data-scroll-behavior="smooth"
|
||||||
suppressHydrationWarning
|
suppressHydrationWarning
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -85,13 +85,13 @@ export function PremiumNavbar() {
|
|||||||
alt="Nearle"
|
alt="Nearle"
|
||||||
width={190}
|
width={190}
|
||||||
height={48}
|
height={48}
|
||||||
className="h-7 w-auto object-contain md:h-9 xl:h-10"
|
className="h-7 w-auto object-contain md:h-9 lg:h-8 min-[1440px]:h-10"
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
{/* Desktop Navigation */}
|
{/* Desktop Navigation */}
|
||||||
<nav className="absolute left-1/2 hidden -translate-x-1/2 items-center gap-6 lg:flex lg:gap-8 xl:gap-10">
|
<nav className="hidden flex-1 items-center justify-center gap-4 lg:flex min-[1440px]:gap-10">
|
||||||
{NAV_LINKS.map((link) => {
|
{NAV_LINKS.map((link) => {
|
||||||
const isActive = isActiveLink(link.href);
|
const isActive = isActiveLink(link.href);
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user