28 Commits

Author SHA1 Message Date
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
6f4d355423 Update src/app/page.tsx 2026-03-27 19:18:28 +00:00
c7ffcd966c Merge version_2 into main
Merge version_2 into main
2026-03-27 19:17:44 +00:00
9fb5953fec Remove watermark 2026-03-27 19:17:38 +00:00
c7fc289f93 Merge version_2 into main
Merge version_2 into main
2026-03-27 19:16:13 +00:00
45bbd06355 Update src/app/page.tsx 2026-03-27 19:16:10 +00:00
7b951b99fa Merge version_2 into main
Merge version_2 into main
2026-03-27 19:15:49 +00:00
981ca8824e Update src/app/page.tsx 2026-03-27 19:15:46 +00:00
3689924c69 Merge version_1 into main
Merge version_1 into main
2026-03-27 19:12:51 +00:00
3 changed files with 42 additions and 140 deletions

View File

@@ -4,9 +4,9 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "@/lib/gsap-setup"; import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
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";
@@ -20,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({
@@ -33,8 +33,8 @@ 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`}>
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -17,50 +17,37 @@ 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">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "About", id: "about" },
id: "home", { name: "Pricing", id: "pricing" },
}, { name: "Contact", id: "contact" },
{
name: "About",
id: "about",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="FlawLikeMigo" brandName="FlawLikeMigo"
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroOverlay <HeroCarouselLogo
title="Precision grooming by FlawLikeMigo" logoText="FlawLikeMigo"
description="Transforming your look with sharp cuts, clean fades, and impeccable attention to detail. Experience the difference of true craftsmanship." description="Serving Buda, Kyle, and the greater Austin area—elevating your style with precision."
buttons={[ buttons={[
{ { text: "Book Appointment", href: "#contact" },
text: "Book Your Cut", ]}
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="http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg"
videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=1"
/> />
</div> </div>
@@ -68,8 +55,9 @@ export default function LandingPage() {
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="The Migo Touch" title="The Migo Touch"
description="With years of experience behind the chair, FlawLikeMigo is dedicated to providing more than just a haircut. We curate experiences that leave you feeling confident and sharp." tag="Come get right, best in the city I dont sell the cut I sell an experience"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed-salon_23-2149220574.jpg" 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"
videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=2" videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=2"
/> />
</div> </div>
@@ -81,55 +69,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "p1", id: "p2", badge: "Classic", price: "$35", subtitle: "Haircut with Eyebrows", buttons: [{ text: "Book", href: "#contact" }],
badge: "Most Popular", features: ["Precision Haircut", "Eyebrow Grooming", "Line-up"],
price: "$45",
subtitle: "The Signature Cut",
buttons: [
{
text: "Book",
href: "#contact",
},
],
features: [
"Precision Haircut",
"Line-up",
"Hot Towel Service",
],
}, },
{ {
id: "p2", id: "p1", badge: "Signature", price: "$45", subtitle: "Full service hair cut with design, black mask, and eyebrows", buttons: [{ text: "Book", href: "#contact" }],
badge: "Complete", features: ["Precision Haircut", "Custom Design", "Black Mask Treatment", "Eyebrow Grooming"],
price: "$65",
subtitle: "Full Grooming",
buttons: [
{
text: "Book",
href: "#contact",
},
],
features: [
"Signature Cut",
"Beard Trim",
"Facial Treatment",
],
}, },
{ {
id: "p3", id: "p3", badge: "Complete", price: "$50", subtitle: "Full Grooming", buttons: [{ text: "Book", href: "#contact" }],
badge: "Executive", features: ["Signature Cut", "Beard Trim", "Facial Treatment"],
price: "$85",
subtitle: "The Migo Elite",
buttons: [
{
text: "Book",
href: "#contact",
},
],
features: [
"Full Grooming",
"Hot Towel",
"Express Facial",
],
}, },
]} ]}
title="Services & Pricing" title="Services & Pricing"
@@ -144,40 +93,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "James R.", handle: "@jamesr", testimonial: "Best fade I've had in years. Migo is a perfectionist.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-isolated-grey_171337-10568.jpg?_wi=1"},
name: "James R.",
handle: "@jamesr",
testimonial: "Best fade I've had in years. Migo is a perfectionist.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-isolated-grey_171337-10568.jpg?_wi=1",
},
{ {
id: "t2", id: "t2", name: "Marcus W.", handle: "@m_w", testimonial: "Clean, sharp, and consistent. The service is always top tier.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg"},
name: "Marcus W.",
handle: "@m_w",
testimonial: "Clean, sharp, and consistent. The service is always top tier.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg",
},
{ {
id: "t3", id: "t3", name: "David L.", handle: "@dl_styles", testimonial: "Top quality service. I walk out feeling like a new man every time.", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg"}
name: "David L.",
handle: "@dl_styles",
testimonial: "Top quality service. I walk out feeling like a new man every time.",
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg",
},
{
id: "t4",
name: "Chris B.",
handle: "@chrisb",
testimonial: "Great vibes, even better cuts. Migo knows his craft.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
},
{
id: "t5",
name: "Alex P.",
handle: "@alexp",
testimonial: "Consistently the best barbershop experience in the city. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-isolated-grey_171337-10568.jpg?_wi=2",
},
]} ]}
title="What Clients Say" title="What Clients Say"
description="Don't just take our word for it." description="Don't just take our word for it."
@@ -187,26 +107,14 @@ 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", { name: "email", type: "email", placeholder: "Your Email", required: true },
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Which service do you need?", required: true,
placeholder: "Which service do you need?",
required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg" imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -217,17 +125,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="FlawLikeMigo" logoText="FlawLikeMigo"
leftLink={{ leftLink={{ text: "Instagram", href: "https://instagram.com" }}
text: "Instagram", rightLink={{ text: "Terms of Service", href: "#" }}
href: "https://instagram.com",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

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