Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Xcusive Cuts"
|
||||
/>
|
||||
@@ -55,98 +43,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Cuts. Xcusive Experience."
|
||||
description="Where tradition meets modern style. Book your next fresh look at Xcusive Cuts and walk out feeling like the best version of yourself."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James D.",
|
||||
handle: "@jamesd",
|
||||
testimonial: "Best fade in town, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@mrcs",
|
||||
testimonial: "Very professional and consistent quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern",
|
||||
},
|
||||
{
|
||||
name: "Sam T.",
|
||||
handle: "@st88",
|
||||
testimonial: "My go-to spot for every haircut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern",
|
||||
},
|
||||
{
|
||||
name: "Leo P.",
|
||||
handle: "@leo_p",
|
||||
testimonial: "Great atmosphere, always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-trimming-his-beard-with-shaving-machine-standing-orange-wall_141793-48517.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern",
|
||||
},
|
||||
{
|
||||
name: "Dan B.",
|
||||
handle: "@dan_b",
|
||||
testimonial: "The best attention to detail I have seen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern",
|
||||
},
|
||||
{ name: "James D.", handle: "@jamesd", testimonial: "Best fade in town, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", imageAlt: "barber shop interior modern" },
|
||||
{ name: "Marcus R.", handle: "@mrcs", testimonial: "Very professional and consistent quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", imageAlt: "barber shop interior modern" },
|
||||
{ name: "Sam T.", handle: "@st88", testimonial: "My go-to spot for every haircut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", imageAlt: "barber shop interior modern" },
|
||||
{ name: "Leo P.", handle: "@leo_p", testimonial: "Great atmosphere, always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-trimming-his-beard-with-shaving-machine-standing-orange-wall_141793-48517.jpg", imageAlt: "barber shop interior modern" },
|
||||
{ name: "Dan B.", handle: "@dan_b", testimonial: "The best attention to detail I have seen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg", imageAlt: "barber shop interior modern" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
|
||||
alt: "Barber shop portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
|
||||
alt: "Barber shop portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
alt: "Barber shop portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
alt: "Barber shop portrait 4",
|
||||
},
|
||||
{
|
||||
src: "gen-stock-rsv-4",
|
||||
alt: "Barber shop portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg", alt: "Barber shop portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", alt: "Barber shop portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Barber shop portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Barber shop portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdressers-instruments-desk_23-2148181925.jpg", alt: "Barber shop portrait 5" },
|
||||
]}
|
||||
avatarText="Trusted by 15,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Style",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern",
|
||||
},
|
||||
{ type: "text", text: "Precision" },
|
||||
{ type: "text", text: "Style" },
|
||||
{ type: "text", text: "Grooming" },
|
||||
{ type: "text", text: "Tradition" },
|
||||
{ type: "text", text: "Modern" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,7 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expertise and Dedication"
|
||||
description="At Xcusive Cuts, we believe a haircut is more than just a trim—it's a transformation. Our experienced team uses precision techniques to ensure every cut aligns perfectly with your personal style."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,36 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Grooming",
|
||||
title: "Classic Haircuts",
|
||||
items: [
|
||||
"Traditional Scissor Cut",
|
||||
"Modern Fade",
|
||||
"Taper Cut",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Detail",
|
||||
title: "Beard Grooming",
|
||||
items: [
|
||||
"Beard Trim",
|
||||
"Line Up",
|
||||
"Hot Towel Shave",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Styling",
|
||||
title: "Premium Packages",
|
||||
items: [
|
||||
"Full Grooming Package",
|
||||
"Hair & Beard Combo",
|
||||
"Consultation",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Grooming", title: "Classic Haircuts", items: ["Traditional Scissor Cut", "Modern Fade", "Taper Cut"] },
|
||||
{ id: "f2", label: "Detail", title: "Beard Grooming", items: ["Beard Trim", "Line Up", "Hot Towel Shave"] },
|
||||
{ id: "f3", label: "Styling", title: "Premium Packages", items: ["Full Grooming Package", "Hair & Beard Combo", "Consultation"] },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Premium grooming solutions tailored to your unique hair type and style."
|
||||
@@ -209,33 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Lead Team",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Marcus J.",
|
||||
subtitle: "Master Barber",
|
||||
detail: "10 years of mastery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Alex K.",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "Fade specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-trimming-his-beard-with-shaving-machine-standing-orange-wall_141793-48517.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Ben H.",
|
||||
subtitle: "Grooming Expert",
|
||||
detail: "Precision shaving.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg?_wi=3",
|
||||
imageAlt: "professional barber smiling",
|
||||
id: "g1", groupTitle: "Lead Team", members: [
|
||||
{ id: "m1", title: "Marcus J.", subtitle: "Master Barber", detail: "10 years of mastery.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
|
||||
{ id: "m2", title: "Alex K.", subtitle: "Senior Barber", detail: "Fade specialist.", imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-trimming-his-beard-with-shaving-machine-standing-orange-wall_141793-48517.jpg" },
|
||||
{ id: "m3", title: "Ben H.", subtitle: "Grooming Expert", detail: "Precision shaving.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
@@ -249,27 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "nm1",
|
||||
value: "15K+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Happy with every visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326536.jpg",
|
||||
},
|
||||
{
|
||||
id: "nm2",
|
||||
value: "500+",
|
||||
title: "5-Star Reviews",
|
||||
description: "Top tier quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg",
|
||||
},
|
||||
{
|
||||
id: "nm3",
|
||||
value: "12",
|
||||
title: "Local Awards",
|
||||
description: "The best in the area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-male-barber-uniform-holding-winner-cup-with-scissors-showing-you-gesture-isolated-blue-background_141793-62968.jpg",
|
||||
},
|
||||
{ id: "nm1", value: "15K+", title: "Satisfied Clients", description: "Happy with every visit.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326536.jpg" },
|
||||
{ id: "nm2", value: "500+", title: "5-Star Reviews", description: "Top tier quality.", imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg" },
|
||||
{ id: "nm3", value: "12", title: "Local Awards", description: "The best in the area.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-male-barber-uniform-holding-winner-cup-with-scissors-showing-you-gesture-isolated-blue-background_141793-62968.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Years of excellence at Xcusive Cuts."
|
||||
@@ -282,46 +136,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@jd",
|
||||
testimonial: "Always professional, always on point.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sm",
|
||||
testimonial: "Got my brothers a perfect cut here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Kent",
|
||||
handle: "@rk",
|
||||
testimonial: "The best shave I have had in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-middle-aged-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink-wall_141793-103401.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael S.",
|
||||
handle: "@ms",
|
||||
testimonial: "Excellent service and clean shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin T.",
|
||||
handle: "@kt",
|
||||
testimonial: "Never going anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", handle: "@jd", testimonial: "Always professional, always on point.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", handle: "@sm", testimonial: "Got my brothers a perfect cut here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg" },
|
||||
{ id: "t3", name: "Robert Kent", handle: "@rk", testimonial: "The best shave I have had in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-middle-aged-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink-wall_141793-103401.jpg" },
|
||||
{ id: "t4", name: "Michael S.", handle: "@ms", testimonial: "Excellent service and clean shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg" },
|
||||
{ id: "t5", name: "Kevin T.", handle: "@kt", testimonial: "Never going anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Clients Say"
|
||||
@@ -334,36 +153,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking online to guarantee your preferred time slot.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How long does a cut take?",
|
||||
content: "Typically 30-45 minutes depending on the complexity of the service.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We do, but appointments take priority so wait times may vary.",
|
||||
},
|
||||
{ id: "faq1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your preferred time slot." },
|
||||
{ id: "faq2", title: "How long does a cut take?", content: "Typically 30-45 minutes depending on the complexity of the service." },
|
||||
{ id: "faq3", title: "Do you accept walk-ins?", content: "We do, but appointments take priority so wait times may vary." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for your cut?"
|
||||
description="Sign up for our newsletter to get alerts for last-minute availability and shop updates."
|
||||
@@ -373,30 +178,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Xcusive Cuts"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user