Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-09 09:32:09 +00:00

View File

@@ -13,7 +13,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Facebook, Instagram, Scissors, Sparkles, Twitter } from "lucide-react";
import { Cut, Facebook, Instagram, RefreshCcw, Scissors, Sparkles, Twitter } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,42 +34,24 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Gallery",
id: "#products",
},
name: "Gallery", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fvyv4y"
logoAlt="Renas Barbers Club Logo"
brandName="Renas Barbers Club"
@@ -79,41 +61,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Premium Barbering in the Heart of Erbil"
description="Renas Barbers Club delivers expert cuts and grooming in a welcoming atmosphere. Trusted by 40 satisfied customers with a 4.4-star rating."
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205930.jpg",
imageAlt: "Empty stylish barber chair",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205930.jpg", imageAlt: "Empty stylish barber chair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-1466.jpg",
imageAlt: "Barber cutting a client's hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tattooed-male-barber-cuts-beard-black-male_613910-1466.jpg", imageAlt: "Barber cutting a client's hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-elements_1303-1316.jpg",
imageAlt: "Collection of traditional barber tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-elements_1303-1316.jpg", imageAlt: "Collection of traditional barber tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
imageAlt: "Barber working on client's fade haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg", imageAlt: "Barber working on client's fade haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg",
imageAlt: "Modern and clean barbershop interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", imageAlt: "Modern and clean barbershop interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313031.jpg",
imageAlt: "Shelf with various men's grooming products",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313031.jpg", imageAlt: "Shelf with various men's grooming products"},
]}
/>
</div>
@@ -138,32 +105,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "Expertly crafted haircuts tailored to your personal style and preferences.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-1970.jpg",
imageAlt: "Man getting a classic haircut",
buttonIcon: "Cut",
title: "Precision Haircuts", description: "Expertly crafted haircuts tailored to your personal style and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-1970.jpg", imageAlt: "Man getting a classic haircut", buttonIcon: Cut,
},
{
title: "Modern Fades",
description: "Flawless fade techniques for a sharp, clean, and contemporary look.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
imageAlt: "Man getting a skin fade haircut",
buttonIcon: "RefreshCcw",
title: "Modern Fades", description: "Flawless fade techniques for a sharp, clean, and contemporary look.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", imageAlt: "Man getting a skin fade haircut", buttonIcon: RefreshCcw,
},
{
title: "Beard Grooming",
description: "Professional beard trims, shaping, and conditioning for a well-maintained look.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg",
imageAlt: "Barber trimming a man's beard",
buttonIcon: "Scissors",
title: "Beard Grooming", description: "Professional beard trims, shaping, and conditioning for a well-maintained look.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Barber trimming a man's beard", buttonIcon: Scissors,
},
{
title: "Hair Styling",
description: "From classic to trendy, we provide the perfect finish and styling advice.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shaving-foam-his-cheeks-holding-brush-razor-against-gray-backdrop_23-2148088230.jpg",
imageAlt: "Man's hair being styled with product",
buttonIcon: "Sparkles",
title: "Hair Styling", description: "From classic to trendy, we provide the perfect finish and styling advice.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shaving-foam-his-cheeks-holding-brush-razor-against-gray-backdrop_23-2148088230.jpg", imageAlt: "Man's hair being styled with product", buttonIcon: Sparkles,
},
]}
title="Our Signature Services"
@@ -176,49 +127,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
animationType="opacity"
products={[
{
id: "slick-back",
name: "Slick Back Classic",
price: "Starting from $25",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-kippah_23-2148629958.jpg",
imageAlt: "Man with slick back hairstyle",
},
id: "slick-back", name: "Slick Back Classic", price: "Starting from $25", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-kippah_23-2148629958.jpg", imageAlt: "Man with slick back hairstyle"},
{
id: "crop-top",
name: "Textured Crop Top",
price: "Starting from $30",
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg",
imageAlt: "Man with textured crop top haircut",
},
id: "crop-top", name: "Textured Crop Top", price: "Starting from $30", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg", imageAlt: "Man with textured crop top haircut"},
{
id: "side-part",
name: "Gentleman's Side Part",
price: "Starting from $25",
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: "Man with classic side part hairstyle",
},
id: "side-part", name: "Gentleman's Side Part", price: "Starting from $25", 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: "Man with classic side part hairstyle"},
{
id: "quiff",
name: "Modern Quiff",
price: "Starting from $30",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg",
imageAlt: "Man with modern quiff hairstyle",
},
id: "quiff", name: "Modern Quiff", price: "Starting from $30", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", imageAlt: "Man with modern quiff hairstyle"},
{
id: "beard-trim",
name: "Precision Beard Trim",
price: "Starting from $15",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg",
imageAlt: "Man with a perfectly trimmed beard",
},
id: "beard-trim", name: "Precision Beard Trim", price: "Starting from $15", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg", imageAlt: "Man with a perfectly trimmed beard"},
{
id: "long-hair",
name: "Styled Long Hair",
price: "Starting from $35",
imageSrc: "http://img.b2bpic.net/free-photo/redhead-hipster-male-with-long-luxuriant-hair-full-beard-dressed-casual-clothes-posing-with-hands-pockets-studio-looking-camera-isolated-dark-background_613910-20151.jpg",
imageAlt: "Man with long styled hair",
},
id: "long-hair", name: "Styled Long Hair", price: "Starting from $35", imageSrc: "http://img.b2bpic.net/free-photo/redhead-hipster-male-with-long-luxuriant-hair-full-beard-dressed-casual-clothes-posing-with-hands-pockets-studio-looking-camera-isolated-dark-background_613910-20151.jpg", imageAlt: "Man with long styled hair"},
]}
title="Popular Styles & Finishes"
description="Explore some of the most requested haircuts, beard styles, and modern looks our clients love."
@@ -229,60 +151,32 @@ export default function LandingPage() {
<PricingCardThree
textboxLayout="default"
useInvertedBackground={false}
animationType="opacity"
plans={[
{
id: "basic-cut",
name: "Signature Haircut",
price: "$20",
buttons: [
id: "basic-cut", name: "Signature Haircut", price: "$20", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Cut",
"Hair Wash & Dry",
"Basic Styling",
],
"Precision Cut", "Hair Wash & Dry", "Basic Styling"],
},
{
id: "cut-beard",
name: "Haircut & Beard Trim",
price: "$35",
badge: "Popular",
badgeIcon: Sparkles,
id: "cut-beard", name: "Haircut & Beard Trim", price: "$35", badge: "Popular", badgeIcon: Sparkles,
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Cut",
"Hair Wash & Dry",
"Beard Trim & Shape",
"Premium Styling",
],
"Precision Cut", "Hair Wash & Dry", "Beard Trim & Shape", "Premium Styling"],
},
{
id: "full-groom",
name: "Executive Grooming",
price: "$50",
buttons: [
id: "full-groom", name: "Executive Grooming", price: "$50", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Cut",
"Hair Wash & Dry",
"Beard Trim & Shape",
"Hot Towel Shave",
"Face Mask & Massage",
"Premium Styling",
],
"Precision Cut", "Hair Wash & Dry", "Beard Trim & Shape", "Hot Towel Shave", "Face Mask & Massage", "Premium Styling"],
},
]}
title="Transparent Pricing for Every Service"
@@ -295,28 +189,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="opacity"
members={[
{
id: "barber-rena",
name: "Renas Ali",
role: "Master Barber & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-hair-clippers-holding-out-hand-isolated-olive-green-wall_141793-105725.jpg",
imageAlt: "Renas Ali, Master Barber",
},
id: "barber-rena", name: "Renas Ali", role: "Master Barber & Founder", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-hair-clippers-holding-out-hand-isolated-olive-green-wall_141793-105725.jpg", imageAlt: "Renas Ali, Master Barber"},
{
id: "barber-kareem",
name: "Kareem Hamad",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg",
imageAlt: "Kareem Hamad, Senior Stylist",
},
id: "barber-kareem", name: "Kareem Hamad", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg", imageAlt: "Kareem Hamad, Senior Stylist"},
{
id: "barber-lana",
name: "Lana Murad",
role: "Grooming Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg",
imageAlt: "Lana Murad, Grooming Specialist",
},
id: "barber-lana", name: "Lana Murad", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg", imageAlt: "Lana Murad, Grooming Specialist"},
]}
title="Meet Our Expert Barbers"
description="Our passionate team is dedicated to delivering precision cuts and exceptional service."
@@ -330,45 +210,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "client-sarah",
name: "Ahmed Z.",
role: "Working Professional",
testimonial: "Renas Barbers Club consistently delivers top-notch service. My haircut is always perfect, and the attention to detail is unmatched. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg",
imageAlt: "Happy client Ahmed Z.",
},
id: "client-sarah", name: "Ahmed Z.", role: "Working Professional", testimonial: "Renas Barbers Club consistently delivers top-notch service. My haircut is always perfect, and the attention to detail is unmatched. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg", imageAlt: "Happy client Ahmed Z."},
{
id: "client-michael",
name: "Omar K.",
role: "University Student",
testimonial: "Been coming here for years. The barbers are skilled, friendly, and always get my fade just right. Best barbershop in Erbil, hands down!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket_613910-988.jpg",
imageAlt: "Satisfied client Omar K.",
},
id: "client-michael", name: "Omar K.", role: "University Student", testimonial: "Been coming here for years. The barbers are skilled, friendly, and always get my fade just right. Best barbershop in Erbil, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket_613910-988.jpg", imageAlt: "Satisfied client Omar K."},
{
id: "client-emily",
name: "Layla H.",
role: "Marketing Manager",
testimonial: "The atmosphere is welcoming, and the service is exceptional. Renas Barbers Club is my go-to for all my grooming needs. They never disappoint!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg",
imageAlt: "Pleased client Layla H.",
},
id: "client-emily", name: "Layla H.", role: "Marketing Manager", testimonial: "The atmosphere is welcoming, and the service is exceptional. Renas Barbers Club is my go-to for all my grooming needs. They never disappoint!", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg", imageAlt: "Pleased client Layla H."},
{
id: "client-david",
name: "Sami R.",
role: "Startup Founder",
testimonial: "Finding a reliable barber was tough until I found Renas. Their online booking is super convenient, and the quality of service is consistently high.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-holding-idea-board-gesture-thumb-up-restaurant_114579-92528.jpg",
imageAlt: "Happy client Sami R.",
},
id: "client-david", name: "Sami R.", role: "Startup Founder", testimonial: "Finding a reliable barber was tough until I found Renas. Their online booking is super convenient, and the quality of service is consistently high.", imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-holding-idea-board-gesture-thumb-up-restaurant_114579-92528.jpg", imageAlt: "Happy client Sami R."},
{
id: "client-jessica",
name: "Yousif A.",
role: "Local Business Owner",
testimonial: "Professional, clean, and modern. Renas Barbers Club understands client needs and delivers outstanding results. A true gem in Erbil.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020301.jpg",
imageAlt: "Content client Yousif A.",
},
id: "client-jessica", name: "Yousif A.", role: "Local Business Owner", testimonial: "Professional, clean, and modern. Renas Barbers Club understands client needs and delivers outstanding results. A true gem in Erbil.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020301.jpg", imageAlt: "Content client Yousif A."},
]}
title="What Our Clients Say"
description="Read reviews from our satisfied customers who trust Renas Barbers Club for their grooming needs."
@@ -380,14 +230,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Professionals",
"University Students",
"Entrepreneurs",
"Community Leaders",
"Local Businesses",
"Erbil Residents",
"Family & Friends",
]}
"Local Professionals", "University Students", "Entrepreneurs", "Community Leaders", "Local Businesses", "Erbil Residents", "Family & Friends"]}
title="Trusted by Our Valued Community"
description="Our commitment to excellence has earned us the loyalty of many satisfied clients in Erbil."
/>
@@ -397,18 +240,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready for a fresh cut? Book your appointment or visit us today!"
buttons={[
{
text: "Book Now",
href: "#",
},
text: "Book Now", href: "#"},
{
text: "Find Us",
href: "https://maps.app.goo.gl/YourLocationLink",
},
text: "Find Us", href: "https://maps.app.goo.gl/YourLocationLink"},
]}
/>
</div>
@@ -420,19 +258,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
]}
/>
</div>