Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| eb604abbf9 | |||
| afcdd6f5b8 | |||
| 78d7ef3f08 | |||
| a1347768f9 | |||
| 28a700d7b0 | |||
| 8d4f89ed4c | |||
| 4f66fbcfc1 | |||
| fd8ec8817b |
@@ -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 { Raleway } from "next/font/google";
|
import { Raleway } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -15,8 +16,14 @@ export const metadata: Metadata = {
|
|||||||
description: "Generated by create next app",
|
description: "Generated by create next app",
|
||||||
};
|
};
|
||||||
|
|
||||||
const raleway = Raleway({
|
|
||||||
variable: "--font-raleway",
|
const libreBaskerville = Libre_Baskerville({
|
||||||
|
variable: "--font-libre-baskerville",
|
||||||
|
subsets: ["latin"],
|
||||||
|
weight: ["400", "700"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -28,7 +35,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${raleway.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Sparkles } from "lucide-react";
|
import { Sparkles, MessageCircle } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -44,7 +44,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
title="The Finest Haircut You Will Ever Get In London"
|
title="The Finest Haircut You Will Ever Get In London"
|
||||||
description="London’s Only 5-Star Barbershop — 619 Google Reviews"
|
description="London’s Only 5-Star Barbershop — 619 Google Reviews"
|
||||||
buttons={[{ text: "BOOK NOW", href: "#contact" }]}
|
buttons={[{ text: "BOOK NOW", href: "#contact" }]}
|
||||||
@@ -151,7 +151,15 @@ export default function LandingPage() {
|
|||||||
bottomRightText="Luxury Barbershop London"
|
bottomRightText="Luxury Barbershop London"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="https://wa.me/447828469044"
|
||||||
|
className="fixed bottom-6 right-6 z-50 p-4 bg-green-500 rounded-full shadow-lg text-white hover:bg-green-600 transition-colors"
|
||||||
|
aria-label="Contact us on WhatsApp"
|
||||||
|
>
|
||||||
|
<MessageCircle size={28} />
|
||||||
|
</a>
|
||||||
</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-raleway), 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-raleway), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user