Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="A.P's Barbershop"
|
||||
/>
|
||||
@@ -55,103 +47,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Precision Cuts for the Modern Gentleman"
|
||||
description="At A.P's, we combine traditional techniques with modern style. Experience the difference of a professional cut tailored just for you."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James D.",
|
||||
handle: "@jamesd",
|
||||
testimonial: "Best fade I've had in years. Professional and welcoming vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern dark aesthetic",
|
||||
},
|
||||
name: "James D.", handle: "@jamesd", testimonial: "Best fade I've had in years. Professional and welcoming vibe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg", imageAlt: "barbershop interior modern dark aesthetic"},
|
||||
{
|
||||
name: "Michael R.",
|
||||
handle: "@miker",
|
||||
testimonial: "A.P is a master of his craft. Never leaving disappointed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern dark aesthetic",
|
||||
},
|
||||
name: "Michael R.", handle: "@miker", testimonial: "A.P is a master of his craft. Never leaving disappointed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg", imageAlt: "barbershop interior modern dark aesthetic"},
|
||||
{
|
||||
name: "Chris T.",
|
||||
handle: "@christ",
|
||||
testimonial: "Solid shop, consistent results every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern dark aesthetic",
|
||||
},
|
||||
name: "Chris T.", handle: "@christ", testimonial: "Solid shop, consistent results every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg", imageAlt: "barbershop interior modern dark aesthetic"},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Great atmosphere, good conversation, and an even better haircut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern dark aesthetic",
|
||||
},
|
||||
name: "Robert B.", handle: "@robertb", testimonial: "Great atmosphere, good conversation, and an even better haircut.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg", imageAlt: "barbershop interior modern dark aesthetic"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Friendly service and attention to detail. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern dark aesthetic",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "Friendly service and attention to detail. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg", imageAlt: "barbershop interior modern dark aesthetic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
|
||||
imageAlt="A modern barbershop interior with a classic aesthetic"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
|
||||
alt: "Portrait of client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Portrait of client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
|
||||
alt: "Portrait of client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", alt: "Portrait of client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
alt: "Portrait of client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", alt: "Portrait of client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg",
|
||||
alt: "Portrait of client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg", alt: "Portrait of client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-128909.jpg",
|
||||
alt: "Portrait of client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-128909.jpg", alt: "Portrait of client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Style",
|
||||
},
|
||||
type: "text", text: "Classic Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Barbers",
|
||||
},
|
||||
type: "text", text: "Expert Barbers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Care",
|
||||
},
|
||||
type: "text", text: "Premium Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Favorite",
|
||||
},
|
||||
type: "text", text: "Local Favorite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Vibe",
|
||||
},
|
||||
type: "text", text: "Modern Vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,7 +104,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="More Than Just a Cut"
|
||||
description="Established with a passion for excellence, A.P's Barbershop is dedicated to providing high-quality grooming services in a relaxing, classic atmosphere. We believe a great haircut is the foundation of a confident man."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,26 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Techniques",
|
||||
subtitle: "Trained by masters",
|
||||
category: "Style",
|
||||
value: "Expertise",
|
||||
},
|
||||
id: "1", title: "Precision Techniques", subtitle: "Trained by masters", category: "Style", value: "Expertise"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Classic Atmosphere",
|
||||
subtitle: "Authentic barber shop feel",
|
||||
category: "Vibe",
|
||||
value: "Comfort",
|
||||
},
|
||||
id: "2", title: "Classic Atmosphere", subtitle: "Authentic barber shop feel", category: "Vibe", value: "Comfort"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Premium Products",
|
||||
subtitle: "Only the best for your hair",
|
||||
category: "Quality",
|
||||
value: "Standard",
|
||||
},
|
||||
id: "3", title: "Premium Products", subtitle: "Only the best for your hair", category: "Quality", value: "Standard"},
|
||||
]}
|
||||
title="Why Choose A.P's?"
|
||||
description="We take pride in our craft, ensuring every client leaves feeling their absolute best."
|
||||
@@ -205,47 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Cut",
|
||||
price: "$30",
|
||||
variant: "Men's Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Classic Cut", price: "$30", variant: "Men's Standard", imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-153514.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beard Trim",
|
||||
price: "$15",
|
||||
variant: "Grooming",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Beard Trim", price: "$15", variant: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Skin Fade",
|
||||
price: "$35",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Skin Fade", price: "$35", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hot Towel Shave",
|
||||
price: "$25",
|
||||
variant: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Hot Towel Shave", price: "$25", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Buzz Cut",
|
||||
price: "$20",
|
||||
variant: "Quick",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg",
|
||||
},
|
||||
id: "p5", name: "Buzz Cut", price: "$20", variant: "Quick", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kids Cut",
|
||||
price: "$25",
|
||||
variant: "Family",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
id: "p6", name: "Kids Cut", price: "$25", variant: "Family", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="From classic trims to modern fades, we have you covered."
|
||||
@@ -259,40 +157,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "My husband looks great after every visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-up-isolated-blue-background_141793-138548.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarah", testimonial: "My husband looks great after every visit.", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-up-isolated-blue-background_141793-138548.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
handle: "@mark",
|
||||
testimonial: "Best barber in the city, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
|
||||
},
|
||||
id: "2", name: "Mark", handle: "@mark", testimonial: "Best barber in the city, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex",
|
||||
handle: "@alex",
|
||||
testimonial: "Very professional and friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg",
|
||||
},
|
||||
id: "3", name: "Alex", handle: "@alex", testimonial: "Very professional and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
handle: "@john",
|
||||
testimonial: "Clean shop, fast service, great haircut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-man_633478-244.jpg",
|
||||
},
|
||||
id: "4", name: "John", handle: "@john", testimonial: "Clean shop, fast service, great haircut.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-man_633478-244.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Leo",
|
||||
handle: "@leo",
|
||||
testimonial: "Highly recommend their hot towel service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg",
|
||||
},
|
||||
id: "5", name: "Leo", handle: "@leo", testimonial: "Highly recommend their hot towel service.", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
@@ -304,14 +177,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Barber Weekly",
|
||||
"City Gazette",
|
||||
"Metro Monthly",
|
||||
"Local Life",
|
||||
"Style Today",
|
||||
"Grooming News",
|
||||
"Neighborhood Spot",
|
||||
]}
|
||||
"Barber Weekly", "City Gazette", "Metro Monthly", "Local Life", "Style Today", "Grooming News", "Neighborhood Spot"]}
|
||||
title="Trusted by the Local Community"
|
||||
description="Proudly serving our neighborhood for years."
|
||||
/>
|
||||
@@ -322,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Walk-ins are welcome, but appointments are recommended for guaranteed service.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Walk-ins are welcome, but appointments are recommended for guaranteed service."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash and major credit cards.",
|
||||
},
|
||||
id: "f2", title: "What payment methods do you accept?", content: "We accept cash and major credit cards."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long do haircuts typically take?",
|
||||
content: "Most services take 30 to 45 minutes depending on the complexity.",
|
||||
},
|
||||
id: "f3", title: "How long do haircuts typically take?", content: "Most services take 30 to 45 minutes depending on the complexity."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -346,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a fresh look? Reach out today."
|
||||
@@ -363,25 +219,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user