Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f9cd211092 | |||
| 85356bbd96 | |||
| 6b49851c4f | |||
| c44d3c669c | |||
| cb9b618c69 | |||
| 110cd5c894 | |||
| 73c1b0b712 | |||
| 6187c79a37 | |||
| 03e4134601 | |||
| 764572ccba | |||
| efa866adcb | |||
| ad3ca2d96c |
@@ -6,6 +6,7 @@ import "@/lib/gsap-setup";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Nunito_Sans } from "next/font/google";
|
import { Nunito_Sans } from "next/font/google";
|
||||||
|
import { Montserrat } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -19,9 +20,9 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const nunitoSans = Nunito_Sans({
|
|
||||||
variable: "--font-nunito-sans",
|
const montserrat = Montserrat({
|
||||||
subsets: ["latin"],
|
variable: "--font-montserrat", subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -32,7 +33,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${nunitoSans.variable} antialiased`}>
|
<body className={`${montserrat.variable} antialiased`}>
|
||||||
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -17,12 +17,12 @@ export default function LandingPage() {
|
|||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="smallMedium"
|
contentWidth="smallMedium"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="largeSizeMediumTitles"
|
||||||
background="floatingGradient"
|
background="floatingGradient"
|
||||||
cardStyle="solid"
|
cardStyle="solid"
|
||||||
primaryButtonStyle="diagonal-gradient"
|
primaryButtonStyle="diagonal-gradient"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="radial-glow"
|
||||||
headingFontWeight="bold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
@@ -69,17 +69,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1", badge: "Most Popular", price: "$45", subtitle: "The Signature Cut", buttons: [{ text: "Book", href: "#contact" }],
|
id: "p1", badge: "Signature", price: "$45", subtitle: "Full service hair cut with design, black mask, and eyebrows", buttons: [{ text: "Book", href: "#contact" }],
|
||||||
features: ["Precision Haircut", "Line-up", "Hot Towel Service"],
|
features: ["Precision Haircut", "Custom Design", "Black Mask Treatment", "Eyebrow Grooming"],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2", badge: "Complete", price: "$65", subtitle: "Full Grooming", buttons: [{ text: "Book", href: "#contact" }],
|
id: "p2", badge: "Classic", price: "$35", subtitle: "Haircut with Eyebrows", buttons: [{ text: "Book", href: "#contact" }],
|
||||||
|
features: ["Precision Haircut", "Eyebrow Grooming", "Line-up"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p3", badge: "Complete", price: "$65", subtitle: "Full Grooming", buttons: [{ text: "Book", href: "#contact" }],
|
||||||
features: ["Signature Cut", "Beard Trim", "Facial Treatment"],
|
features: ["Signature Cut", "Beard Trim", "Facial Treatment"],
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: "p3", badge: "Executive", price: "$85", subtitle: "The Migo Elite", buttons: [{ text: "Book", href: "#contact" }],
|
|
||||||
features: ["Full Grooming", "Hot Towel", "Express Facial"],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Services & Pricing"
|
title="Services & Pricing"
|
||||||
description="Select the service that fits your style."
|
description="Select the service that fits your style."
|
||||||
@@ -107,7 +107,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Schedule Your Visit"
|
title="Schedule Your Visit (512-504-6134)"
|
||||||
description="Ready to get fresh? Reach out and let's get you on the schedule."
|
description="Ready to get fresh? Reach out and let's get you on the schedule."
|
||||||
inputs={[
|
inputs={[
|
||||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
@@ -132,4 +132,4 @@ export default function LandingPage() {
|
|||||||
</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-nunito-sans), sans-serif;
|
font-family: var(--font-montserrat), 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-nunito-sans), sans-serif;
|
font-family: var(--font-montserrat), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user