From 9edec129908d019fbedccc4371eda9f809cbd977 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 15 Apr 2026 15:13:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 205 ++++++++++++++++++++++++++++++++--------------- 1 file changed, 140 insertions(+), 65 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9703503..d7856ae 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,38 +33,60 @@ export default function LandingPage() {
@@ -74,11 +96,14 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} title="A Legacy of Grooming Excellence" - description="At Gentleman's Cut, we believe that a haircut is more than just a maintenance task—it's an experience. Established in 2012, our shop combines traditional techniques with modern style." + description="At Njoros Barber, we believe that a haircut is more than just a maintenance task—it's an experience. Established in 2012, our shop combines traditional techniques with modern style." bulletPoints={[ - { title: "Master Artisans", description: "Trained professionals with 10+ years of experience." }, - { title: "Premium Products", description: "We only use high-grade, natural grooming products." }, - { title: "Relaxed Vibe", description: "Sit back, enjoy a coffee, and get the best fade in town." }, + { + title: "Master Artisans", description: "Trained professionals with 10+ years of experience.", icon: Scissors}, + { + title: "Premium Products", description: "We only use high-grade, natural grooming products.", icon: Sparkles}, + { + title: "Relaxed Vibe", description: "Sit back, enjoy a coffee, and get the best fade in town.", icon: Smile}, ]} imageSrc="http://img.b2bpic.net/free-photo/counter-floral-shop_23-2147761021.jpg" mediaAnimation="slide-up" @@ -90,10 +115,16 @@ export default function LandingPage() { animationType="depth-3d" textboxLayout="default" useInvertedBackground={false} - negativeCard={{ items: ["Bad haircuts", "Long wait times", "Generic styles", "Lack of sanitation", "Unqualified staff"] }} - positiveCard={{ items: ["Precision fades", "Luxury beard trims", "Hot towel shaves", "Professional atmosphere", "Premium aftercare"] }} + negativeCard={{ + items: [ + "Bad haircuts", "Long wait times", "Generic styles", "Lack of sanitation", "Unqualified staff"], + }} + positiveCard={{ + items: [ + "Precision fades", "Luxury beard trims", "Hot towel shaves", "Professional atmosphere", "Premium aftercare"], + }} title="Why Choose Our Service?" - description="We don't just cut hair; we curate your look." + description="We don't just cut hair; we curate your look at Njoros Barber." /> @@ -104,12 +135,18 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={true} products={[ - { id: "1", name: "Strong Hold Pomade", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-male-barber-wearing-glasses-uniform-shaving-his-beard-with-straight-razor-with-shaving-cream-put-his-face-putting-finger-neck_141793-98622.jpg" }, - { id: "2", name: "Cedar Beard Oil", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-oils-with-copy-space_23-2148317663.jpg" }, - { id: "3", name: "Cooling Aftershave", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg" }, - { id: "4", name: "Hair Clipper Set", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg" }, - { id: "5", name: "Luxury Shave Brush", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shaving-synthetic-brush-with-defocused-foam-napkin-razor-wooden-desk_23-2148088547.jpg" }, - { id: "6", name: "Razor Blade Pack", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg" }, + { + id: "1", name: "Strong Hold Pomade", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-male-barber-wearing-glasses-uniform-shaving-his-beard-with-straight-razor-with-shaving-cream-put-his-face-putting-finger-neck_141793-98622.jpg"}, + { + id: "2", name: "Cedar Beard Oil", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-oils-with-copy-space_23-2148317663.jpg"}, + { + id: "3", name: "Cooling Aftershave", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg"}, + { + id: "4", name: "Hair Clipper Set", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg"}, + { + id: "5", name: "Luxury Shave Brush", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-shaving-synthetic-brush-with-defocused-foam-napkin-razor-wooden-desk_23-2148088547.jpg"}, + { + id: "6", name: "Razor Blade Pack", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg"}, ]} title="Shop Grooming Essentials" description="Maintain your look at home with our professional range." @@ -123,38 +160,50 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "1", badge: "Standard", price: "$30", subtitle: "Essential maintenance", - features: ["Haircut", "Neck trim", "Styling"], - buttons: [{ text: "Select", href: "#contact" }] + id: "1", badge: "Standard", price: "$30", subtitle: "Essential maintenance", features: [ + "Haircut", "Neck trim", "Styling"], + buttons: [ + { + text: "Select", href: "#contact"}, + ], }, { - id: "2", badge: "Premium", price: "$55", subtitle: "Full experience", - features: ["Haircut", "Beard trim", "Hot towel shave"], - buttons: [{ text: "Select", href: "#contact" }] + id: "2", badge: "Premium", price: "$55", subtitle: "Full experience", features: [ + "Haircut", "Beard trim", "Hot towel shave"], + buttons: [ + { + text: "Select", href: "#contact"}, + ], }, { - id: "3", badge: "Ultimate", price: "$80", subtitle: "Total grooming package", - features: ["Haircut", "Beard trim", "Scalp massage", "Face mask"], - buttons: [{ text: "Select", href: "#contact" }] + id: "3", badge: "Ultimate", price: "$80", subtitle: "Total grooming package", features: [ + "Haircut", "Beard trim", "Scalp massage", "Face mask"], + buttons: [ + { + text: "Select", href: "#contact"}, + ], }, ]} title="Fair Prices, Superior Service" - description="Transparent pricing for all our grooming tiers." + description="Transparent pricing for all our grooming tiers at Njoros Barber." />
@@ -183,9 +237,14 @@ export default function LandingPage() { -- 2.49.1