Merge version_1 into main #2
@@ -20,8 +20,7 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
@@ -29,8 +28,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Men's Haircut", href: "/services" },
|
||||
{ label: "Classic Scissor Cut", href: "/services" },
|
||||
{ label: "Beard Trim", href: "/services" },
|
||||
@@ -38,8 +36,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{ label: "Walk-Ins Welcome", href: "#" },
|
||||
{ label: "Cash Only", href: "#" },
|
||||
{ label: "No Appointment Needed", href: "#" },
|
||||
@@ -47,8 +44,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Visit Us", href: "/contact" },
|
||||
{ label: "Follow Us", href: "#" },
|
||||
@@ -83,10 +79,7 @@ export default function AboutPage() {
|
||||
heading={[
|
||||
{ type: "text", content: "Meet Tony: Over 20 Years of" },
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-plus-size-man-working-as-hairstylist_23-2150754692.jpg",
|
||||
alt: "Tony the barber",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-plus-size-man-working-as-hairstylist_23-2150754692.jpg", alt: "Tony the barber"},
|
||||
{ type: "text", content: "Dedication to Classic Barbering" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
@@ -94,7 +87,7 @@ export default function AboutPage() {
|
||||
{ text: "Walk In Today", href: "/contact" },
|
||||
{ text: "View Services", href: "/" },
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,43 +95,25 @@ export default function AboutPage() {
|
||||
<FeatureCardTwentyFour
|
||||
title="Tony's Journey"
|
||||
description="From apprentice to master barber: A story of craftsmanship, tradition, and community commitment"
|
||||
animationType="entrance-slide"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Trained in Tradition",
|
||||
author: "Foundation",
|
||||
description:
|
||||
"Tony learned barbering the right way—under the mentorship of experienced barbers who believed in taking time with every customer and doing the work right.",
|
||||
tags: ["Heritage", "Craft"],
|
||||
id: "1", title: "Trained in Tradition", author: "Foundation", description:
|
||||
"Tony learned barbering the right way—under the mentorship of experienced barbers who believed in taking time with every customer and doing the work right.", tags: ["Heritage", "Craft"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=4",
|
||||
imageAlt: "Traditional barber training",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg", imageAlt: "Traditional barber training"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Two Decades of Service",
|
||||
author: "Experience",
|
||||
description:
|
||||
"For over 20 years, Tony has been a fixture in this neighborhood, cutting hair and building relationships with customers who have been coming back for 15+ years.",
|
||||
tags: ["Loyalty", "Trust"],
|
||||
id: "2", title: "Two Decades of Service", author: "Experience", description:
|
||||
"For over 20 years, Tony has been a fixture in this neighborhood, cutting hair and building relationships with customers who have been coming back for 15+ years.", tags: ["Loyalty", "Trust"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=6",
|
||||
imageAlt: "Years of experience",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Years of experience"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Quality Over Volume",
|
||||
author: "Philosophy",
|
||||
description:
|
||||
"Tony believes in old-school barbering values: take your time, pay attention to detail, treat every customer like family, and never compromise on quality for speed.",
|
||||
tags: ["Excellence", "Integrity"],
|
||||
id: "3", title: "Quality Over Volume", author: "Philosophy", description:
|
||||
"Tony believes in old-school barbering values: take your time, pay attention to detail, treat every customer like family, and never compromise on quality for speed.", tags: ["Excellence", "Integrity"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=7",
|
||||
imageAlt: "Quality barbering",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Quality barbering"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,36 +123,20 @@ export default function AboutPage() {
|
||||
cardTitle="Trusted by the community for over two decades of consistent, quality haircuts and genuine care"
|
||||
cardTag="Customer Stories"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg?_wi=2",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "1", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg", imageAlt: "James Wilson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg?_wi=2",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg?_wi=2",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
id: "3", name: "David Rodriguez", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thompson",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg?_wi=2",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
id: "4", name: "Marcus Thompson", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg", imageAlt: "Marcus Thompson"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -9,17 +9,16 @@ import { MapPin } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
@@ -27,8 +26,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Men's Haircut", href: "/services" },
|
||||
{ label: "Classic Scissor Cut", href: "/services" },
|
||||
{ label: "Beard Trim", href: "/services" },
|
||||
@@ -36,8 +34,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{ label: "Walk-Ins Welcome", href: "#" },
|
||||
{ label: "Cash Only", href: "#" },
|
||||
{ label: "No Appointment Needed", href: "#" },
|
||||
@@ -45,8 +42,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Visit Us", href: "/contact" },
|
||||
{ label: "Follow Us", href: "#" },
|
||||
@@ -84,14 +80,14 @@ export default function ContactPage() {
|
||||
description="Walk-ins welcome. No appointment needed. Cash only. A friendly neighborhood barber with over 20 years of experience."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=7"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg"
|
||||
imageAlt="Armour Barber Shop storefront"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Get Updates"
|
||||
termsText="Join our mailing list for updates and special offers."
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
207
src/app/page.tsx
207
src/app/page.tsx
@@ -24,8 +24,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
@@ -33,8 +32,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Men's Haircut", href: "/services" },
|
||||
{ label: "Classic Scissor Cut", href: "/services" },
|
||||
{ label: "Beard Trim", href: "/services" },
|
||||
@@ -42,8 +40,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{ label: "Walk-Ins Welcome", href: "#" },
|
||||
{ label: "Cash Only", href: "#" },
|
||||
{ label: "No Appointment Needed", href: "#" },
|
||||
@@ -51,8 +48,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Visit Us", href: "/contact" },
|
||||
{ label: "Follow Us", href: "#" },
|
||||
@@ -89,27 +85,21 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
tag="Since 2005"
|
||||
tagIcon={Scissors}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{ text: "Walk In Today", href: "/contact" },
|
||||
{ text: "Learn More", href: "/about" },
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="none"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=1",
|
||||
imageAlt: "vintage barber shop interior traditional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg", imageAlt: "vintage barber shop interior traditional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=1",
|
||||
imageAlt: "traditional scissors hair cut classic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "traditional scissors hair cut classic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-plus-size-man-working-as-hairstylist_23-2150754692.jpg",
|
||||
imageAlt: "experienced barber man cutting hair professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-plus-size-man-working-as-hairstylist_23-2150754692.jpg", imageAlt: "experienced barber man cutting hair professional"},
|
||||
]}
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,15 +108,12 @@ export default function HomePage() {
|
||||
heading={[
|
||||
{ type: "text", content: "Tony's Story: Over 20 Years of" },
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-plus-size-man-working-as-hairstylist_23-2150754692.jpg",
|
||||
alt: "Tony the barber",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-plus-size-man-working-as-hairstylist_23-2150754692.jpg", alt: "Tony the barber"},
|
||||
{ type: "text", content: "Classic Barbering Excellence" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Meet Tony", href: "/about" }]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,54 +121,30 @@ export default function HomePage() {
|
||||
<FeatureCardTwentyFour
|
||||
title="Services"
|
||||
description="Traditional barbering services focused on quality and attention to detail. We focus on classic, timeless haircuts rather than rushed chain salon cuts."
|
||||
animationType="entrance-slide"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Men's Haircut",
|
||||
author: "Classic",
|
||||
description:
|
||||
"Professional haircuts tailored to your style with expert precision and attention to detail.",
|
||||
tags: ["Popular", "Quality"],
|
||||
id: "1", title: "Men's Haircut", author: "Classic", description:
|
||||
"Professional haircuts tailored to your style with expert precision and attention to detail.", tags: ["Popular", "Quality"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=2",
|
||||
imageAlt: "Men's haircut service",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Men's haircut service"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Classic Scissor Cut",
|
||||
author: "Traditional",
|
||||
description:
|
||||
"Old-school scissor-only cuts that showcase true barbering skill and craftsmanship.",
|
||||
tags: ["Traditional", "Expert"],
|
||||
id: "2", title: "Classic Scissor Cut", author: "Traditional", description:
|
||||
"Old-school scissor-only cuts that showcase true barbering skill and craftsmanship.", tags: ["Traditional", "Expert"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=3",
|
||||
imageAlt: "Scissor cut service",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Scissor cut service"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Beard Trim",
|
||||
author: "Meticulous",
|
||||
description:
|
||||
"Careful beard trimming and shaping for a clean, well-groomed appearance.",
|
||||
tags: ["Detail", "Quality"],
|
||||
id: "3", title: "Beard Trim", author: "Meticulous", description:
|
||||
"Careful beard trimming and shaping for a clean, well-groomed appearance.", tags: ["Detail", "Quality"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=4",
|
||||
imageAlt: "Beard trim service",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Beard trim service"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Barber Services",
|
||||
author: "Professional",
|
||||
description:
|
||||
"Complete traditional barbering experience with the care and attention you deserve.",
|
||||
tags: ["Authentic", "Trusted"],
|
||||
id: "4", title: "Barber Services", author: "Professional", description:
|
||||
"Complete traditional barbering experience with the care and attention you deserve.", tags: ["Authentic", "Trusted"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=5",
|
||||
imageAlt: "Traditional barber service",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Traditional barber service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -190,39 +153,21 @@ export default function HomePage() {
|
||||
<PricingCardTwo
|
||||
title="Simple, Honest Pricing"
|
||||
description="Affordable quality haircuts. No hidden fees. Cash only."
|
||||
animationType="entrance-slide"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "haircut",
|
||||
badge: "Haircut",
|
||||
badgeIcon: Scissors,
|
||||
price: "$20",
|
||||
subtitle: "Classic quality haircut",
|
||||
buttons: [{ text: "Walk In", href: "/contact" }],
|
||||
id: "haircut", badge: "Haircut", badgeIcon: Scissors,
|
||||
price: "$20", subtitle: "Classic quality haircut", buttons: [{ text: "Walk In", href: "/contact" }],
|
||||
features: [
|
||||
"Professional scissor cut",
|
||||
"Expert attention to detail",
|
||||
"Friendly service",
|
||||
"No appointment needed",
|
||||
"Cash only",
|
||||
],
|
||||
"Professional scissor cut", "Expert attention to detail", "Friendly service", "No appointment needed", "Cash only"],
|
||||
},
|
||||
{
|
||||
id: "beard-trim",
|
||||
badge: "Beard Trim",
|
||||
badgeIcon: Scissors,
|
||||
price: "$15",
|
||||
subtitle: "Professional beard shaping",
|
||||
buttons: [{ text: "Walk In", href: "/contact" }],
|
||||
id: "beard-trim", badge: "Beard Trim", badgeIcon: Scissors,
|
||||
price: "$15", subtitle: "Professional beard shaping", buttons: [{ text: "Walk In", href: "/contact" }],
|
||||
features: [
|
||||
"Precise trimming",
|
||||
"Clean shaping",
|
||||
"Professional care",
|
||||
"No appointment needed",
|
||||
"Cash only",
|
||||
],
|
||||
"Precise trimming", "Clean shaping", "Professional care", "No appointment needed", "Cash only"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -233,36 +178,20 @@ export default function HomePage() {
|
||||
cardTitle="Join thousands of satisfied customers who trust Armour Barber Shop for quality haircuts and genuine hospitality"
|
||||
cardTag="Customer Reviews"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg?_wi=1",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "1", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg", imageAlt: "James Wilson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg?_wi=1",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
id: "3", name: "David Rodriguez", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thompson",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg?_wi=1",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
id: "4", name: "Marcus Thompson", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg", imageAlt: "Marcus Thompson"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,51 +201,33 @@ export default function HomePage() {
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about visiting Armour Barber Shop"
|
||||
tag="FAQ"
|
||||
tagAnimation="entrance-slide"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=2"
|
||||
tagAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg"
|
||||
imageAlt="Armour Barber Shop"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="entrance-slide"
|
||||
faqsAnimation="none"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you take appointments?",
|
||||
content:
|
||||
"No, we are walk-in only. We love seeing customers on a first-come, first-served basis. This keeps the experience relaxed and authentic to our old-school barbershop style.",
|
||||
},
|
||||
id: "1", title: "Do you take appointments?", content:
|
||||
"No, we are walk-in only. We love seeing customers on a first-come, first-served basis. This keeps the experience relaxed and authentic to our old-school barbershop style."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long have you been in business?",
|
||||
content:
|
||||
"Armour Barber Shop has been serving the community for over 20 years under Tony's expert care and attention. Many of our customers have been coming for 15-20 years!",
|
||||
},
|
||||
id: "2", title: "How long have you been in business?", content:
|
||||
"Armour Barber Shop has been serving the community for over 20 years under Tony's expert care and attention. Many of our customers have been coming for 15-20 years!"},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content:
|
||||
"We accept cash only. This keeps things simple and traditional, just like everything else at Armour.",
|
||||
},
|
||||
id: "3", title: "What payment methods do you accept?", content:
|
||||
"We accept cash only. This keeps things simple and traditional, just like everything else at Armour."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What makes your haircuts different?",
|
||||
content:
|
||||
"We focus on quality traditional barbering. Tony takes his time with every cut, paying meticulous attention to detail. No rushed services—just great haircuts at affordable prices.",
|
||||
},
|
||||
id: "4", title: "What makes your haircuts different?", content:
|
||||
"We focus on quality traditional barbering. Tony takes his time with every cut, paying meticulous attention to detail. No rushed services—just great haircuts at affordable prices."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer beard trims?",
|
||||
content:
|
||||
"Yes! We offer professional beard trimming and shaping services. Tony takes as much care with beard work as he does with haircuts.",
|
||||
},
|
||||
id: "5", title: "Do you offer beard trims?", content:
|
||||
"Yes! We offer professional beard trimming and shaping services. Tony takes as much care with beard work as he does with haircuts."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How long is a typical visit?",
|
||||
content:
|
||||
"Most haircuts take 20-30 minutes depending on the style and how busy we are. We treat every customer like family, so expect great conversation too!",
|
||||
},
|
||||
id: "6", title: "How long is a typical visit?", content:
|
||||
"Most haircuts take 20-30 minutes depending on the style and how busy we are. We treat every customer like family, so expect great conversation too!"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,14 +240,14 @@ export default function HomePage() {
|
||||
description="Walk-ins welcome. No appointment needed. Cash only. A friendly neighborhood barber with over 20 years of experience."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg"
|
||||
imageAlt="Armour Barber Shop storefront"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Get Updates"
|
||||
termsText="Join our mailing list for updates and special offers."
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -35,9 +35,7 @@ export default function PricingPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Visit",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Book Visit", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,49 +44,27 @@ export default function PricingPage() {
|
||||
<PricingCardTwo
|
||||
plans={[
|
||||
{
|
||||
id: "haircut",
|
||||
badge: "Haircut",
|
||||
badgeIcon: Scissors,
|
||||
price: "$20",
|
||||
subtitle: "Classic quality haircut",
|
||||
buttons: [
|
||||
id: "haircut", badge: "Haircut", badgeIcon: Scissors,
|
||||
price: "$20", subtitle: "Classic quality haircut", buttons: [
|
||||
{
|
||||
text: "Walk In",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Walk In", href: "/contact"},
|
||||
],
|
||||
features: [
|
||||
"Professional scissor cut",
|
||||
"Expert attention to detail",
|
||||
"Friendly service",
|
||||
"No appointment needed",
|
||||
"Cash only",
|
||||
],
|
||||
"Professional scissor cut", "Expert attention to detail", "Friendly service", "No appointment needed", "Cash only"],
|
||||
},
|
||||
{
|
||||
id: "beard-trim",
|
||||
badge: "Beard Trim",
|
||||
badgeIcon: Scissors,
|
||||
price: "$15",
|
||||
subtitle: "Professional beard shaping",
|
||||
buttons: [
|
||||
id: "beard-trim", badge: "Beard Trim", badgeIcon: Scissors,
|
||||
price: "$15", subtitle: "Professional beard shaping", buttons: [
|
||||
{
|
||||
text: "Walk In",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Walk In", href: "/contact"},
|
||||
],
|
||||
features: [
|
||||
"Precise trimming",
|
||||
"Clean shaping",
|
||||
"Professional care",
|
||||
"No appointment needed",
|
||||
"Cash only",
|
||||
],
|
||||
"Precise trimming", "Clean shaping", "Professional care", "No appointment needed", "Cash only"],
|
||||
},
|
||||
]}
|
||||
title="Simple, Honest Pricing"
|
||||
description="Affordable quality haircuts. No hidden fees. Cash only."
|
||||
animationType="entrance-slide"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -99,34 +75,18 @@ export default function PricingPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg?_wi=4",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "1", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg", imageAlt: "James Wilson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg?_wi=4",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg?_wi=4",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
id: "3", name: "David Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thompson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg?_wi=4",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
id: "4", name: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg", imageAlt: "Marcus Thompson"},
|
||||
]}
|
||||
cardTitle="Join thousands of satisfied customers who trust Armour Barber Shop for quality haircuts and genuine hospitality"
|
||||
cardTag="Customer Reviews"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,17 +99,16 @@ export default function PricingPage() {
|
||||
title="Armour Barber Shop"
|
||||
description="Walk-ins welcome. No appointment needed. Cash only. A friendly neighborhood barber with over 20 years of experience."
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg"
|
||||
imageAlt="Armour Barber Shop storefront"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Get Updates"
|
||||
termsText="Join our mailing list for updates and special offers."
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,87 +117,51 @@ export default function PricingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
label: "Pricing", href: "/pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Men's Haircut",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Men's Haircut", href: "/services"},
|
||||
{
|
||||
label: "Classic Scissor Cut",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Classic Scissor Cut", href: "/services"},
|
||||
{
|
||||
label: "Beard Trim",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Beard Trim", href: "/services"},
|
||||
{
|
||||
label: "Barber Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Barber Services", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Walk-Ins Welcome",
|
||||
href: "#",
|
||||
},
|
||||
label: "Walk-Ins Welcome", href: "#"},
|
||||
{
|
||||
label: "Cash Only",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cash Only", href: "#"},
|
||||
{
|
||||
label: "No Appointment Needed",
|
||||
href: "#",
|
||||
},
|
||||
label: "No Appointment Needed", href: "#"},
|
||||
{
|
||||
label: "Quality Haircuts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Quality Haircuts", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Visit Us", href: "/contact"},
|
||||
{
|
||||
label: "Follow Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Follow Us", href: "#"},
|
||||
{
|
||||
label: "Questions?",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Questions?", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -35,9 +35,7 @@ export default function ServicesPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Visit",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Book Visit", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,43 +44,19 @@ export default function ServicesPage() {
|
||||
<FeatureCardTwentyFour
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Men's Haircut",
|
||||
author: "Classic",
|
||||
description: "Professional haircuts tailored to your style with expert precision and attention to detail.",
|
||||
tags: ["Popular", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=8",
|
||||
imageAlt: "Men's haircut service",
|
||||
},
|
||||
id: "1", title: "Men's Haircut", author: "Classic", description: "Professional haircuts tailored to your style with expert precision and attention to detail.", tags: ["Popular", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Men's haircut service"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Classic Scissor Cut",
|
||||
author: "Traditional",
|
||||
description: "Old-school scissor-only cuts that showcase true barbering skill and craftsmanship.",
|
||||
tags: ["Traditional", "Expert"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=9",
|
||||
imageAlt: "Scissor cut service",
|
||||
},
|
||||
id: "2", title: "Classic Scissor Cut", author: "Traditional", description: "Old-school scissor-only cuts that showcase true barbering skill and craftsmanship.", tags: ["Traditional", "Expert"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Scissor cut service"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Beard Trim",
|
||||
author: "Meticulous",
|
||||
description: "Careful beard trimming and shaping for a clean, well-groomed appearance.",
|
||||
tags: ["Detail", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=10",
|
||||
imageAlt: "Beard trim service",
|
||||
},
|
||||
id: "3", title: "Beard Trim", author: "Meticulous", description: "Careful beard trimming and shaping for a clean, well-groomed appearance.", tags: ["Detail", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Beard trim service"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Barber Services",
|
||||
author: "Professional",
|
||||
description: "Complete traditional barbering experience with the care and attention you deserve.",
|
||||
tags: ["Authentic", "Trusted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg?_wi=11",
|
||||
imageAlt: "Traditional barber service",
|
||||
},
|
||||
id: "4", title: "Barber Services", author: "Professional", description: "Complete traditional barbering experience with the care and attention you deserve.", tags: ["Authentic", "Trusted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg", imageAlt: "Traditional barber service"},
|
||||
]}
|
||||
animationType="entrance-slide"
|
||||
animationType="none"
|
||||
title="Our Services"
|
||||
description="Traditional barbering services focused on quality and attention to detail. We focus on classic, timeless haircuts rather than rushed chain salon cuts."
|
||||
textboxLayout="default"
|
||||
@@ -95,34 +69,18 @@ export default function ServicesPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg?_wi=3",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "1", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859449.jpg", imageAlt: "James Wilson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg?_wi=3",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-man-stylish-navy-t-shirt-looking-camera-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions_639032-2116.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg?_wi=3",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
id: "3", name: "David Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thompson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg?_wi=3",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
id: "4", name: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/fired-businessman-holding-his-belongings-screaming-from-frustration-office_637285-6837.jpg", imageAlt: "Marcus Thompson"},
|
||||
]}
|
||||
cardTitle="Join thousands of satisfied customers who trust Armour Barber Shop for quality haircuts and genuine hospitality"
|
||||
cardTag="Customer Reviews"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,45 +90,27 @@ export default function ServicesPage() {
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you take appointments?",
|
||||
content: "No, we are walk-in only. We love seeing customers on a first-come, first-served basis. This keeps the experience relaxed and authentic to our old-school barbershop style.",
|
||||
},
|
||||
id: "1", title: "Do you take appointments?", content: "No, we are walk-in only. We love seeing customers on a first-come, first-served basis. This keeps the experience relaxed and authentic to our old-school barbershop style."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long have you been in business?",
|
||||
content: "Armour Barber Shop has been serving the community for over 20 years under Tony's expert care and attention. Many of our customers have been coming for 15-20 years!",
|
||||
},
|
||||
id: "2", title: "How long have you been in business?", content: "Armour Barber Shop has been serving the community for over 20 years under Tony's expert care and attention. Many of our customers have been coming for 15-20 years!"},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash only. This keeps things simple and traditional, just like everything else at Armour.",
|
||||
},
|
||||
id: "3", title: "What payment methods do you accept?", content: "We accept cash only. This keeps things simple and traditional, just like everything else at Armour."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What makes your haircuts different?",
|
||||
content: "We focus on quality traditional barbering. Tony takes his time with every cut, paying meticulous attention to detail. No rushed services—just great haircuts at affordable prices.",
|
||||
},
|
||||
id: "4", title: "What makes your haircuts different?", content: "We focus on quality traditional barbering. Tony takes his time with every cut, paying meticulous attention to detail. No rushed services—just great haircuts at affordable prices."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer beard trims?",
|
||||
content: "Yes! We offer professional beard trimming and shaping services. Tony takes as much care with beard work as he does with haircuts.",
|
||||
},
|
||||
id: "5", title: "Do you offer beard trims?", content: "Yes! We offer professional beard trimming and shaping services. Tony takes as much care with beard work as he does with haircuts."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How long is a typical visit?",
|
||||
content: "Most haircuts take 20-30 minutes depending on the style and how busy we are. We treat every customer like family, so expect great conversation too!",
|
||||
},
|
||||
id: "6", title: "How long is a typical visit?", content: "Most haircuts take 20-30 minutes depending on the style and how busy we are. We treat every customer like family, so expect great conversation too!"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-8611.jpg"
|
||||
imageAlt="Armour Barber Shop"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="left"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about visiting Armour Barber Shop"
|
||||
tag="FAQ"
|
||||
tagAnimation="entrance-slide"
|
||||
faqsAnimation="entrance-slide"
|
||||
tagAnimation="none"
|
||||
faqsAnimation="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -181,87 +121,51 @@ export default function ServicesPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
label: "Pricing", href: "/pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Men's Haircut",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Men's Haircut", href: "/services"},
|
||||
{
|
||||
label: "Classic Scissor Cut",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Classic Scissor Cut", href: "/services"},
|
||||
{
|
||||
label: "Beard Trim",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Beard Trim", href: "/services"},
|
||||
{
|
||||
label: "Barber Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Barber Services", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Walk-Ins Welcome",
|
||||
href: "#",
|
||||
},
|
||||
label: "Walk-Ins Welcome", href: "#"},
|
||||
{
|
||||
label: "Cash Only",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cash Only", href: "#"},
|
||||
{
|
||||
label: "No Appointment Needed",
|
||||
href: "#",
|
||||
},
|
||||
label: "No Appointment Needed", href: "#"},
|
||||
{
|
||||
label: "Quality Haircuts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Quality Haircuts", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Visit Us", href: "/contact"},
|
||||
{
|
||||
label: "Follow Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Follow Us", href: "#"},
|
||||
{
|
||||
label: "Questions?",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Questions?", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -1,50 +1,31 @@
|
||||
"use client";
|
||||
import React, { SVGProps } from "react";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
export interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
|
||||
text: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
|
||||
({ text, className = "", ...props }, ref) => {
|
||||
return (
|
||||
<svg
|
||||
ref={ref}
|
||||
viewBox="0 0 200 40"
|
||||
className={`w-32 h-auto ${className}`}
|
||||
{...props}
|
||||
>
|
||||
{logoText}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
<text
|
||||
x="0"
|
||||
y="30"
|
||||
className="font-bold text-xl fill-current"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user