diff --git a/src/app/page.tsx b/src/app/page.tsx index 3332967..f32a4e7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,31 +17,23 @@ export default function LandingPage() { defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -92,10 +63,7 @@ export default function LandingPage() { title="Crafting Confidence, One Cut at a Time" tag="Our Philosophy" buttons={[ - { - text: "Learn More", - href: "#services", - }, + { text: "Learn More", href: "#services" } ]} /> @@ -107,86 +75,24 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "p1", - price: "$30", - name: "Classic Cut", - buttons: [ - { - text: "Select", - href: "#contact", - }, - ], - features: [ - "Precision haircut", - "Hot towel finish", - "Styled to perfection", - ], + id: "p1", price: "$30", name: "Classic Cut", buttons: [{ text: "Select", href: "#contact" }], + features: ["Precision haircut", "Hot towel finish", "Styled to perfection"], }, { - id: "p2", - price: "$45", - name: "Cut & Beard Trim", - buttons: [ - { - text: "Select", - href: "#contact", - }, - ], - features: [ - "Precision haircut", - "Detailed beard shaping", - "Hot towel service", - ], + id: "p2", price: "$45", name: "Cut & Beard Trim", buttons: [{ text: "Select", href: "#contact" }], + features: ["Precision haircut", "Detailed beard shaping", "Hot towel service"], }, { - id: "p3", - price: "$60", - name: "The Executive", - buttons: [ - { - text: "Select", - href: "#contact", - }, - ], - features: [ - "Full precision cut", - "Royal beard treatment", - "Facial treatment", - "Complimentary drink", - ], + id: "p3", price: "$60", name: "The Executive", buttons: [{ text: "Select", href: "#contact" }], + features: ["Full precision cut", "Royal beard treatment", "Facial treatment", "Complimentary drink"], }, { - id: "p4", - price: "$75", - name: "Total Grooming Package", - buttons: [ - { - text: "Select", - href: "#contact", - }, - ], - features: [ - "Full precision cut", - "Hot towel shave", - "Scalp massage", - "Premium grooming products", - ], + id: "p4", price: "$75", name: "Total Grooming Package", buttons: [{ text: "Select", href: "#contact" }], + features: ["Full precision cut", "Hot towel shave", "Scalp massage", "Premium grooming products"], }, { - id: "p5", - price: "$20", - name: "Beard Maintenance", - buttons: [ - { - text: "Select", - href: "#contact", - }, - ], - features: [ - "Beard shape up", - "Hot towel finish", - "Beard oil application", - ], + id: "p5", price: "$20", name: "Beard Maintenance", buttons: [{ text: "Select", href: "#contact" }], + features: ["Beard shape up", "Hot towel finish", "Beard oil application"], }, ]} title="Our Services" @@ -201,48 +107,19 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "g1", - groupTitle: "Expert Stylists", - members: [ + id: "g1", groupTitle: "Expert Stylists", members: [ { - id: "m1", - title: "Alex 'The Blade'", - subtitle: "Senior Barber", - detail: "10 years of experience in razor fades and classic styles.", - imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-keeping-hands-crossed-holding-scissors-comb-isolated-white-background-with-copy-space_141793-32123.jpg", - }, + id: "m1", title: "Alex 'The Blade'", subtitle: "Senior Barber", detail: "10 years of experience in razor fades and classic styles.", imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-keeping-hands-crossed-holding-scissors-comb-isolated-white-background-with-copy-space_141793-32123.jpg"}, { - id: "m2", - title: "Jordan", - subtitle: "Precision Stylist", - detail: "Specialist in modern texturing and beard maintenance.", - imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", - }, + id: "m2", title: "Jordan", subtitle: "Precision Stylist", detail: "Specialist in modern texturing and beard maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg"}, { - id: "m3", - title: "Casey", - subtitle: "Master Barber", - detail: "The go-to for complex scissor cuts and traditional shaves.", - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hand-near-ear-trying-hear-gossip-green_141793-58499.jpg", - }, + id: "m3", title: "Casey", subtitle: "Master Barber", detail: "The go-to for complex scissor cuts and traditional shaves.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hand-near-ear-trying-hear-gossip-green_141793-58499.jpg"}, { - id: "m4", - title: "Taylor", - subtitle: "Stylist", - detail: "Expert in modern fades and contemporary grooming.", - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg", - }, + id: "m4", title: "Taylor", subtitle: "Stylist", detail: "Expert in modern fades and contemporary grooming.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg"}, { - id: "m5", - title: "Morgan", - subtitle: "Junior Stylist", - detail: "Passionate about clean lines and classic techniques.", - imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=2", - imageAlt: "barber professional portrait", - }, + id: "m5", title: "Morgan", subtitle: "Junior Stylist", detail: "Passionate about clean lines and classic techniques.", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg"}, + ] + } ]} title="Meet Your Barbers" description="Expert hands dedicated to your look." @@ -256,45 +133,20 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Mark R.", - handle: "@markr", - testimonial: "Best haircut I've had in years. The attention to detail is unmatched.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", - }, + id: "1", name: "Mark R.", handle: "@markr", testimonial: "Best haircut I've had in years. The attention to detail is unmatched.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg"}, { - id: "2", - name: "Sarah J.", - handle: "@sarahj", - testimonial: "Love the vibe here. Always professional, always fresh.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48810.jpg", - }, + id: "2", name: "Sarah J.", handle: "@sarahj", testimonial: "Love the vibe here. Always professional, always fresh.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48810.jpg"}, { - id: "3", - name: "James L.", - handle: "@jl_style", - testimonial: "Cutting Edge lives up to the name. Highly recommended.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-toy-poodle_23-2147840145.jpg", - }, + id: "3", name: "James L.", handle: "@jl_style", testimonial: "Cutting Edge lives up to the name. Highly recommended.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-toy-poodle_23-2147840145.jpg"}, { - id: "4", - name: "David W.", - handle: "@dw_trim", - testimonial: "Clean cuts and great conversation. My permanent barber.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg", - }, + id: "4", name: "David W.", handle: "@dw_trim", testimonial: "Clean cuts and great conversation. My permanent barber.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg"}, { - id: "5", - name: "Tony M.", - handle: "@tm_cuts", - testimonial: "The Executive package is a must. Total game changer.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg", - }, + id: "5", name: "Tony M.", handle: "@tm_cuts", testimonial: "The Executive package is a must. Total game changer.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg"}, ]} showRating={true} title="Client Stories" @@ -305,17 +157,12 @@ export default function LandingPage() {
@@ -323,14 +170,8 @@ export default function LandingPage() {