Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-08 23:08:45 +00:00
5 changed files with 158 additions and 498 deletions

View File

@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "#services" },
{ label: "Beard Trims", href: "#services" },
{ label: "Kids Cuts", href: "#services" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Meet Our Team", href: "#team" },
{ label: "Gallery", href: "#gallery" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Google Reviews", href: "https://google.com" },
@@ -55,7 +52,7 @@ export default function AboutPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
@@ -66,9 +63,7 @@ export default function AboutPage() {
brandName="Coiffure Shades"
navItems={navItems}
button={{
text: "Book Now",
href: "#booking",
}}
text: "Book Now", href: "#booking"}}
/>
</div>
@@ -81,7 +76,7 @@ export default function AboutPage() {
description="Founded on expertise and community"
subdescription="Est. 2015 - Trusted by our neighborhood"
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/man-with-hat-buttoning-his-vest_1153-1515.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/man-with-hat-buttoning-his-vest_1153-1515.jpg"
imageAlt="Coiffure Shades barbershop"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -101,29 +96,14 @@ export default function AboutPage() {
gridVariant="three-columns-all-equal-width"
members={[
{
id: "king",
name: "King",
role: "Master Barber",
imageSrc:
"http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg?_wi=2",
imageAlt: "King - Master Barber",
},
id: "king", name: "King", role: "Master Barber", imageSrc:
"http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg", imageAlt: "King - Master Barber"},
{
id: "mark",
name: "Mark",
role: "Senior Barber",
imageSrc:
"http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg?_wi=2",
imageAlt: "Mark - Senior Barber",
},
id: "mark", name: "Mark", role: "Senior Barber", imageSrc:
"http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg", imageAlt: "Mark - Senior Barber"},
{
id: "alanna",
name: "Alanna",
role: "Style Specialist",
imageSrc:
"http://img.b2bpic.net/free-photo/impressed-young-female-barber-uniform-holding-hair-clippers-putting-fingers-temples-isolated-olive-green-wall_141793-83059.jpg?_wi=2",
imageAlt: "Alanna - Style Specialist",
},
id: "alanna", name: "Alanna", role: "Style Specialist", imageSrc:
"http://img.b2bpic.net/free-photo/impressed-young-female-barber-uniform-holding-hair-clippers-putting-fingers-temples-isolated-olive-green-wall_141793-83059.jpg", imageAlt: "Alanna - Style Specialist"},
]}
/>
</div>
@@ -136,7 +116,7 @@ export default function AboutPage() {
{ text: "Book Your Cut", href: "#booking" },
{ text: "Back to Home", href: "/" },
]}
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>

View File

@@ -17,8 +17,7 @@ export default function BookingPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "#services" },
{ label: "Beard Trims", href: "#services" },
{ label: "Kids Cuts", href: "#services" },
@@ -26,8 +25,7 @@ export default function BookingPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Meet Our Team", href: "#team" },
{ label: "Gallery", href: "#gallery" },
@@ -35,8 +33,7 @@ export default function BookingPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Google Reviews", href: "https://google.com" },
@@ -52,7 +49,7 @@ export default function BookingPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
@@ -74,7 +71,7 @@ export default function BookingPage() {
{ text: "Book Appointment", href: "booking" },
{ text: "Contact Us", href: "#contact" },
]}
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>

View File

@@ -11,7 +11,7 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Award, Scissors, Zap, Users, Camera, Star } from "lucide-react";
import { Sparkles, Award, Scissors, Zap, Users, Camera, Star, Heart } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "#services" },
{ label: "Beard Trims", href: "#services" },
{ label: "Kids Cuts", href: "#services" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Meet Our Team", href: "#team" },
{ label: "Gallery", href: "#gallery" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Google Reviews", href: "https://google.com" },
@@ -59,7 +56,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
@@ -70,9 +67,7 @@ export default function HomePage() {
brandName="Coiffure Shades"
navItems={navItems}
button={{
text: "Book Now",
href: "#booking",
}}
text: "Book Now", href: "#booking"}}
/>
</div>
@@ -83,7 +78,7 @@ export default function HomePage() {
tag="Barbershop"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Book an Appointment", href: "#booking" },
{ text: "Learn More", href: "/about" },
@@ -92,29 +87,19 @@ export default function HomePage() {
mediaItems={[
{
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-hairstylist_23-2150754700.jpg",
imageAlt: "fade haircut close-up professional barber",
},
"http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-hairstylist_23-2150754700.jpg", imageAlt: "fade haircut close-up professional barber"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121966.jpg",
imageAlt: "modern barbershop interior warm lighting",
},
"http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121966.jpg", imageAlt: "modern barbershop interior warm lighting"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/strict-young-male-barber-wearing-uniform-holding-hair-clippers-showing-stop-gesture-isolated-yellow-background_141793-119277.jpg",
imageAlt: "barber working client satisfied happy",
},
"http://img.b2bpic.net/free-photo/strict-young-male-barber-wearing-uniform-holding-hair-clippers-showing-stop-gesture-isolated-yellow-background_141793-119277.jpg", imageAlt: "barber working client satisfied happy"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-cute-smiling-boy-getting-haircut-against-brick-wall_613910-19679.jpg",
imageAlt: "kids haircut barbershop friendly environment",
},
"http://img.b2bpic.net/free-photo/close-up-portrait-cute-smiling-boy-getting-haircut-against-brick-wall_613910-19679.jpg", imageAlt: "kids haircut barbershop friendly environment"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/hairstylist-combing-customer-beard_23-2148256922.jpg",
imageAlt: "barber beard styling grooming expertise",
},
"http://img.b2bpic.net/free-photo/hairstylist-combing-customer-beard_23-2148256922.jpg", imageAlt: "barber beard styling grooming expertise"},
]}
/>
</div>
@@ -128,7 +113,7 @@ export default function HomePage() {
description="Founded on expertise and community"
subdescription="Est. 2015 - Trusted by our neighborhood"
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/man-with-hat-buttoning-his-vest_1153-1515.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-with-hat-buttoning-his-vest_1153-1515.jpg"
imageAlt="Coiffure Shades barbershop"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -147,60 +132,28 @@ export default function HomePage() {
animationType="slide-up"
plans={[
{
id: "haircuts",
badge: "Popular",
badgeIcon: Sparkles,
price: "$25",
subtitle: "Classic & Fade Haircuts",
buttons: [{ text: "Book Service", href: "#booking" }],
id: "haircuts", badge: "Popular", badgeIcon: Sparkles,
price: "$25", subtitle: "Classic & Fade Haircuts", buttons: [{ text: "Book Service", href: "#booking" }],
features: [
"Professional haircuts",
"Classic styles",
"Fade expertise",
"Quality service",
],
"Professional haircuts", "Classic styles", "Fade expertise", "Quality service"],
},
{
id: "beards",
badge: "Premium",
badgeIcon: Award,
price: "$20",
subtitle: "Beard Trims & Shaping",
buttons: [{ text: "Book Service", href: "#booking" }],
id: "beards", badge: "Premium", badgeIcon: Award,
price: "$20", subtitle: "Beard Trims & Shaping", buttons: [{ text: "Book Service", href: "#booking" }],
features: [
"Expert beard trimming",
"Shaping & styling",
"Attention to detail",
"Professional care",
],
"Expert beard trimming", "Shaping & styling", "Attention to detail", "Professional care"],
},
{
id: "kids",
badge: "Family Friendly",
badgeIcon: Sparkles,
price: "$18",
subtitle: "Kids Haircuts",
buttons: [{ text: "Book Service", href: "#booking" }],
id: "kids", badge: "Family Friendly", badgeIcon: Heart,
price: "$18", subtitle: "Kids Haircuts", buttons: [{ text: "Book Service", href: "#booking" }],
features: [
"Kid-friendly environment",
"Patient service",
"Quality cuts",
"Fun experience",
],
"Kid-friendly environment", "Patient service", "Quality cuts", "Fun experience"],
},
{
id: "styling",
badge: "Special",
badgeIcon: Sparkles,
price: "$30",
subtitle: "Advanced Styling",
buttons: [{ text: "Book Service", href: "#booking" }],
id: "styling", badge: "Special", badgeIcon: Sparkles,
price: "$30", subtitle: "Advanced Styling", buttons: [{ text: "Book Service", href: "#booking" }],
features: [
"Custom styling",
"Color work",
"Texture services",
"Expert consultation",
],
"Custom styling", "Color work", "Texture services", "Expert consultation"],
},
]}
/>
@@ -219,29 +172,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
members={[
{
id: "king",
name: "King",
role: "Master Barber",
imageSrc:
"http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg?_wi=1",
imageAlt: "King - Master Barber",
},
id: "king", name: "King", role: "Master Barber", imageSrc:
"http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg", imageAlt: "King - Master Barber"},
{
id: "mark",
name: "Mark",
role: "Senior Barber",
imageSrc:
"http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg?_wi=1",
imageAlt: "Mark - Senior Barber",
},
id: "mark", name: "Mark", role: "Senior Barber", imageSrc:
"http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg", imageAlt: "Mark - Senior Barber"},
{
id: "alanna",
name: "Alanna",
role: "Style Specialist",
imageSrc:
"http://img.b2bpic.net/free-photo/impressed-young-female-barber-uniform-holding-hair-clippers-putting-fingers-temples-isolated-olive-green-wall_141793-83059.jpg?_wi=1",
imageAlt: "Alanna - Style Specialist",
},
id: "alanna", name: "Alanna", role: "Style Specialist", imageSrc:
"http://img.b2bpic.net/free-photo/impressed-young-female-barber-uniform-holding-hair-clippers-putting-fingers-temples-isolated-olive-green-wall_141793-83059.jpg", imageAlt: "Alanna - Style Specialist"},
]}
/>
</div>
@@ -259,53 +197,23 @@ export default function HomePage() {
gridVariant="bento-grid"
products={[
{
id: "fade-1",
name: "Sharp Fade",
price: "Classic Style",
imageSrc:
"http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg?_wi=1",
imageAlt: "Sharp fade haircut",
},
id: "fade-1", name: "Sharp Fade", price: "Classic Style", imageSrc:
"http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg", imageAlt: "Sharp fade haircut"},
{
id: "fade-2",
name: "Clean Lines",
price: "Premium Cut",
imageSrc:
"http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4664.jpg?_wi=1",
imageAlt: "Clean fade lines",
},
id: "fade-2", name: "Clean Lines", price: "Premium Cut", imageSrc:
"http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4664.jpg", imageAlt: "Clean fade lines"},
{
id: "fade-3",
name: "Precision Work",
price: "Expert Style",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg?_wi=1",
imageAlt: "Precision fade work",
},
id: "fade-3", name: "Precision Work", price: "Expert Style", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg", imageAlt: "Precision fade work"},
{
id: "fade-4",
name: "Modern Fade",
price: "Contemporary Cut",
imageSrc:
"http://img.b2bpic.net/free-vector/abstract-blue-gray-wave-transparent-background_1017-13896.jpg?_wi=1",
imageAlt: "Modern fade haircut",
},
id: "fade-4", name: "Modern Fade", price: "Contemporary Cut", imageSrc:
"http://img.b2bpic.net/free-vector/abstract-blue-gray-wave-transparent-background_1017-13896.jpg", imageAlt: "Modern fade haircut"},
{
id: "fade-5",
name: "Signature Style",
price: "Signature",
imageSrc:
"http://img.b2bpic.net/free-photo/man-sitting-chair-hairdresser-with-client-guy-drinkig-whiskey_1157-43567.jpg?_wi=1",
imageAlt: "Signature fade style",
},
id: "fade-5", name: "Signature Style", price: "Signature", imageSrc:
"http://img.b2bpic.net/free-photo/man-sitting-chair-hairdresser-with-client-guy-drinkig-whiskey_1157-43567.jpg", imageAlt: "Signature fade style"},
{
id: "fade-6",
name: "Expert Cut",
price: "Professional",
imageSrc:
"http://img.b2bpic.net/free-vector/blue-background-with-lines-as-rays_1017-8422.jpg?_wi=1",
imageAlt: "Expert barbershop cut",
},
id: "fade-6", name: "Expert Cut", price: "Professional", imageSrc:
"http://img.b2bpic.net/free-vector/blue-background-with-lines-as-rays_1017-8422.jpg", imageAlt: "Expert barbershop cut"},
]}
/>
</div>
@@ -323,65 +231,29 @@ export default function HomePage() {
gridVariant="uniform-all-items-equal"
testimonials={[
{
id: "testimonial-1",
name: "James Rodriguez",
role: "Regular Client",
company: "5-Year Customer",
rating: 5,
id: "testimonial-1", name: "James Rodriguez", role: "Regular Client", company: "5-Year Customer", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg?_wi=1",
imageAlt: "James Rodriguez testimonial",
},
"http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg", imageAlt: "James Rodriguez testimonial"},
{
id: "testimonial-2",
name: "Michael Chen",
role: "Satisfied Customer",
company: "Professional",
rating: 5,
id: "testimonial-2", name: "Michael Chen", role: "Satisfied Customer", company: "Professional", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg?_wi=1",
imageAlt: "Michael Chen testimonial",
},
"http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", imageAlt: "Michael Chen testimonial"},
{
id: "testimonial-3",
name: "David Thompson",
role: "Long-time Client",
company: "Loyal Member",
rating: 5,
id: "testimonial-3", name: "David Thompson", role: "Long-time Client", company: "Loyal Member", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg?_wi=1",
imageAlt: "David Thompson testimonial",
},
"http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", imageAlt: "David Thompson testimonial"},
{
id: "testimonial-4",
name: "Christopher Lee",
role: "Regular",
company: "Returning Client",
rating: 5,
id: "testimonial-4", name: "Christopher Lee", role: "Regular", company: "Returning Client", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-pretty-woman-working-laptop-home_1163-3999.jpg?_wi=1",
imageAlt: "Christopher Lee testimonial",
},
"http://img.b2bpic.net/free-photo/portrait-pretty-woman-working-laptop-home_1163-3999.jpg", imageAlt: "Christopher Lee testimonial"},
{
id: "testimonial-5",
name: "Anthony Martinez",
role: "Valued Customer",
company: "Trusted Barber Shop",
rating: 5,
id: "testimonial-5", name: "Anthony Martinez", role: "Valued Customer", company: "Trusted Barber Shop", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1",
imageAlt: "Anthony Martinez testimonial",
},
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Anthony Martinez testimonial"},
{
id: "testimonial-6",
name: "Robert Jackson",
role: "Client",
company: "Community Member",
rating: 5,
id: "testimonial-6", name: "Robert Jackson", role: "Client", company: "Community Member", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg?_wi=1",
imageAlt: "Robert Jackson testimonial",
},
"http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg", imageAlt: "Robert Jackson testimonial"},
]}
/>
</div>
@@ -394,7 +266,7 @@ export default function HomePage() {
{ text: "Book Appointment", href: "#booking" },
{ text: "Contact Us", href: "#contact" },
]}
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>

View File

@@ -41,7 +41,7 @@ export default function ServicesPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
@@ -52,9 +52,7 @@ export default function ServicesPage() {
navItems={navItems}
brandName="Coiffure Shades"
button={{
text: "Book Now",
href: "booking",
}}
text: "Book Now", href: "booking"}}
/>
</div>
@@ -62,80 +60,40 @@ export default function ServicesPage() {
<PricingCardEight
plans={[
{
id: "haircuts",
badge: "Popular",
badgeIcon: Sparkles,
price: "$25",
subtitle: "Classic & Fade Haircuts",
buttons: [
id: "haircuts", badge: "Popular", badgeIcon: Sparkles,
price: "$25", subtitle: "Classic & Fade Haircuts", buttons: [
{
text: "Book Service",
href: "booking",
},
text: "Book Service", href: "booking"},
],
features: [
"Professional haircuts",
"Classic styles",
"Fade expertise",
"Quality service",
],
"Professional haircuts", "Classic styles", "Fade expertise", "Quality service"],
},
{
id: "beards",
badge: "Premium",
badgeIcon: Award,
price: "$20",
subtitle: "Beard Trims & Shaping",
buttons: [
id: "beards", badge: "Premium", badgeIcon: Award,
price: "$20", subtitle: "Beard Trims & Shaping", buttons: [
{
text: "Book Service",
href: "booking",
},
text: "Book Service", href: "booking"},
],
features: [
"Expert beard trimming",
"Shaping & styling",
"Attention to detail",
"Professional care",
],
"Expert beard trimming", "Shaping & styling", "Attention to detail", "Professional care"],
},
{
id: "kids",
badge: "Family Friendly",
badgeIcon: Heart,
price: "$18",
subtitle: "Kids Haircuts",
buttons: [
id: "kids", badge: "Family Friendly", badgeIcon: Heart,
price: "$18", subtitle: "Kids Haircuts", buttons: [
{
text: "Book Service",
href: "booking",
},
text: "Book Service", href: "booking"},
],
features: [
"Kid-friendly environment",
"Patient service",
"Quality cuts",
"Fun experience",
],
"Kid-friendly environment", "Patient service", "Quality cuts", "Fun experience"],
},
{
id: "styling",
badge: "Special",
badgeIcon: Sparkles,
price: "$30",
subtitle: "Advanced Styling",
buttons: [
id: "styling", badge: "Special", badgeIcon: Sparkles,
price: "$30", subtitle: "Advanced Styling", buttons: [
{
text: "Book Service",
href: "booking",
},
text: "Book Service", href: "booking"},
],
features: [
"Custom styling",
"Color work",
"Texture services",
"Expert consultation",
],
"Custom styling", "Color work", "Texture services", "Expert consultation"],
},
]}
carouselMode="buttons"
@@ -154,51 +112,21 @@ export default function ServicesPage() {
<ProductCardOne
products={[
{
id: "fade-1",
name: "Sharp Fade",
price: "Classic Style",
imageSrc:
"http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg?_wi=2",
imageAlt: "Sharp fade haircut",
},
id: "fade-1", name: "Sharp Fade", price: "Classic Style", imageSrc:
"http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167440.jpg", imageAlt: "Sharp fade haircut"},
{
id: "fade-2",
name: "Clean Lines",
price: "Premium Cut",
imageSrc:
"http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4664.jpg?_wi=2",
imageAlt: "Clean fade lines",
},
id: "fade-2", name: "Clean Lines", price: "Premium Cut", imageSrc:
"http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4664.jpg", imageAlt: "Clean fade lines"},
{
id: "fade-3",
name: "Precision Work",
price: "Expert Style",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg?_wi=2",
imageAlt: "Precision fade work",
},
id: "fade-3", name: "Precision Work", price: "Expert Style", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg", imageAlt: "Precision fade work"},
{
id: "fade-4",
name: "Modern Fade",
price: "Contemporary Cut",
imageSrc: "/placeholders/placeholder1.webp?_wi=1",
imageAlt: "Modern fade haircut",
},
id: "fade-4", name: "Modern Fade", price: "Contemporary Cut", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Modern fade haircut"},
{
id: "fade-5",
name: "Signature Style",
price: "Signature",
imageSrc:
"http://img.b2bpic.net/free-photo/man-sitting-chair-hairdresser-with-client-guy-drinkig-whiskey_1157-43567.jpg?_wi=2",
imageAlt: "Signature fade style",
},
id: "fade-5", name: "Signature Style", price: "Signature", imageSrc:
"http://img.b2bpic.net/free-photo/man-sitting-chair-hairdresser-with-client-guy-drinkig-whiskey_1157-43567.jpg", imageAlt: "Signature fade style"},
{
id: "fade-6",
name: "Expert Cut",
price: "Professional",
imageSrc: "/placeholders/placeholder1.webp?_wi=2",
imageAlt: "Expert barbershop cut",
},
id: "fade-6", name: "Expert Cut", price: "Professional", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Expert barbershop cut"},
]}
carouselMode="buttons"
gridVariant="bento-grid"
@@ -219,17 +147,12 @@ export default function ServicesPage() {
animationType="entrance-slide"
buttons={[
{
text: "Book Appointment",
href: "booking",
},
text: "Book Appointment", href: "booking"},
{
text: "Contact Us",
href: "contact",
},
text: "Contact Us", href: "contact"},
]}
background={{
variant: "floatingGradient",
}}
variant: "sparkles-gradient"}}
useInvertedBackground={true}
/>
</div>
@@ -238,66 +161,39 @@ export default function ServicesPage() {
<FooterBaseReveal
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: "Kids Cuts",
href: "#services",
},
label: "Kids Cuts", href: "#services"},
{
label: "Styling",
href: "#services",
},
label: "Styling", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/team",
},
label: "About Us", href: "/team"},
{
label: "Meet Our Team",
href: "/team",
},
label: "Meet Our Team", href: "/team"},
{
label: "Gallery",
href: "/services",
},
label: "Gallery", href: "/services"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
{
label: "Google Reviews",
href: "https://google.com",
},
label: "Google Reviews", href: "https://google.com"},
{
label: "Book Online",
href: "#booking",
},
label: "Book Online", href: "#booking"},
],
},
]}

View File

@@ -41,7 +41,7 @@ export default function TeamPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
@@ -52,9 +52,7 @@ export default function TeamPage() {
navItems={navItems}
brandName="Coiffure Shades"
button={{
text: "Book Now",
href: "booking",
}}
text: "Book Now", href: "booking"}}
/>
</div>
@@ -62,29 +60,14 @@ export default function TeamPage() {
<TeamCardOne
members={[
{
id: "king",
name: "King",
role: "Master Barber",
imageSrc:
"http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg?_wi=3",
imageAlt: "King - Master Barber",
},
id: "king", name: "King", role: "Master Barber", imageSrc:
"http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg", imageAlt: "King - Master Barber"},
{
id: "mark",
name: "Mark",
role: "Senior Barber",
imageSrc:
"http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg?_wi=3",
imageAlt: "Mark - Senior Barber",
},
id: "mark", name: "Mark", role: "Senior Barber", imageSrc:
"http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg", imageAlt: "Mark - Senior Barber"},
{
id: "alanna",
name: "Alanna",
role: "Style Specialist",
imageSrc:
"http://img.b2bpic.net/free-photo/impressed-young-female-barber-uniform-holding-hair-clippers-putting-fingers-temples-isolated-olive-green-wall_141793-83059.jpg?_wi=3",
imageAlt: "Alanna - Style Specialist",
},
id: "alanna", name: "Alanna", role: "Style Specialist", imageSrc:
"http://img.b2bpic.net/free-photo/impressed-young-female-barber-uniform-holding-hair-clippers-putting-fingers-temples-isolated-olive-green-wall_141793-83059.jpg", imageAlt: "Alanna - Style Specialist"},
]}
carouselMode="buttons"
gridVariant="three-columns-all-equal-width"
@@ -103,65 +86,29 @@ export default function TeamPage() {
<TestimonialCardOne
testimonials={[
{
id: "testimonial-1",
name: "James Rodriguez",
role: "Regular Client",
company: "5-Year Customer",
rating: 5,
id: "testimonial-1", name: "James Rodriguez", role: "Regular Client", company: "5-Year Customer", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg?_wi=2",
imageAlt: "James Rodriguez testimonial",
},
"http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg", imageAlt: "James Rodriguez testimonial"},
{
id: "testimonial-2",
name: "Michael Chen",
role: "Satisfied Customer",
company: "Professional",
rating: 5,
id: "testimonial-2", name: "Michael Chen", role: "Satisfied Customer", company: "Professional", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg?_wi=2",
imageAlt: "Michael Chen testimonial",
},
"http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", imageAlt: "Michael Chen testimonial"},
{
id: "testimonial-3",
name: "David Thompson",
role: "Long-time Client",
company: "Loyal Member",
rating: 5,
id: "testimonial-3", name: "David Thompson", role: "Long-time Client", company: "Loyal Member", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg?_wi=2",
imageAlt: "David Thompson testimonial",
},
"http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", imageAlt: "David Thompson testimonial"},
{
id: "testimonial-4",
name: "Christopher Lee",
role: "Regular",
company: "Returning Client",
rating: 5,
id: "testimonial-4", name: "Christopher Lee", role: "Regular", company: "Returning Client", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-pretty-woman-working-laptop-home_1163-3999.jpg?_wi=2",
imageAlt: "Christopher Lee testimonial",
},
"http://img.b2bpic.net/free-photo/portrait-pretty-woman-working-laptop-home_1163-3999.jpg", imageAlt: "Christopher Lee testimonial"},
{
id: "testimonial-5",
name: "Anthony Martinez",
role: "Valued Customer",
company: "Trusted Barber Shop",
rating: 5,
id: "testimonial-5", name: "Anthony Martinez", role: "Valued Customer", company: "Trusted Barber Shop", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=2",
imageAlt: "Anthony Martinez testimonial",
},
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Anthony Martinez testimonial"},
{
id: "testimonial-6",
name: "Robert Jackson",
role: "Client",
company: "Community Member",
rating: 5,
id: "testimonial-6", name: "Robert Jackson", role: "Client", company: "Community Member", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg?_wi=2",
imageAlt: "Robert Jackson testimonial",
},
"http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg", imageAlt: "Robert Jackson testimonial"},
]}
carouselMode="buttons"
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
@@ -183,17 +130,12 @@ export default function TeamPage() {
animationType="entrance-slide"
buttons={[
{
text: "Book Appointment",
href: "booking",
},
text: "Book Appointment", href: "booking"},
{
text: "Contact Us",
href: "contact",
},
text: "Contact Us", href: "contact"},
]}
background={{
variant: "floatingGradient",
}}
variant: "sparkles-gradient"}}
useInvertedBackground={true}
/>
</div>
@@ -202,66 +144,39 @@ export default function TeamPage() {
<FooterBaseReveal
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: "Kids Cuts",
href: "#services",
},
label: "Kids Cuts", href: "#services"},
{
label: "Styling",
href: "#services",
},
label: "Styling", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/team",
},
label: "About Us", href: "/team"},
{
label: "Meet Our Team",
href: "/team",
},
label: "Meet Our Team", href: "/team"},
{
label: "Gallery",
href: "/services",
},
label: "Gallery", href: "/services"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
{
label: "Google Reviews",
href: "https://google.com",
},
label: "Google Reviews", href: "https://google.com"},
{
label: "Book Online",
href: "#booking",
},
label: "Book Online", href: "#booking"},
],
},
]}