From d5c9fae844dabdc25a2171eb6affce9dfce6bf12 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 2 Jun 2026 13:32:24 +0000 Subject: [PATCH] Switch to version 1: modified src/app/page.tsx --- src/app/page.tsx | 359 +++++++++++++++++++++++++++++++++++------------ 1 file changed, 271 insertions(+), 88 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index fb00583..faf05ce 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,7 +5,7 @@ import ReactLenis from "lenis/react"; import ContactText from '@/components/sections/contact/ContactText'; import FaqBase from '@/components/sections/faq/FaqBase'; import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; -import FooterMedia from '@/components/sections/footer/FooterMedia'; +import FooterCard from '@/components/sections/footer/FooterCard'; import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; @@ -14,6 +14,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; import TeamCardFive from '@/components/sections/team/TeamCardFive'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; +import { Facebook, Instagram, Twitter } from "lucide-react"; export default function LandingPage() { return ( @@ -34,25 +35,41 @@ export default function LandingPage() { @@ -62,26 +79,40 @@ export default function LandingPage() { description="Join The Barber Centre, a beacon of excellence and advocacy, dedicated to elevating barbering through unparalleled education, community engagement, and a commitment to our craft in Hamilton, ON." buttons={[ { - text: "Become a Member", href: "#contact"}, + text: "Become a Member", + href: "#contact", + }, { - text: "Our Services", href: "#services"}, + text: "Our Services", + href: "#services", + }, ]} - imageSrc="http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg" imageAlt="Professional barber giving a haircut" showDimOverlay={true} showBlur={true} textPosition="bottom" avatars={[ { - src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg", alt: "Satisfied client"}, + src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg", + alt: "Satisfied client", + }, { - src: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", alt: "Happy customer"}, + src: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", + alt: "Happy customer", + }, { - src: "http://img.b2bpic.net/free-photo/male-butcher-giving-meat-saleswoman_7502-4772.jpg", alt: "Client with fresh cut"}, + src: "http://img.b2bpic.net/free-photo/male-butcher-giving-meat-saleswoman_7502-4772.jpg", + alt: "Client with fresh cut", + }, { - src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-7140.jpg", alt: "Man with groomed beard"}, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-7140.jpg", + alt: "Man with groomed beard", + }, { - src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg", alt: "Smiling client"}, + src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg", + alt: "Smiling client", + }, ]} avatarText="Join 500+ satisfied members" /> @@ -94,11 +125,17 @@ export default function LandingPage() { description="If you’re a barber without a hairstylist license, you’re not illegal you’re ignored. No scope, No code, No problem, We’re laying every brick ourselves. The bridge to the future of barbering starts here. Hundreds of thousands of individuals across Ontario identify as barbers, we own shops, support co-op students, and serve our communities daily, yet we are not licensed Hairstylist." metrics={[ { - value: "20+", title: "Years Serving"}, + value: "20+", + title: "Years Serving", + }, { - value: "500+", title: "Members Empowered"}, + value: "500+", + title: "Members Empowered", + }, { - value: "10K+", title: "Services Performed"}, + value: "10K+", + title: "Services Performed", + }, ]} imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg" imageAlt="Classic barber tools on a wooden counter" @@ -114,17 +151,35 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", title: "Barber Shop Blueprint: Launch Your Own Shop", descriptions: [ - "Unlock the secrets to opening your own barbershop with our comprehensive 24-month mentorship program.", "From business fundamentals to daily operations, get personalized guidance every step of the way."], - imageSrc: "http://img.b2bpic.net/free-photo/black-white-representation-sasquatch-hairy-beast_23-2151368313.jpg", imageAlt: "Barbershop blueprint with tools"}, + id: "f1", + title: "Barber Shop Blueprint: Launch Your Own Shop", + descriptions: [ + "Unlock the secrets to opening your own barbershop with our comprehensive 24-month mentorship program.", + "From business fundamentals to daily operations, get personalized guidance every step of the way.", + ], + imageSrc: "http://img.b2bpic.net/free-photo/black-white-representation-sasquatch-hairy-beast_23-2151368313.jpg", + imageAlt: "Barbershop blueprint with tools", + }, { - id: "f2", title: "Barbering 101: Your Journey Starts Here", descriptions: [ - "Dive into the art of barbering with our introductory courses.", "Learn foundational skills, safety protocols, and client communication techniques to build a strong base."], - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg", imageAlt: "Barber student learning to cut hair"}, + id: "f2", + title: "Barbering 101: Your Journey Starts Here", + descriptions: [ + "Dive into the art of barbering with our introductory courses.", + "Learn foundational skills, safety protocols, and client communication techniques to build a strong base.", + ], + imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg", + imageAlt: "Barber student learning to cut hair", + }, { - id: "f3", title: "Advanced Techniques & Masterclasses", descriptions: [ - "For seasoned barbers, our masterclasses offer advanced cutting, styling, and grooming techniques.", "Stay ahead of trends and perfect specialized services to satisfy diverse client demands."], - imageSrc: "http://img.b2bpic.net/free-photo/barber-using-scissors-make-hairstyle_23-2148298276.jpg", imageAlt: "Expert barber demonstrating advanced technique"}, + id: "f3", + title: "Advanced Techniques & Masterclasses", + descriptions: [ + "For seasoned barbers, our masterclasses offer advanced cutting, styling, and grooming techniques.", + "Stay ahead of trends and perfect specialized services to satisfy diverse client demands.", + ], + imageSrc: "http://img.b2bpic.net/free-photo/barber-using-scissors-make-hairstyle_23-2148298276.jpg", + imageAlt: "Expert barber demonstrating advanced technique", + }, ]} title="Elevate Your Craft" description="Discover programs designed to sharpen your skills and launch your career in barbering. From foundational knowledge to advanced techniques, our mentorship and courses pave your path to success." @@ -140,17 +195,53 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "p1", name: "Classic Pomade", price: "$25.00", variant: "Strong Hold", imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Classic Pomade Jar"}, + id: "p1", + name: "Classic Pomade", + price: "$25.00", + variant: "Strong Hold", + imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", + imageAlt: "Classic Pomade Jar", + }, { - id: "p2", name: "Luxury Beard Oil", price: "$30.00", variant: "Cedarwood Scent", imageSrc: "http://img.b2bpic.net/free-photo/man-using-natural-oils-his-face_23-2148883824.jpg", imageAlt: "Luxury Beard Oil Bottle"}, + id: "p2", + name: "Luxury Beard Oil", + price: "$30.00", + variant: "Cedarwood Scent", + imageSrc: "http://img.b2bpic.net/free-photo/man-using-natural-oils-his-face_23-2148883824.jpg", + imageAlt: "Luxury Beard Oil Bottle", + }, { - id: "p3", name: "Professional Straight Razor", price: "$55.00", variant: "Stainless Steel", imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg", imageAlt: "Professional Straight Razor"}, + id: "p3", + name: "Professional Straight Razor", + price: "$55.00", + variant: "Stainless Steel", + imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg", + imageAlt: "Professional Straight Razor", + }, { - id: "p4", name: "Premium Shaving Brush", price: "$40.00", variant: "Badger Hair", imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-combing-beard-isolated-purple-wall_141793-83491.jpg", imageAlt: "Premium Shaving Brush"}, + id: "p4", + name: "Premium Shaving Brush", + price: "$40.00", + variant: "Badger Hair", + imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-combing-beard-isolated-purple-wall_141793-83491.jpg", + imageAlt: "Premium Shaving Brush", + }, { - id: "p5", name: "Soothing Aftershave", price: "$28.00", variant: "Cooling Mint", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-composition-with-comb-deodorant_23-2147693204.jpg", imageAlt: "Soothing Aftershave Bottle"}, + id: "p5", + name: "Soothing Aftershave", + price: "$28.00", + variant: "Cooling Mint", + imageSrc: "http://img.b2bpic.net/free-photo/bathroom-composition-with-comb-deodorant_23-2147693204.jpg", + imageAlt: "Soothing Aftershave Bottle", + }, { - id: "p6", name: "Deep Cleansing Shampoo", price: "$22.00", variant: "Invigorating Formula", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313034.jpg", imageAlt: "Deep Cleansing Shampoo Bottle"}, + id: "p6", + name: "Deep Cleansing Shampoo", + price: "$22.00", + variant: "Invigorating Formula", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313034.jpg", + imageAlt: "Deep Cleansing Shampoo Bottle", + }, ]} title="Signature Grooming Essentials" description="Explore our curated selection of premium barbering products, chosen for their quality and performance. Elevate your daily routine with tools and treatments trusted by professionals." @@ -164,22 +255,58 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "p1", tag: "Classic Cut", price: "$35", period: "starting at", description: "Precision haircut with classic style, finished with a hot towel neck shave.", button: { - text: "Book Now", href: "#contact"}, - featuresTitle: "Includes:", features: [ - "Consultation", "Haircut & Style", "Hot Towel Neck Shave", "Product Finish"], + id: "p1", + tag: "Classic Cut", + price: "$35", + period: "starting at", + description: "Precision haircut with classic style, finished with a hot towel neck shave.", + button: { + text: "Book Now", + href: "#contact", + }, + featuresTitle: "Includes:", + features: [ + "Consultation", + "Haircut & Style", + "Hot Towel Neck Shave", + "Product Finish", + ], }, { - id: "p2", tag: "Hot Lather Shave", price: "$45", period: "starting at", description: "Traditional straight razor shave with pre-shave treatment and soothing aftershave.", button: { - text: "Book Now", href: "#contact"}, - featuresTitle: "Includes:", features: [ - "Pre-Shave Prep", "Hot Lather Application", "Straight Razor Shave", "Post-Shave Treatment"], + id: "p2", + tag: "Hot Lather Shave", + price: "$45", + period: "starting at", + description: "Traditional straight razor shave with pre-shave treatment and soothing aftershave.", + button: { + text: "Book Now", + href: "#contact", + }, + featuresTitle: "Includes:", + features: [ + "Pre-Shave Prep", + "Hot Lather Application", + "Straight Razor Shave", + "Post-Shave Treatment", + ], }, { - id: "p3", tag: "Signature Combo", price: "$70", period: "starting at", description: "The ultimate grooming experience: a precision cut combined with a luxurious hot lather shave.", button: { - text: "Book Now", href: "#contact"}, - featuresTitle: "Includes:", features: [ - "Full Haircut Service", "Hot Lather Shave", "Facial Massage", "Premium Product Application"], + id: "p3", + tag: "Signature Combo", + price: "$70", + period: "starting at", + description: "The ultimate grooming experience: a precision cut combined with a luxurious hot lather shave.", + button: { + text: "Book Now", + href: "#contact", + }, + featuresTitle: "Includes:", + features: [ + "Full Haircut Service", + "Hot Lather Shave", + "Facial Massage", + "Premium Product Application", + ], }, ]} title="Our Services" @@ -195,11 +322,20 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", value: "20+", description: "Years of Dedicated Service"}, + id: "m1", + value: "20+", + description: "Years of Dedicated Service", + }, { - id: "m2", value: "10,000+", description: "Satisfied Clients Annually"}, + id: "m2", + value: "10,000+", + description: "Satisfied Clients Annually", + }, { - id: "m3", value: "500+", description: "Barbers Trained & Certified"}, + id: "m3", + value: "500+", + description: "Barbers Trained & Certified", + }, ]} title="Our Impact & Legacy" description="Proudly serving the Hamilton community and advocating for the barbering profession, our achievements reflect our dedication to excellence and growth." @@ -213,11 +349,26 @@ export default function LandingPage() { useInvertedBackground={false} team={[ { - id: "t1", name: "Alex 'The Razor' Stone", role: "Lead Barber & Educator", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg", imageAlt: "Portrait of Alex Stone, Lead Barber"}, + id: "t1", + name: "Alex 'The Razor' Stone", + role: "Lead Barber & Educator", + imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg", + imageAlt: "Portrait of Alex Stone, Lead Barber", + }, { - id: "t2", name: "Maria 'The Artist' Rodriguez", role: "Master Barber & Stylist", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186456.jpg", imageAlt: "Portrait of Maria Rodriguez, Master Barber"}, + id: "t2", + name: "Maria 'The Artist' Rodriguez", + role: "Master Barber & Stylist", + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186456.jpg", + imageAlt: "Portrait of Maria Rodriguez, Master Barber", + }, { - id: "t3", name: "Jamal 'The Gentleman' Greene", role: "Classic Barber Specialist", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-tattooed-arms-wearing-top-hat_613910-1508.jpg", imageAlt: "Portrait of Jamal Greene, Classic Barber Specialist"}, + id: "t3", + name: "Jamal 'The Gentleman' Greene", + role: "Classic Barber Specialist", + imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-tattooed-arms-wearing-top-hat_613910-1508.jpg", + imageAlt: "Portrait of Jamal Greene, Classic Barber Specialist", + }, ]} title="Meet Our Master Barbers" description="Our skilled and passionate team is dedicated to providing the finest cuts, shaves, and grooming advice. Get to know the faces behind the blades." @@ -231,15 +382,45 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "test1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "The Barber Centre is hands down the best barbershop in Hamilton! Always a perfect cut and amazing service. The team is incredibly skilled and makes you feel right at home.", imageSrc: "http://img.b2bpic.net/free-photo/couple-love-bathroom_23-2147986326.jpg", imageAlt: "Sarah Johnson"}, + id: "test1", + name: "Sarah Johnson", + handle: "@sarah_j", + testimonial: "The Barber Centre is hands down the best barbershop in Hamilton! Always a perfect cut and amazing service. The team is incredibly skilled and makes you feel right at home.", + imageSrc: "http://img.b2bpic.net/free-photo/couple-love-bathroom_23-2147986326.jpg", + imageAlt: "Sarah Johnson", + }, { - id: "test2", name: "Michael Chen", handle: "@mike_c", testimonial: "I've been coming here for years, and they never disappoint. The attention to detail is unmatched, and the hot lather shave is pure bliss. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg", imageAlt: "Michael Chen"}, + id: "test2", + name: "Michael Chen", + handle: "@mike_c", + testimonial: "I've been coming here for years, and they never disappoint. The attention to detail is unmatched, and the hot lather shave is pure bliss. Highly recommend!", + imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg", + imageAlt: "Michael Chen", + }, { - id: "test3", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "More than just a haircut, it's an experience. The atmosphere is fantastic, and my barber always knows exactly what I want. Truly top-notch!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "Emily Rodriguez"}, + id: "test3", + name: "Emily Rodriguez", + handle: "@emily_r", + testimonial: "More than just a haircut, it's an experience. The atmosphere is fantastic, and my barber always knows exactly what I want. Truly top-notch!", + imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", + imageAlt: "Emily Rodriguez", + }, { - id: "test4", name: "David Kim", handle: "@david_k", testimonial: "Professional, friendly, and consistently excellent results. The Barber Centre sets the standard for grooming in the city. You won't regret your visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg", imageAlt: "David Kim"}, + id: "test4", + name: "David Kim", + handle: "@david_k", + testimonial: "Professional, friendly, and consistently excellent results. The Barber Centre sets the standard for grooming in the city. You won't regret your visit.", + imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg", + imageAlt: "David Kim", + }, { - id: "test5", name: "Jessica Lee", handle: "@jess_l", testimonial: "Fantastic service from start to finish! My fade was perfect, and I left feeling fresh and confident. The best barbers in Hamilton, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg", imageAlt: "Jessica Lee"}, + id: "test5", + name: "Jessica Lee", + handle: "@jess_l", + testimonial: "Fantastic service from start to finish! My fade was perfect, and I left feeling fresh and confident. The best barbers in Hamilton, hands down!", + imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg", + imageAlt: "Jessica Lee", + }, ]} title="What Our Clients Say" description="Hear directly from our satisfied customers about their experience at The Barber Centre. Your trust is our greatest achievement." @@ -254,11 +435,20 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", title: "What are your operating hours?", content: "We are open Monday to Friday from 9 AM to 6 PM, and Saturdays from 9 AM to 4 PM. We are closed on Sundays."}, + id: "q1", + title: "What are your operating hours?", + content: "We are open Monday to Friday from 9 AM to 6 PM, and Saturdays from 9 AM to 4 PM. We are closed on Sundays.", + }, { - id: "q2", title: "How do I book an appointment?", content: "You can book an appointment online through our website, or by calling us directly at (905) 547-6890 during business hours."}, + id: "q2", + title: "How do I book an appointment?", + content: "You can book an appointment online through our website, or by calling us directly at (905) 547-6890 during business hours.", + }, { - id: "q3", title: "Do you offer services for all hair types?", content: "Yes, our experienced barbers are skilled in working with all hair types and textures to provide the best possible service."}, + id: "q3", + title: "Do you offer services for all hair types?", + content: "Yes, our experienced barbers are skilled in working with all hair types and textures to provide the best possible service.", + }, ]} title="Frequently Asked Questions" description="Find answers to common questions about our services, appointments, and membership. If you don't see your question, feel free to contact us directly." @@ -271,49 +461,42 @@ export default function LandingPage() {