update font
This commit is contained in:
@@ -364,7 +364,7 @@ export default function BrandsPage() {
|
||||
{/* ─── CTA Banner ─── */}
|
||||
<CTABanner
|
||||
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."
|
||||
primary={{ href: "/contact", icon: "forum", label: "Talk to Sales" }}
|
||||
secondary={{ href: "/contact", icon: "mail", label: "Send an Enquiry" }}
|
||||
|
||||
@@ -132,8 +132,8 @@
|
||||
--spacing-container-max: 1440px;
|
||||
|
||||
/* Fonts */
|
||||
--font-display: var(--font-jost), sans-serif;
|
||||
--font-body: var(--font-jost), sans-serif;
|
||||
--font-display: var(--font-manrope), sans-serif;
|
||||
--font-body: var(--font-manrope), sans-serif;
|
||||
|
||||
|
||||
/* Border radius */
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import type { Metadata, Viewport } from "next";
|
||||
import { Jost } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { MotionProvider } from "@/components/layout/MotionProvider";
|
||||
import { PremiumNavbar } from "@/components/layout/PremiumNavbar";
|
||||
import { PremiumFooter } from "@/components/layout/PremiumFooter";
|
||||
|
||||
const jost = Jost({
|
||||
const manrope = Manrope({
|
||||
subsets: ["latin"],
|
||||
weight: ["400", "600", "700", "800"],
|
||||
variable: "--font-jost",
|
||||
variable: "--font-manrope",
|
||||
display: "swap",
|
||||
preload: true,
|
||||
});
|
||||
@@ -78,7 +78,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html
|
||||
lang="en"
|
||||
className={jost.variable}
|
||||
className={manrope.variable}
|
||||
data-scroll-behavior="smooth"
|
||||
suppressHydrationWarning
|
||||
>
|
||||
|
||||
@@ -85,13 +85,13 @@ export function PremiumNavbar() {
|
||||
alt="Nearle"
|
||||
width={190}
|
||||
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
|
||||
/>
|
||||
</Link>
|
||||
|
||||
{/* 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) => {
|
||||
const isActive = isActiveLink(link.href);
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user