Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 371eb9d56f | |||
| c0577c221f | |||
| 5bdcae357b |
@@ -1,51 +1,28 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Public_Sans } from "next/font/google";
|
import { Geist, Geist_Mono } from "next/font/google";
|
||||||
import { Inter } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const publicSans = Public_Sans({
|
const geist = Geist({
|
||||||
variable: "--font-public-sans", subsets: ["latin"],
|
variable: "--font-geist-sans", subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
const inter = Inter({
|
const geistMono = Geist_Mono({
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
variable: "--font-geist-mono", subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Luxe Salon | Professional Hair & Beauty Services", description: "Modern unisex salon offering professional haircuts, styling, nail art, makeup, and beauty treatments. Book your appointment today.", keywords: "salon, haircut, nail art, makeup, beauty services, styling, professional salon, unisex salon", metadataBase: new URL("https://example.com"),
|
title: "Luxe Salon", description: "Professional haircuts, styling, nail art, makeup, and beauty treatments"};
|
||||||
alternates: {
|
|
||||||
canonical: "https://example.com"},
|
|
||||||
openGraph: {
|
|
||||||
title: "Luxe Salon | Professional Hair & Beauty Services", description: "Professional haircuts, styling, nail art, makeup, and beauty treatments in a welcoming, inclusive environment.", url: "https://example.com", siteName: "Luxe Salon", type: "website", images: [
|
|
||||||
{
|
|
||||||
url: "http://img.b2bpic.net/free-photo/brunette-woman-with-mobile-phone-getting-her-hair-done_23-2148108788.jpg", alt: "Luxury salon interior"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "Luxe Salon | Professional Hair & Beauty Services", description: "Book your beauty appointment at our professional unisex salon.", images: ["http://img.b2bpic.net/free-photo/brunette-woman-with-mobile-phone-getting-her-hair-done_23-2148108788.jpg"],
|
|
||||||
},
|
|
||||||
robots: {
|
|
||||||
index: true,
|
|
||||||
follow: true,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
|
||||||
<body
|
{children}
|
||||||
className={`${publicSans.variable} ${inter.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1413,7 +1390,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -99,6 +99,7 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
cardClassName="group relative overflow-hidden rounded-lg border border-white/10 bg-gradient-to-br from-white/5 to-white/1 p-6 backdrop-blur-sm transition-all duration-300 hover:shadow-lg hover:shadow-primary-cta/20 before:absolute before:inset-0 before:-translate-y-1 before:bg-gradient-to-b before:from-white/20 before:to-transparent before:opacity-0 before:transition-all before:duration-500 hover:before:translate-y-0 hover:before:opacity-100 after:absolute after:inset-x-0 after:top-0 after:h-px after:bg-gradient-to-r after:from-transparent after:via-white/50 after:to-transparent after:opacity-0 after:transition-opacity after:duration-300 hover:after:opacity-100 flex flex-col justify-between"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user