Update src/app/page.tsx
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Scissors, Zap, Award, Sparkles } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="The Grooming Club"
|
||||
/>
|
||||
@@ -58,11 +47,9 @@ export default function LandingPage() {
|
||||
description="Refining the classic art of men's grooming. Experience a master-level haircut and shave in a space dedicated to style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"
|
||||
imageAlt="Luxurious barber shop environment"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,18 +59,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition meets ",
|
||||
},
|
||||
type: "text", content: "Tradition meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg",
|
||||
alt: "Grooming detail",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg", alt: "Grooming detail"},
|
||||
{
|
||||
type: "text",
|
||||
content: " modern mastery",
|
||||
},
|
||||
type: "text", content: " modern mastery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,28 +74,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cut",
|
||||
description: "Tailored haircuts for the modern gentleman.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg",
|
||||
buttonIcon: "Scissors",
|
||||
title: "Precision Cut", description: "Tailored haircuts for the modern gentleman.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg", buttonIcon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Royal Shave",
|
||||
description: "Classic hot towel shave for ultimate relaxation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Royal Shave", description: "Classic hot towel shave for ultimate relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Premium Care",
|
||||
description: "Selecting only the finest grooming products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Premium Care", description: "Selecting only the finest grooming products.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Hair Spa",
|
||||
description: "Deep cleaning and scalp massage rituals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Hair Spa", description: "Deep cleaning and scalp massage rituals.", imageSrc: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -130,56 +98,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Classic Cut",
|
||||
price: "$45",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Styling",
|
||||
"Neck Trim",
|
||||
],
|
||||
id: "p1", title: "Classic Cut", price: "$45", period: "/ session", features: [
|
||||
"Haircut", "Styling", "Neck Trim"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-barber-shop-chair_23-2148257054.jpg",
|
||||
imageAlt: "Front view expensive barber shop chair",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-barber-shop-chair_23-2148257054.jpg", imageAlt: "Front view expensive barber shop chair"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Signature Shave",
|
||||
price: "$35",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Hot Towel",
|
||||
"Razor Shave",
|
||||
"Aftercare",
|
||||
],
|
||||
id: "p2", title: "Signature Shave", price: "$35", period: "/ session", features: [
|
||||
"Hot Towel", "Razor Shave", "Aftercare"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg?_wi=2",
|
||||
imageAlt: "Front view expensive barber shop chair",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", imageAlt: "Front view expensive barber shop chair"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "The Full Works",
|
||||
price: "$75",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Classic Cut",
|
||||
"Royal Shave",
|
||||
"Scalp Massage",
|
||||
],
|
||||
id: "p3", title: "The Full Works", price: "$75", period: "/ session", features: [
|
||||
"Classic Cut", "Royal Shave", "Scalp Massage"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg",
|
||||
imageAlt: "Front view expensive barber shop chair",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg", imageAlt: "Front view expensive barber shop chair"},
|
||||
]}
|
||||
title="Grooming Rates"
|
||||
description="Fair pricing for world-class service."
|
||||
@@ -194,25 +129,15 @@ export default function LandingPage() {
|
||||
author="James Thompson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-18312.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-18312.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -226,23 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Stone",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus Stone", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Leo Rivera",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg",
|
||||
},
|
||||
id: "t2", name: "Leo Rivera", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Brooks",
|
||||
role: "Master Groomer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam Brooks", role: "Master Groomer", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg"},
|
||||
]}
|
||||
title="Meet The Masters"
|
||||
description="Our team of seasoned barbers."
|
||||
@@ -255,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking in advance.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium, natural-based grooming products.",
|
||||
},
|
||||
id: "q2", title: "What products do you use?", content: "We use premium, natural-based grooming products."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are walk-ins accepted?",
|
||||
content: "Subject to availability, but appointments have priority.",
|
||||
},
|
||||
id: "q3", title: "Are walk-ins accepted?", content: "Subject to availability, but appointments have priority."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-home-decoration-wall-chair_1203-5027.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -282,16 +186,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Ready for a trim?"
|
||||
description="Secure your spot at The Grooming Club today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@groomingclub.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@groomingclub.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,29 +202,19 @@ export default function LandingPage() {
|
||||
logoText="The Grooming Club"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user