Merge version_2 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -9,8 +9,6 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Precision Barbershop"
|
||||
/>
|
||||
@@ -54,47 +42,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Precision Barbershop LLC"
|
||||
description="Where tradition meets modern technique. Elevating the art of grooming with precision, style, and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern high-end",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1", imageAlt: "barbershop interior modern high-end"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7249.jpg?_wi=1",
|
||||
imageAlt: "men grooming haircut salon",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7249.jpg?_wi=1", imageAlt: "men grooming haircut salon"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-equipment-white-background_23-2147711627.jpg",
|
||||
imageAlt: "razor blade shaving closeup",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-equipment-white-background_23-2147711627.jpg", imageAlt: "razor blade shaving closeup"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg",
|
||||
imageAlt: "barbershop decor vintage modern",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg", imageAlt: "barbershop decor vintage modern"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",
|
||||
imageAlt: "barber working portrait",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg", imageAlt: "barber working portrait"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-male-barber-uniform-holding-looking-shaving-brush-isolated-purple-wall_141793-103137.jpg",
|
||||
imageAlt: "hair styling session artistic",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-male-barber-uniform-holding-looking-shaving-brush-isolated-purple-wall_141793-103137.jpg", imageAlt: "hair styling session artistic"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,26 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Expert cuts designed to define your style and enhance your features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg",
|
||||
buttonText: "See More",
|
||||
},
|
||||
title: "Precision Haircut", description: "Expert cuts designed to define your style and enhance your features.", imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg", buttonText: "See More"},
|
||||
{
|
||||
title: "Expert Beard Trim",
|
||||
description: "Sculpted beard grooming with premium products for a clean, sharp look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-man-suffering-from-ptsd_23-2149307587.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
|
||||
buttonText: "See More",
|
||||
},
|
||||
title: "Expert Beard Trim", description: "Sculpted beard grooming with premium products for a clean, sharp look.", imageSrc: "http://img.b2bpic.net/free-photo/military-man-suffering-from-ptsd_23-2149307587.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", buttonText: "See More"},
|
||||
{
|
||||
title: "Luxury Hot Towel Shave",
|
||||
description: "Experience the ultimate smooth shave with our traditional hot towel treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",
|
||||
buttonText: "See More",
|
||||
},
|
||||
title: "Luxury Hot Towel Shave", description: "Experience the ultimate smooth shave with our traditional hot towel treatment.", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", buttonText: "See More"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Premium grooming solutions tailored to your unique style."
|
||||
@@ -138,19 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Precision Difference",
|
||||
},
|
||||
type: "text", content: "The Precision Difference"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841549.jpg",
|
||||
alt: "barbershop interior warm lighting",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841549.jpg", alt: "barbershop interior warm lighting"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,162 +108,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Classic Cut",
|
||||
price: "$35",
|
||||
period: "session",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Cut & Finish",
|
||||
"Neck Trim",
|
||||
],
|
||||
id: "p1", title: "Classic Cut", price: "$35", period: "session", features: [
|
||||
"Consultation", "Cut & Finish", "Neck Trim"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
imageAlt: "Side view of leather barber shop chair",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "Side view of leather barber shop chair"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Full Groom",
|
||||
price: "$55",
|
||||
period: "session",
|
||||
features: [
|
||||
"Classic Cut",
|
||||
"Beard Sculpt",
|
||||
"Hot Towel",
|
||||
],
|
||||
id: "p2", title: "Full Groom", price: "$55", period: "session", features: [
|
||||
"Classic Cut", "Beard Sculpt", "Hot Towel"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2",
|
||||
imageAlt: "Side view of leather barber shop chair",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2", imageAlt: "Side view of leather barber shop chair"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "The Master Package",
|
||||
price: "$75",
|
||||
period: "session",
|
||||
features: [
|
||||
"Full Groom",
|
||||
"Scalp Massage",
|
||||
"Premium Beard Product",
|
||||
],
|
||||
id: "p3", title: "The Master Package", price: "$75", period: "session", features: [
|
||||
"Full Groom", "Scalp Massage", "Premium Beard Product"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7249.jpg?_wi=2",
|
||||
imageAlt: "Side view of leather barber shop chair",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7249.jpg?_wi=2", imageAlt: "Side view of leather barber shop chair"},
|
||||
]}
|
||||
title="Service Pricing"
|
||||
description="High-quality grooming experiences at transparent prices."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivera",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-combing-cutting-his-moustache-looking-side-isolated-green-background_141793-84992.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris Taylor",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-with-tattoo-his-arms-before-hair-wash-hairdressers-salon_613910-14535.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey Morgan",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Expert hands dedicated to your look."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Best haircut I've had in years. Precision is the right name for this shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hairdresser-with-hair-dryer-his-hands-hairstyle-woman-beauty-hair-professional-beauty-salon_231208-10937.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Excellent service and great atmosphere. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-his-beard_23-2148506239.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "Very professional and friendly staff. Love the beard trim.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dave L.",
|
||||
handle: "@davel",
|
||||
testimonial: "Great attention to detail. I won't go anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul B.",
|
||||
handle: "@paulb",
|
||||
testimonial: "Clean shop, great cuts, and amazing hot towel service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-braiding-hair-woman_23-2147784501.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
description="Read what our clients have to say about their experience at Precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Refresh?"
|
||||
description="Book your slot at Precision Barbershop today and experience the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment Online",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Appointment Online", href: "#booking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,37 +152,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -368,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user