29 Commits

Author SHA1 Message Date
75a8912eb1 Update src/app/styles/variables.css 2026-03-27 19:36:52 +00:00
9c6e8aa915 Merge version_15 into main
Merge version_15 into main
2026-03-27 19:36:03 +00:00
809e647910 Update src/app/page.tsx 2026-03-27 19:36:00 +00:00
d0850756b3 Merge version_14 into main
Merge version_14 into main
2026-03-27 19:34:26 +00:00
5ee65764df Update src/app/styles/variables.css 2026-03-27 19:34:23 +00:00
2c34164f4b Update src/app/page.tsx 2026-03-27 19:34:23 +00:00
ac81567aad Merge version_13 into main
Merge version_13 into main
2026-03-27 19:32:07 +00:00
ad5e4c087e Update src/app/page.tsx 2026-03-27 19:32:01 +00:00
aaceed4826 Merge version_12 into main
Merge version_12 into main
2026-03-27 19:27:20 +00:00
c990c5b5be Update src/app/page.tsx 2026-03-27 19:27:14 +00:00
749a476842 Merge version_11 into main
Merge version_11 into main
2026-03-27 19:25:38 +00:00
e663d07c35 Update src/app/page.tsx 2026-03-27 19:25:35 +00:00
6355632b75 Merge version_10 into main
Merge version_10 into main
2026-03-27 19:24:44 +00:00
bfaf78322f Update src/app/page.tsx 2026-03-27 19:24:38 +00:00
cc2d1837ad Merge version_9 into main
Merge version_9 into main
2026-03-27 19:23:16 +00:00
f9cd211092 Update src/app/styles/base.css 2026-03-27 19:23:13 +00:00
85356bbd96 Update src/app/page.tsx 2026-03-27 19:23:12 +00:00
6b49851c4f Update src/app/layout.tsx 2026-03-27 19:23:12 +00:00
c44d3c669c Merge version_8 into main
Merge version_8 into main
2026-03-27 19:22:34 +00:00
cb9b618c69 Update src/app/page.tsx 2026-03-27 19:22:31 +00:00
110cd5c894 Merge version_7 into main
Merge version_7 into main
2026-03-27 19:21:08 +00:00
73c1b0b712 Update src/app/page.tsx 2026-03-27 19:21:02 +00:00
6187c79a37 Merge version_6 into main
Merge version_6 into main
2026-03-27 19:20:27 +00:00
03e4134601 Update src/app/page.tsx 2026-03-27 19:20:24 +00:00
764572ccba Merge version_5 into main
Merge version_5 into main
2026-03-27 19:19:40 +00:00
efa866adcb Update src/app/page.tsx 2026-03-27 19:19:37 +00:00
ad3ca2d96c Merge version_4 into main
Merge version_4 into main
2026-03-27 19:18:57 +00:00
abb1ca7a14 Update src/app/page.tsx 2026-03-27 19:18:54 +00:00
3f6726c7d1 Merge version_3 into main
Merge version_3 into main
2026-03-27 19:18:34 +00:00
4 changed files with 28 additions and 26 deletions

View File

@@ -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

View File

@@ -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">
@@ -40,13 +40,13 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroCarouselLogo <HeroCarouselLogo
logoText="FlawLikeMigo" 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={[ buttons={[
{ text: "Book Appointment", href: "#contact" }, { text: "Book Appointment", href: "#contact" },
]} ]}
slides={[ slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774639907880-qdv0qs1a.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-gfi2j7xb.jpg" }
]} ]}
/> />
</div> </div>
@@ -55,8 +55,9 @@ export default function LandingPage() {
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="The Migo Touch" title="The Migo Touch"
tag="Come get right, best in the city I dont 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." 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" videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=2"
/> />
</div> </div>
@@ -68,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: "p2", badge: "Classic", price: "$35", subtitle: "Haircut with Eyebrows", buttons: [{ text: "Book", href: "#contact" }],
features: ["Precision Haircut", "Line-up", "Hot Towel Service"], features: ["Precision Haircut", "Eyebrow Grooming", "Line-up"],
}, },
{ {
id: "p2", badge: "Complete", price: "$65", subtitle: "Full Grooming", 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", "Custom Design", "Black Mask Treatment", "Eyebrow Grooming"],
},
{
id: "p3", badge: "Complete", price: "$50", 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."
@@ -106,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 },

View File

@@ -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;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f4f0; --background: #ffffff;
--card: #ffffff; --card: #f9f9f9;
--foreground: #1a1a1a; --foreground: #1a1a1a;
--primary-cta: #2c2c2c; --primary-cta: #15479c;
--primary-cta-text: #f5f4f0; --primary-cta-text: #f5f4f0;
--secondary-cta: #f5f4f0; --secondary-cta: #f9f9f9;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #1a1a1a;
--accent: #8a8a8a; --accent: #e2e2e2;
--background-accent: #e8e6e1; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);