Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -26,35 +26,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
name: "Services", id: "services"
|
||||
},
|
||||
{
|
||||
name: "Why Pico",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "Why Pico", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
href: "/team",
|
||||
name: "Barbers", id: "team"
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
href: "/testimonials",
|
||||
name: "Testimonials", id: "testimonials"
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
href: "/booking",
|
||||
},
|
||||
name: "Book Now", id: "booking"
|
||||
}
|
||||
]}
|
||||
brandName="PICO BARBERSHOP"
|
||||
/>
|
||||
@@ -69,27 +57,19 @@ export default function LandingPage() {
|
||||
description="Pico Barbershop was founded on a simple principle: to provide unparalleled grooming experiences. For over two decades, we've blended classic barbering techniques with modern trends, creating a space where every client feels confident and refreshed."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Masterful Craftsmanship",
|
||||
description: "Our barbers are highly skilled artisans, dedicated to precision cuts, clean shaves, and perfect grooming.",
|
||||
icon: Scissors,
|
||||
title: "Masterful Craftsmanship", description: "Our barbers are highly skilled artisans, dedicated to precision cuts, clean shaves, and perfect grooming.", icon: Scissors
|
||||
},
|
||||
{
|
||||
title: "Timeless Techniques",
|
||||
description: "We honor the tradition of barbering, using classic tools and methods for superior results.",
|
||||
icon: Clock,
|
||||
title: "Timeless Techniques", description: "We honor the tradition of barbering, using classic tools and methods for superior results.", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "Modern Styles",
|
||||
description: "Keeping up with the latest trends, we offer contemporary cuts and styles to suit every client's preference.",
|
||||
icon: Sparkles,
|
||||
title: "Modern Styles", description: "Keeping up with the latest trends, we offer contemporary cuts and styles to suit every client's preference.", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Exceptional Experience",
|
||||
description: "From the warm welcome to the final brush-off, we ensure a relaxing and memorable visit.",
|
||||
icon: Star,
|
||||
},
|
||||
title: "Exceptional Experience", description: "From the warm welcome to the final brush-off, we ensure a relaxing and memorable visit.", icon: Star
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg"
|
||||
imageAlt="Vintage barbershop interior with a client waiting"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,52 +79,41 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "/services",
|
||||
label: "Haircuts", href: "/services"
|
||||
},
|
||||
{
|
||||
label: "Beard Trims",
|
||||
href: "/services",
|
||||
label: "Beard Trims", href: "/services"
|
||||
},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
label: "Shaves", href: "/services"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
label: "Our Story", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/team",
|
||||
label: "Our Team", href: "/team"
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "/testimonials",
|
||||
},
|
||||
],
|
||||
label: "Testimonials", href: "/testimonials"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Booking",
|
||||
items: [
|
||||
title: "Booking", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/booking",
|
||||
label: "Book Now", href: "/booking"
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Contact Us", href: "/contact"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Stay Sharp. Stay Confident. All rights reserved."
|
||||
/>
|
||||
|
||||
104
src/app/page.tsx
104
src/app/page.tsx
@@ -27,35 +27,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
name: "Services", id: "services"
|
||||
},
|
||||
{
|
||||
name: "Why Pico",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "Why Pico", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
href: "/team",
|
||||
name: "Barbers", id: "team"
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
href: "/testimonials",
|
||||
name: "Testimonials", id: "testimonials"
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
href: "/booking",
|
||||
},
|
||||
name: "Book Now", id: "booking"
|
||||
}
|
||||
]}
|
||||
brandName="PICO BARBERSHOP"
|
||||
/>
|
||||
@@ -64,45 +52,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Stay Sharp. Stay Confident."
|
||||
description="Precision cuts. Clean fades. A barbershop experience built for you—and your family.\n⭐⭐⭐⭐⭐ Rated by 100+ Happy Clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/booking",
|
||||
text: "Book Appointment", href: "/booking"
|
||||
},
|
||||
{
|
||||
text: "Walk In Today",
|
||||
href: "/booking",
|
||||
},
|
||||
text: "Walk In Today", href: "/booking"
|
||||
}
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7908.jpg",
|
||||
imageAlt: "Barber cutting a client's hair in a luxury barbershop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7908.jpg", imageAlt: "Barber cutting a client's hair in a luxury barbershop"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-making-photo-his-phone_627829-7389.jpg",
|
||||
imageAlt: "Barber giving a kid a haircut, making them happy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-making-photo-his-phone_627829-7389.jpg", imageAlt: "Barber giving a kid a haircut, making them happy"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-washing-old-man-hair-backwash_23-2148181935.jpg",
|
||||
imageAlt: "Close up of a precision fade haircut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-washing-old-man-hair-backwash_23-2148181935.jpg", imageAlt: "Close up of a precision fade haircut"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg?_wi=1",
|
||||
imageAlt: "Interior of a clean and welcoming barbershop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg", imageAlt: "Interior of a clean and welcoming barbershop"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg",
|
||||
imageAlt: "Client receiving a beard grooming service with a hot towel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg", imageAlt: "Client receiving a beard grooming service with a hot towel"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg",
|
||||
imageAlt: "Luxury barbershop tools laid out on a counter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg", imageAlt: "Luxury barbershop tools laid out on a counter"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,12 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Family Approved",
|
||||
"Client Loved",
|
||||
"Precision Guaranteed",
|
||||
"Community Rated",
|
||||
"Expert Recommended",
|
||||
"Award Winning",
|
||||
"Family Approved", "Client Loved", "Precision Guaranteed", "Community Rated", "Expert Recommended", "Award Winning"
|
||||
]}
|
||||
title="Trusted by families, loved by clients, respected for precision."
|
||||
description="Our commitment to excellence is reflected in every review. We're proud to be the community's choice for quality grooming."
|
||||
@@ -131,47 +106,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Expert stylists deliver sharp lines and perfect cuts, tailored to your individual style and preferences.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircuts", description: "Expert stylists deliver sharp lines and perfect cuts, tailored to your individual style and preferences.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-client_1153-1498.jpg",
|
||||
imageAlt: "Barber scissors and comb",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-client_1153-1498.jpg", imageAlt: "Barber scissors and comb"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg",
|
||||
imageAlt: "Barber giving a fade haircut",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg", imageAlt: "Barber giving a fade haircut"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kids Haircuts (Specialty)",
|
||||
description: "Patient and skilled barbers make every child's haircut a fun, comfortable, and tear-free experience.",
|
||||
icon: GraduationCap,
|
||||
title: "Kids Haircuts (Specialty)", description: "Patient and skilled barbers make every child's haircut a fun, comfortable, and tear-free experience.", icon: GraduationCap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462507.jpg",
|
||||
imageAlt: "Happy child in barber chair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462507.jpg", imageAlt: "Happy child in barber chair"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-preschooler-boy-getting-haircut-children-hairdresser-with-trimmer-is-cutting-little-boy-room-with-loft-interior_613910-5672.jpg",
|
||||
imageAlt: "Barber talking to a child",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-preschooler-boy-getting-haircut-children-hairdresser-with-trimmer-is-cutting-little-boy-room-with-loft-interior_613910-5672.jpg", imageAlt: "Barber talking to a child"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming & Hot Towel",
|
||||
description: "Indulge in a luxurious beard trim, shaping, and hot towel treatment for a refined and refreshed look.",
|
||||
icon: Crown,
|
||||
title: "Beard Grooming & Hot Towel", description: "Indulge in a luxurious beard trim, shaping, and hot towel treatment for a refined and refreshed look.", icon: Crown,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985724.jpg",
|
||||
imageAlt: "Man getting beard trimmed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985724.jpg", imageAlt: "Man getting beard trimmed"
|
||||
},
|
||||
{},
|
||||
],
|
||||
},
|
||||
{}
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Experience the Pico Barbershop difference with our expertly crafted services, designed for every member of your family."
|
||||
|
||||
Reference in New Issue
Block a user