Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Craig's Barbershop"
|
||||
/>
|
||||
@@ -55,60 +47,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Craig's Barbershop"
|
||||
description="Experience premium grooming at 2619 West Chester Pike. Join us for classic styles and modern cuts."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", alt: "Client"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
type: "text", text: "Classic Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Shaving",
|
||||
},
|
||||
type: "text", text: "Precision Shaving"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styling",
|
||||
},
|
||||
type: "text", text: "Modern Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Service",
|
||||
},
|
||||
type: "text", text: "Hot Towel Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
type: "text", text: "Expert Grooming"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,55 +89,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Classic and modern styling for any hair type.",
|
||||
icon: Scissors,
|
||||
title: "Precision Cuts", description: "Classic and modern styling for any hair type.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg",
|
||||
imageAlt: "Cut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg", imageAlt: "Cut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg",
|
||||
imageAlt: "Cut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", imageAlt: "Cut"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
imageAlt: "professional haircut styling session",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trimming, shaping, and conditioning.",
|
||||
icon: Scissors,
|
||||
title: "Beard Grooming", description: "Expert beard trimming, shaping, and conditioning.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",
|
||||
imageAlt: "Beard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", imageAlt: "Beard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-looking-mirror_23-2148784345.jpg",
|
||||
imageAlt: "Beard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-looking-mirror_23-2148784345.jpg", imageAlt: "Beard"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg",
|
||||
imageAlt: "professional haircut styling session",
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "Classic straight-razor shave with hot towel treatment.",
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave", description: "Classic straight-razor shave with hot towel treatment.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-looking-straight-razor-with-shaving-cream-put-his-face-keeping-hand-air_141793-98626.jpg?_wi=1",
|
||||
imageAlt: "Shave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-looking-straight-razor-with-shaving-cream-put-his-face-keeping-hand-air_141793-98626.jpg", imageAlt: "Shave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
imageAlt: "Shave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg", imageAlt: "Shave"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg",
|
||||
imageAlt: "professional haircut styling session",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -181,7 +126,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us?"
|
||||
description="Located in Broomall, PA, Craig's Barbershop provides more than just a haircut—we offer a professional grooming ritual. Our experienced team is dedicated to precision, quality, and your comfort."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-looking-straight-razor-with-shaving-cream-put-his-face-keeping-hand-air_141793-98626.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-looking-straight-razor-with-shaving-cream-put-his-face-keeping-hand-air_141793-98626.jpg"
|
||||
imageAlt="Expert Barber"
|
||||
/>
|
||||
</div>
|
||||
@@ -191,30 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Lee", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
|
||||
},
|
||||
id: "5", name: "Tom Brown", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg"},
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="4.7 Stars"
|
||||
@@ -230,59 +160,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Style",
|
||||
name: "Classic Taper",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43560.jpg",
|
||||
},
|
||||
id: "p1", brand: "Style", name: "Classic Taper", price: "Featured", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43560.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Style",
|
||||
name: "Beard Trim",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/razor-shaving-brush-folded-napkin-near-wooden-bowl-with-foam-against-blue-background_23-2148088325.jpg",
|
||||
},
|
||||
id: "p2", brand: "Style", name: "Beard Trim", price: "Featured", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/razor-shaving-brush-folded-napkin-near-wooden-bowl-with-foam-against-blue-background_23-2148088325.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Style",
|
||||
name: "Modern Fade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio_158538-23689.jpg",
|
||||
},
|
||||
id: "p3", brand: "Style", name: "Modern Fade", price: "Featured", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio_158538-23689.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Style",
|
||||
name: "Classic Groom",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg",
|
||||
},
|
||||
id: "p4", brand: "Style", name: "Classic Groom", price: "Featured", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Style",
|
||||
name: "Sharp Lines",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-stretching-out-straight-razor-with-shaving-cream-put-his-face_141793-98473.jpg",
|
||||
},
|
||||
id: "p5", brand: "Style", name: "Sharp Lines", price: "Featured", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-stretching-out-straight-razor-with-shaving-cream-put-his-face_141793-98473.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Style",
|
||||
name: "Gentleman's Cut",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-preparing-man-face-shaving-with-hot-towel-face-barber-shop_1153-9646.jpg",
|
||||
},
|
||||
id: "p6", brand: "Style", name: "Gentleman's Cut", price: "Featured", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/barber-preparing-man-face-shaving-with-hot-towel-face-barber-shop_1153-9646.jpg"},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Take a look at some of our recent styles and atmosphere."
|
||||
@@ -295,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your hours?",
|
||||
content: "Monday/Wednesday/Thursday: 8am-8pm, Friday: 6am-6pm, Saturday: 6am-4pm, Sunday: closed.",
|
||||
},
|
||||
id: "1", title: "What are your hours?", content: "Monday/Wednesday/Thursday: 8am-8pm, Friday: 6am-6pm, Saturday: 6am-4pm, Sunday: closed."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "2619 West Chester Pike, Broomall, PA 19008",
|
||||
},
|
||||
id: "2", title: "Where are you located?", content: "2619 West Chester Pike, Broomall, PA 19008"},
|
||||
{
|
||||
id: "3",
|
||||
title: "How can I contact you?",
|
||||
content: "Call us at (484) 422-8190",
|
||||
},
|
||||
id: "3", title: "How can I contact you?", content: "Call us at (484) 422-8190"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg"
|
||||
title="Common Questions"
|
||||
@@ -319,10 +204,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Get in Touch"
|
||||
description="Ready for your next fresh cut? Reach out to schedule or ask any questions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-talking-with-client-reception-desk_23-2148181957.jpg"
|
||||
@@ -334,13 +219,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Craig's Barbershop"
|
||||
leftLink={{
|
||||
text: "© 2024 Craig's Barbershop",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Craig's Barbershop", href: "#"}}
|
||||
rightLink={{
|
||||
text: "(484) 422-8190",
|
||||
href: "tel:4844228190",
|
||||
}}
|
||||
text: "(484) 422-8190", href: "tel:4844228190"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user