Merge version_2 into main #2
153
src/app/page.tsx
153
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
@@ -28,39 +28,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FlawLikeMigo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Precision grooming by FlawLikeMigo"
|
||||
description="Transforming your look with sharp cuts, clean fades, and impeccable attention to detail. Experience the difference of true craftsmanship."
|
||||
<HeroCarouselLogo
|
||||
logoText="FlawLikeMigo"
|
||||
description="Precision grooming and premium barber services. Experience a cut designed to elevate your personal style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "#contact",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg"
|
||||
videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,55 +68,16 @@ 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: "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: "Complete",
|
||||
price: "$65",
|
||||
subtitle: "Full Grooming",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Signature Cut",
|
||||
"Beard Trim",
|
||||
"Facial Treatment",
|
||||
],
|
||||
id: "p2", badge: "Complete", price: "$65", subtitle: "Full Grooming", buttons: [{ text: "Book", href: "#contact" }],
|
||||
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",
|
||||
],
|
||||
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"
|
||||
@@ -144,40 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"}
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
@@ -190,23 +109,11 @@ export default function LandingPage() {
|
||||
title="Schedule Your Visit"
|
||||
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,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Which service do you need?",
|
||||
required: true,
|
||||
name: "message", placeholder: "Which service do you need?", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -217,14 +124,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FlawLikeMigo"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user