Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 306ed85c64 | |||
| 4954b31e5a |
262
src/app/page.tsx
262
src/app/page.tsx
@@ -9,8 +9,6 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
|
|||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,21 +29,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Team",
|
|
||||||
id: "team",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Precision Barbershop"
|
brandName="Precision Barbershop"
|
||||||
/>
|
/>
|
||||||
@@ -54,47 +42,26 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
title="Precision Barbershop LLC"
|
title="Precision Barbershop LLC"
|
||||||
description="Where tradition meets modern technique. Elevating the art of grooming with precision, style, and care."
|
description="Where tradition meets modern technique. Elevating the art of grooming with precision, style, and care."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book an Appointment",
|
text: "Book an Appointment", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-equipment-white-background_23-2147711627.jpg", imageAlt: "razor blade shaving closeup"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-equipment-white-background_23-2147711627.jpg",
|
|
||||||
imageAlt: "razor blade shaving closeup",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg", imageAlt: "barbershop decor vintage modern"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg",
|
|
||||||
imageAlt: "barbershop decor vintage modern",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg", imageAlt: "barber working portrait"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",
|
|
||||||
imageAlt: "barber working portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
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"},
|
||||||
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>
|
</div>
|
||||||
@@ -107,26 +74,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Precision Haircut",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Our Signature Services"
|
||||||
description="Premium grooming solutions tailored to your unique style."
|
description="Premium grooming solutions tailored to your unique style."
|
||||||
@@ -138,19 +90,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "The Precision Difference"},
|
||||||
content: "The Precision Difference",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841549.jpg", alt: "barbershop interior warm lighting"},
|
||||||
src: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841549.jpg",
|
|
||||||
alt: "barbershop interior warm lighting",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More"},
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -162,162 +108,40 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", title: "Classic Cut", price: "$35", period: "session", features: [
|
||||||
title: "Classic Cut",
|
"Consultation", "Cut & Finish", "Neck Trim"],
|
||||||
price: "$35",
|
|
||||||
period: "session",
|
|
||||||
features: [
|
|
||||||
"Consultation",
|
|
||||||
"Cut & Finish",
|
|
||||||
"Neck Trim",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Book Now",
|
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"},
|
||||||
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",
|
id: "p2", title: "Full Groom", price: "$55", period: "session", features: [
|
||||||
title: "Full Groom",
|
"Classic Cut", "Beard Sculpt", "Hot Towel"],
|
||||||
price: "$55",
|
|
||||||
period: "session",
|
|
||||||
features: [
|
|
||||||
"Classic Cut",
|
|
||||||
"Beard Sculpt",
|
|
||||||
"Hot Towel",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Book Now",
|
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"},
|
||||||
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",
|
id: "p3", title: "The Master Package", price: "$75", period: "session", features: [
|
||||||
title: "The Master Package",
|
"Full Groom", "Scalp Massage", "Premium Beard Product"],
|
||||||
price: "$75",
|
|
||||||
period: "session",
|
|
||||||
features: [
|
|
||||||
"Full Groom",
|
|
||||||
"Scalp Massage",
|
|
||||||
"Premium Beard Product",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Book Now",
|
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"},
|
||||||
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"
|
title="Service Pricing"
|
||||||
description="High-quality grooming experiences at transparent prices."
|
description="High-quality grooming experiences at transparent prices."
|
||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Ready for a Refresh?"
|
title="Ready for a Refresh?"
|
||||||
description="Book your slot at Precision Barbershop today and experience the difference."
|
description="Book your slot at Precision Barbershop today and experience the difference."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Appointment Online",
|
text: "Book Appointment Online", href: "#booking"},
|
||||||
href: "#booking",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -328,37 +152,25 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Book Now",
|
label: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user