Compare commits
23 Commits
version_5
...
version_15
| Author | SHA1 | Date | |
|---|---|---|---|
| 809e647910 | |||
| d0850756b3 | |||
| 5ee65764df | |||
| 2c34164f4b | |||
| ac81567aad | |||
| ad5e4c087e | |||
| aaceed4826 | |||
| c990c5b5be | |||
| 749a476842 | |||
| e663d07c35 | |||
| 6355632b75 | |||
| bfaf78322f | |||
| cc2d1837ad | |||
| f9cd211092 | |||
| 85356bbd96 | |||
| 6b49851c4f | |||
| c44d3c669c | |||
| cb9b618c69 | |||
| 110cd5c894 | |||
| 73c1b0b712 | |||
| 6187c79a37 | |||
| 03e4134601 | |||
| 764572ccba |
@@ -6,6 +6,7 @@ import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
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",
|
||||
subsets: ["latin"],
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -32,7 +33,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${nunitoSans.variable} antialiased`}>
|
||||
<body className={`${montserrat.variable} antialiased`}>
|
||||
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -17,12 +17,12 @@ export default function LandingPage() {
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -40,13 +40,13 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCarouselLogo
|
||||
logoText="FlawLikeMigo"
|
||||
description="Precision grooming and premium barber services. Experience a cut designed to elevate your personal style."
|
||||
description="Serving Buda, Kyle, and the greater Austin area—elevating your style with precision."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed-salon_23-2149220574.jpg?_wi=1" }
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774639907880-qdv0qs1a.jpg" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774639907880-gfi2j7xb.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -57,7 +57,7 @@ export default function LandingPage() {
|
||||
title="The Migo Touch"
|
||||
tag="Come get right, best in the city I don’t sell the cut I sell an experience"
|
||||
description="FlawLikeMigo is a young, precision-focused barber based in Buda and Kyle, Texas—just a 15-minute drive from Austin. With years of experience behind the chair, we are dedicated to providing more than just a haircut; we curate a premium grooming experience designed to leave you feeling sharp, confident, and ready for anything."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed-salon_23-2149220574.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774640146026-zf8iucja.jpg"
|
||||
videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
@@ -69,15 +69,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", badge: "Most Popular", price: "$45", subtitle: "The Signature Cut", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Precision Haircut", "Line-up", "Hot Towel Service"],
|
||||
id: "p2", badge: "Classic", price: "$35", subtitle: "Haircut with Eyebrows", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Precision Haircut", "Eyebrow Grooming", "Line-up"],
|
||||
},
|
||||
{
|
||||
id: "p2", badge: "Design", price: "$35", subtitle: "Haircut with Design", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Precision Haircut", "Custom Hair Design", "Line-up"],
|
||||
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", "Custom Design", "Black Mask Treatment", "Eyebrow Grooming"],
|
||||
},
|
||||
{
|
||||
id: "p3", badge: "Complete", price: "$65", subtitle: "Full Grooming", buttons: [{ text: "Book", href: "#contact" }],
|
||||
id: "p3", badge: "Complete", price: "$50", subtitle: "Full Grooming", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Signature Cut", "Beard Trim", "Facial Treatment"],
|
||||
},
|
||||
]}
|
||||
@@ -107,7 +107,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
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."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
@@ -132,4 +132,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2c2c2c;
|
||||
--background: #2c2c2c;
|
||||
--card: #3a3a3a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #f5f5f5;
|
||||
--primary-cta-text: #f5f4f0;
|
||||
--secondary-cta: #f5f4f0;
|
||||
--secondary-cta: #2c2c2c;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #8a8a8a;
|
||||
--background-accent: #e8e6e1;
|
||||
--accent: #5c5c5c;
|
||||
--background-accent: #4a4a4a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user