diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 7abeaf5..c3dc5eb 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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"}} /> @@ -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"}, ]} /> @@ -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} /> diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx index e9951e7..538439a 100644 --- a/src/app/booking/page.tsx +++ b/src/app/booking/page.tsx @@ -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} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 5895175..a98fbd3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"}} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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} /> diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 821b0a9..c63165c 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -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"}} /> @@ -62,80 +60,40 @@ export default function ServicesPage() { @@ -238,66 +161,39 @@ export default function ServicesPage() { @@ -62,29 +60,14 @@ export default function TeamPage() { @@ -202,66 +144,39 @@ export default function TeamPage() {