Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8313a676d2 | |||
| c4f4932fb7 | |||
| b49e234e9a | |||
| 4a9d7dda21 | |||
| fe7dfecc44 | |||
| b3239e0d25 | |||
| 38ba9efff6 | |||
| db24c79477 | |||
| 7900afcbe2 |
@@ -3,6 +3,12 @@ import { Archivo } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
import { Inter } from "next/font/google";
|
||||||
|
import { Inter } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { Public_Sans } from "next/font/google";
|
||||||
|
import { Inter } from "next/font/google";
|
||||||
|
|
||||||
const archivo = Archivo({
|
const archivo = Archivo({
|
||||||
variable: "--font-archivo", subsets: ["latin"],
|
variable: "--font-archivo", subsets: ["latin"],
|
||||||
@@ -30,6 +36,33 @@ export const metadata: Metadata = {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const dmSans = DM_Sans({
|
||||||
|
variable: "--font-dm-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const openSans = Open_Sans({
|
||||||
|
variable: "--font-open-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
|
const publicSans = Public_Sans({
|
||||||
|
variable: "--font-public-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
@@ -38,9 +71,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
||||||
className={archivo.variable}
|
|
||||||
>
|
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||||
@@ -109,16 +109,15 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<AboutMetric
|
||||||
title="Refined Barbershop Heritage"
|
title="At Refined Barber we redefine barbering by empowering clients to look and feel their absolute best"
|
||||||
description="With over 15 years in the grooming industry, we've perfected the art of classic barbering combined with modern expertise."
|
metrics={[
|
||||||
subdescription="Our shop is a sanctuary where tradition meets innovation, delivering exceptional grooming experiences with personalized attention to every client."
|
{ icon: Users, label: "Satisfied Clients", value: "2,000+" },
|
||||||
tag="Our Story"
|
{ icon: Star, label: "5-Star Rating", value: "98%" },
|
||||||
tagIcon={History}
|
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||||
icon={Award}
|
{ icon: Zap, label: "Monthly Appointments", value: "800+" }
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg"
|
]}
|
||||||
imageAlt="Refined Barbershop Heritage"
|
metricsAnimation="slide-up"
|
||||||
mediaAnimation="slide-up"
|
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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-archivo), sans-serif;
|
font-family: var(--font-inter), 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-archivo), sans-serif;
|
font-family: var(--font-public-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user