bender/f909a5f0-2e45-4783-b9f1-8b5e8c7742d0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 09:49:56 +00:00
parent e0d9a3e30f
commit 273eb4631f
1 changed files with 34 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Shik Barbers"
/>
@@ -57,39 +49,23 @@ export default function LandingPage() {
description="Epsom's most trusted barbershop. Precision cuts, premium service. The freshest you've ever looked. Walk in a stranger, leave looking like yourself—only sharper."
buttons={[
{
text: "Book Your Cut",
href: "#contact",
},
text: "Book Your Cut", href: "#contact"},
{
text: "See Our Work",
href: "#features",
},
text: "See Our Work", href: "#features"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
imageAlt: "Luxurious barbershop interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", imageAlt: "Luxurious barbershop interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-his-hair-washed_23-2148224417.jpg",
imageAlt: "Precision barber work",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-his-hair-washed_23-2148224417.jpg", imageAlt: "Precision barber work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-talking-phone_23-2147605020.jpg",
imageAlt: "Barbershop entrance",
},
imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-talking-phone_23-2147605020.jpg", imageAlt: "Barbershop entrance"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg",
imageAlt: "Straight razor shave",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg", imageAlt: "Straight razor shave"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg",
imageAlt: "Confident client after haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg", imageAlt: "Confident client after haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-metal-bottle-with-spray_181624-23106.jpg",
imageAlt: "Premium grooming products",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-metal-bottle-with-spray_181624-23106.jpg", imageAlt: "Premium grooming products"},
]}
/>
</div>
@@ -99,18 +75,11 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafting Confidence in ",
},
type: "text", content: "Crafting Confidence in "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg",
alt: "Barbershop space",
},
type: "image", src: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", alt: "Barbershop space"},
{
type: "text",
content: " Epsom",
},
type: "text", content: " Epsom"},
]}
/>
</div>
@@ -123,26 +92,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Cuts",
description: "Tailored haircuts designed to enhance your unique features and style.",
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506287.jpg",
buttonText: "View Styles",
},
title: "Precision Cuts", description: "Tailored haircuts designed to enhance your unique features and style.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506287.jpg", buttonText: "View Styles"},
{
title: "Beard Sculpting",
description: "Expert trimming and grooming to keep your beard sharp and defined.",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506246.jpg",
buttonText: "Learn More",
},
title: "Beard Sculpting", description: "Expert trimming and grooming to keep your beard sharp and defined.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506246.jpg", buttonText: "Learn More"},
{
title: "Hot Towel Shave",
description: "The ultimate luxury relaxation treatment for a clean, close shave.",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-waits-hairdresser-sitting-barber-chair_613910-18391.jpg",
buttonText: "Experience It",
},
title: "Hot Towel Shave", description: "The ultimate luxury relaxation treatment for a clean, close shave.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-waits-hairdresser-sitting-barber-chair_613910-18391.jpg", buttonText: "Experience It"},
]}
title="Our Signature Craft"
description="We blend heritage techniques with modern aesthetics to deliver unmatched quality."
@@ -157,20 +111,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "5k+",
description: "Satisfied Customers",
},
id: "1", value: "5k+", description: "Satisfied Customers"},
{
id: "2",
value: "15+",
description: "Years Experience",
},
id: "2", value: "15+", description: "Years Experience"},
{
id: "3",
value: "5.0★",
description: "Average Rating",
},
id: "3", value: "5.0★", description: "Average Rating"},
]}
title="Unmatched Expertise"
description="Our numbers speak to our commitment to excellence."
@@ -179,44 +124,20 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "James R.",
role: "Architect",
testimonial: "The best haircut in Epsom, hands down. Professional and precise.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-work_1098-13071.jpg",
},
id: "1", name: "James R.", role: "Architect", testimonial: "The best haircut in Epsom, hands down. Professional and precise.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-work_1098-13071.jpg"},
{
id: "2",
name: "Tom P.",
role: "Founder",
testimonial: "Finally found a shop that understands my style requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
},
id: "2", name: "Tom P.", role: "Founder", testimonial: "Finally found a shop that understands my style requirements.", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg"},
{
id: "3",
name: "Mark D.",
role: "Finance",
testimonial: "Consistent, reliable, and clean. Highly recommended experience.",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-close-up-professional-barber-working-his-barbershop-giving-haircut-his-male-client_7502-5638.jpg",
},
id: "3", name: "Mark D.", role: "Finance", testimonial: "Consistent, reliable, and clean. Highly recommended experience.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-close-up-professional-barber-working-his-barbershop-giving-haircut-his-male-client_7502-5638.jpg"},
{
id: "4",
name: "Sam K.",
role: "Entrepreneur",
testimonial: "Great atmosphere for dads and sons, they are so patient.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
},
id: "4", name: "Sam K.", role: "Entrepreneur", testimonial: "Great atmosphere for dads and sons, they are so patient.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg"},
{
id: "5",
name: "Luke H.",
role: "Designer",
testimonial: "My go-to spot for modern fades. Unmatched quality and care.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15672.jpg",
},
id: "5", name: "Luke H.", role: "Designer", testimonial: "My go-to spot for modern fades. Unmatched quality and care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15672.jpg"},
]}
title="What Our Clients Say"
description="Don't just take our word for it—join the community that trusts us."
@@ -229,20 +150,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Do you accept walk-ins?",
content: "Yes, we welcome walk-ins, though booking is encouraged to guarantee your preferred slot.",
},
id: "1", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins, though booking is encouraged to guarantee your preferred slot."},
{
id: "2",
title: "Do you offer cuts for kids?",
content: "Absolutely. We pride ourselves on creating a friendly environment for fathers and sons.",
},
id: "2", title: "Do you offer cuts for kids?", content: "Absolutely. We pride ourselves on creating a friendly environment for fathers and sons."},
{
id: "3",
title: "Where can I park?",
content: "There is ample public parking available within a 2-minute walk from our shop.",
},
id: "3", title: "Where can I park?", content: "There is ample public parking available within a 2-minute walk from our shop."},
]}
title="Common Inquiries"
description="Got questions about our services? We have answers."
@@ -257,15 +169,9 @@ export default function LandingPage() {
description="Ready to get the freshest look of your life? Contact us or visit our studio."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
name: "name", type: "text", placeholder: "Your Name"},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
name: "email", type: "email", placeholder: "Email Address"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg"
/>
@@ -275,13 +181,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="SHIK"
leftLink={{
text: "Terms & Conditions",
href: "#",
}}
text: "Terms & Conditions", href: "#"}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
/>
</div>
</ReactLenis>