Merge version_1 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -11,7 +11,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Scissors, Sparkles, User, Zap } from "lucide-react";
|
||||
import { Car, DollarSign, Scissors, Smile, Sparkles, User, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Why Us", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Book Now", id: "#contact"},
|
||||
]}
|
||||
brandName="Phat's Barber Shop"
|
||||
/>
|
||||
@@ -63,41 +51,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Sharp Cuts. Real Craft."
|
||||
description="Experience the blend of traditional techniques and modern Halifax street style at Phat's Barber Shop. Perfect for all ages, a true neighborhood staple."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Cut", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
|
||||
imageAlt: "Barber giving a classic haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg", imageAlt: "Barber giving a classic haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
|
||||
imageAlt: "Barber shaving a beard in a dark ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", imageAlt: "Barber shaving a beard in a dark ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20496.jpg",
|
||||
imageAlt: "Close-up of a barber styling hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20496.jpg", imageAlt: "Close-up of a barber styling hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
|
||||
imageAlt: "Busy barbershop interior with multiple clients",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", imageAlt: "Busy barbershop interior with multiple clients"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hairstylist-giving-haircut-client_23-2148506199.jpg",
|
||||
imageAlt: "Barber trimming a client's hair with clippers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hairstylist-giving-haircut-client_23-2148506199.jpg", imageAlt: "Barber trimming a client's hair with clippers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/putting-up-barber-shop-sign_23-2151961900.jpg",
|
||||
imageAlt: "Barbershop exterior at night with a golden glow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/putting-up-barber-shop-sign_23-2151961900.jpg", imageAlt: "Barbershop exterior at night with a golden glow"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -117,64 +90,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "classic-haircut",
|
||||
badge: "Popular",
|
||||
badgeIcon: Scissors,
|
||||
price: "$25",
|
||||
subtitle: "A timeless cut tailored to your style.",
|
||||
features: [
|
||||
"Precision Scissor Work",
|
||||
"Hot Towel Finish",
|
||||
"Style Consultation",
|
||||
],
|
||||
id: "classic-haircut", badge: "Popular", badgeIcon: Scissors,
|
||||
price: "$25", subtitle: "A timeless cut tailored to your style.", features: [
|
||||
"Precision Scissor Work", "Hot Towel Finish", "Style Consultation"],
|
||||
},
|
||||
{
|
||||
id: "kids-haircut",
|
||||
badge: "Family",
|
||||
badgeIcon: User,
|
||||
price: "$20",
|
||||
subtitle: "Friendly cuts for our younger clients.",
|
||||
features: [
|
||||
"Gentle Touch",
|
||||
"Quick & Comfortable",
|
||||
"Kids-friendly Environment",
|
||||
],
|
||||
id: "kids-haircut", badge: "Family", badgeIcon: User,
|
||||
price: "$20", subtitle: "Friendly cuts for our younger clients.", features: [
|
||||
"Gentle Touch", "Quick & Comfortable", "Kids-friendly Environment"],
|
||||
},
|
||||
{
|
||||
id: "fade-taper",
|
||||
badge: "Modern",
|
||||
badgeIcon: Zap,
|
||||
price: "$25",
|
||||
subtitle: "Sharp fades and tapers for a contemporary look.",
|
||||
features: [
|
||||
"Skin Fades Available",
|
||||
"Seamless Blending",
|
||||
"Edgy & Clean Lines",
|
||||
],
|
||||
id: "fade-taper", badge: "Modern", badgeIcon: Zap,
|
||||
price: "$25", subtitle: "Sharp fades and tapers for a contemporary look.", features: [
|
||||
"Skin Fades Available", "Seamless Blending", "Edgy & Clean Lines"],
|
||||
},
|
||||
{
|
||||
id: "beard-trim",
|
||||
badge: "Grooming",
|
||||
badgeIcon: Scissors,
|
||||
price: "$15",
|
||||
subtitle: "Shape and refine your beard to perfection.",
|
||||
features: [
|
||||
"Precision Trimming",
|
||||
"Line Up & Shape",
|
||||
"Nourishing Balm Finish",
|
||||
],
|
||||
id: "beard-trim", badge: "Grooming", badgeIcon: Scissors,
|
||||
price: "$15", subtitle: "Shape and refine your beard to perfection.", features: [
|
||||
"Precision Trimming", "Line Up & Shape", "Nourishing Balm Finish"],
|
||||
},
|
||||
{
|
||||
id: "haircut-beard-combo",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$35",
|
||||
subtitle: "Complete grooming for a cohesive look.",
|
||||
features: [
|
||||
"Full Haircut Service",
|
||||
"Expert Beard Trim",
|
||||
"Total Refresh & Style",
|
||||
],
|
||||
id: "haircut-beard-combo", badge: "Best Value", badgeIcon: Sparkles,
|
||||
price: "$35", subtitle: "Complete grooming for a cohesive look.", features: [
|
||||
"Full Haircut Service", "Expert Beard Trim", "Total Refresh & Style"],
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -188,33 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Experienced Barbers",
|
||||
description: "Our team of skilled barbers brings years of experience and passion to every cut.",
|
||||
buttonIcon: "Scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
|
||||
imageAlt: "Experienced barber at work",
|
||||
},
|
||||
title: "Experienced Barbers", description: "Our team of skilled barbers brings years of experience and passion to every cut.", buttonIcon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", imageAlt: "Experienced barber at work"},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "A welcoming environment for all ages, ensuring a comfortable visit for kids and adults alike.",
|
||||
buttonIcon: "Smile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg",
|
||||
imageAlt: "Father and son at a barbershop",
|
||||
},
|
||||
title: "Family Friendly", description: "A welcoming environment for all ages, ensuring a comfortable visit for kids and adults alike.", buttonIcon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg", imageAlt: "Father and son at a barbershop"},
|
||||
{
|
||||
title: "Street Parking",
|
||||
description: "Convenient street parking available right outside our shop for an easy visit.",
|
||||
buttonIcon: "Car",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-sign-double-decker-bus-london_1147-111.jpg",
|
||||
imageAlt: "Car parked on a street",
|
||||
},
|
||||
title: "Street Parking", description: "Convenient street parking available right outside our shop for an easy visit.", buttonIcon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-sign-double-decker-bus-london_1147-111.jpg", imageAlt: "Car parked on a street"},
|
||||
{
|
||||
title: "Affordable Prices",
|
||||
description: "High-quality cuts and grooming services that won't break the bank.",
|
||||
buttonIcon: "DollarSign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-silver-coins_23-2147965649.jpg",
|
||||
imageAlt: "Coins and price tag",
|
||||
},
|
||||
title: "Affordable Prices", description: "High-quality cuts and grooming services that won't break the bank.", buttonIcon: DollarSign,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-silver-coins_23-2147965649.jpg", imageAlt: "Coins and price tag"},
|
||||
]}
|
||||
title="Why Choose Phat's?"
|
||||
description="We combine expertise with a welcoming atmosphere, making every visit a top-notch experience for the whole family."
|
||||
@@ -228,64 +150,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ben F.",
|
||||
role: "Local Resident",
|
||||
company: "Halifax North End",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
imageAlt: "Ben F. customer testimonial",
|
||||
},
|
||||
id: "1", name: "Ben F.", role: "Local Resident", company: "Halifax North End", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "Ben F. customer testimonial"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Happy Customer",
|
||||
role: "Regular Client",
|
||||
company: "Halifax",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg",
|
||||
imageAlt: "Happy Customer testimonial",
|
||||
},
|
||||
id: "2", name: "Happy Customer", role: "Regular Client", company: "Halifax", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg", imageAlt: "Happy Customer testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David S.",
|
||||
role: "Business Owner",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-work_23-2149304146.jpg",
|
||||
imageAlt: "David S. customer testimonial",
|
||||
},
|
||||
id: "3", name: "David S.", role: "Business Owner", company: "Local Business", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-work_23-2149304146.jpg", imageAlt: "David S. customer testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily C.",
|
||||
role: "Community Member",
|
||||
company: "Halifax North End",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
imageAlt: "Emily C. customer testimonial",
|
||||
},
|
||||
id: "4", name: "Emily C.", role: "Community Member", company: "Halifax North End", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", imageAlt: "Emily C. customer testimonial"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike J.",
|
||||
role: "Student",
|
||||
company: "Dalhousie University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-chinese-man-standing_1149-1888.jpg",
|
||||
imageAlt: "Mike J. customer testimonial",
|
||||
},
|
||||
id: "5", name: "Mike J.", role: "Student", company: "Dalhousie University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-chinese-man-standing_1149-1888.jpg", imageAlt: "Mike J. customer testimonial"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "10+", label: "Years in Business"},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "5000+", label: "Happy Clients"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Styles Mastered",
|
||||
},
|
||||
value: "20+", label: "Styles Mastered"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their experience at Phat's Barber Shop."
|
||||
@@ -297,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Halifax Community Initiatives",
|
||||
"North End Business Association",
|
||||
"Local Business Alliance",
|
||||
"Nova Scotia Hair Stylists",
|
||||
"Barber's Guild of Canada",
|
||||
"Halifax Style Magazine",
|
||||
"Community News Hub",
|
||||
]}
|
||||
"Halifax Community Initiatives", "North End Business Association", "Local Business Alliance", "Nova Scotia Hair Stylists", "Barber's Guild of Canada", "Halifax Style Magazine", "Community News Hub"]}
|
||||
title="Trusted by the Community"
|
||||
description="Proudly serving Halifax and building strong community ties, Phat's Barber Shop is a name you can trust for quality grooming and exceptional service."
|
||||
/>
|
||||
@@ -317,27 +196,16 @@ export default function LandingPage() {
|
||||
description="Ready for a fresh look? Contact us to schedule your appointment. Walk-ins are always welcome, but booking ahead ensures your spot! Find us at 2170 Windsor St, Halifax, NS B3K 5B6. Call us at +1 (902) 423-6596. Hours: Monday–Saturday 9:30 AM – 7:00 PM."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your desired service or questions...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your desired service or questions...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg"
|
||||
imageAlt="Modern barbershop interior with empty chairs"
|
||||
@@ -350,70 +218,41 @@ export default function LandingPage() {
|
||||
logoText="Phat's Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Classic Haircut",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Classic Haircut", href: "#services"},
|
||||
{
|
||||
label: "Kids Haircut",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Kids Haircut", href: "#services"},
|
||||
{
|
||||
label: "Fade & Taper",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Fade & Taper", href: "#services"},
|
||||
{
|
||||
label: "Beard Trim",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Beard Trim", href: "#services"},
|
||||
{
|
||||
label: "Haircut + Beard Combo",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircut + Beard Combo", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Why Choose Us", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+19024236596",
|
||||
},
|
||||
label: "Call Us", href: "tel:+19024236596"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
|
||||
},
|
||||
label: "Location", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user