bender/1e0a29ab-fb46-4925-8cba-8a7065d42c7a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-28 12:37:48 +00:00
Conversation 0 Commits 2 Files Changed 2 +116 -160
2 changed files with 116 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/app/barbers/page.tsx Normal file
View File

@@ -0,0 +1,67 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
export default function BarbersSelectionPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Nu Look"
/>
<div className="pt-32 pb-20">
<TeamCardTwo
title="Select Your Barber"
description="Choose the professional that fits your style best."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
members={[
{
id: "1",
name: "Alex Rivers",
role: "Lead Barber",
description: "Specializes in classic cuts and fade artistry.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-washed_23-2149220589.jpg"
},
{
id: "2",
name: "Sam Jordan",
role: "Senior Stylist",
description: "Master of modern trends and complex coloring.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg"
},
{
id: "3",
name: "Chris Lee",
role: "Master Barber",
description: "Traditional shave specialist and classic grooming.",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg"
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

209
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
export default function LandingPage() {
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Team",
id: "team",
},
name: "Our Barbers", id: "team"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Nu Look"
/>
@@ -53,30 +45,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Your Style, Refined."
description="Experience premium grooming services in the heart of the city. Book your appointment at Nu Look for a fresh, sharp, and modern look every time."
kpis={[
{
value: "10+",
label: "Years Experience",
},
value: "10+", label: "Years Experience"},
{
value: "5k+",
label: "Happy Clients",
},
value: "5k+", label: "Happy Clients"},
{
value: "4.9",
label: "Average Rating",
},
value: "4.9", label: "Average Rating"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg?_wi=1"
imageAlt="Modern barber shop"
@@ -92,17 +75,11 @@ export default function LandingPage() {
description="At Nu Look, we believe that a haircut is more than just maintenance; it's a reflection of who you are. We combine traditional barbering techniques with modern style trends to provide a grooming experience like no other."
bulletPoints={[
{
title: "Expert Stylists",
description: "Highly trained masters of the craft.",
},
title: "Expert Stylists", description: "Highly trained masters of the craft."},
{
title: "Premium Products",
description: "Only the best oils, balms, and gels.",
},
title: "Premium Products", description: "Only the best oils, balms, and gels."},
{
title: "Relaxing Environment",
description: "Modern comfort with classic service.",
},
title: "Relaxing Environment", description: "Modern comfort with classic service."},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg"
mediaAnimation="slide-up"
@@ -116,38 +93,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Classic Cut",
author: "From $35",
description: "Precision haircut tailored to your face shape.",
tags: [
"Style",
"Precision",
],
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg",
},
id: "s1", title: "Classic Cut", author: "From $35", description: "Precision haircut tailored to your face shape.", tags: [
"Style", "Precision"],
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg"},
{
id: "s2",
title: "Beard Grooming",
author: "From $25",
description: "Expert trimming and conditioning for a sharp beard.",
tags: [
"Beard",
"Care",
],
imageSrc: "http://img.b2bpic.net/free-photo/faceless-stylist-combing-beard-man_23-2147778832.jpg",
},
id: "s2", title: "Beard Grooming", author: "From $25", description: "Expert trimming and conditioning for a sharp beard.", tags: [
"Beard", "Care"],
imageSrc: "http://img.b2bpic.net/free-photo/faceless-stylist-combing-beard-man_23-2147778832.jpg"},
{
id: "s3",
title: "Hot Towel Shave",
author: "From $40",
description: "The ultimate relaxation experience.",
tags: [
"Shave",
"Luxury",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confused-man-with-shaving-foam_171337-3013.jpg",
},
id: "s3", title: "Hot Towel Shave", author: "From $40", description: "The ultimate relaxation experience.", tags: [
"Shave", "Luxury"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confused-man-with-shaving-foam_171337-3013.jpg"},
]}
title="Our Signature Services"
description="Tailored grooming solutions to keep you looking your best."
@@ -155,41 +111,21 @@ export default function LandingPage() {
</div>
<div id="team" data-section="team">
<TeamCardEleven
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
textboxLayout="split"
useInvertedBackground={false}
groups={[
{
id: "team-g1",
groupTitle: "Master Stylists",
members: [
{
id: "m1",
title: "Alex Rivers",
subtitle: "Lead Barber",
detail: "15 years of experience in high-end grooming.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-washed_23-2149220589.jpg",
},
{
id: "m2",
title: "Sam Jordan",
subtitle: "Senior Stylist",
detail: "Modern trends and intricate fade specialist.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg",
},
{
id: "m3",
title: "Chris Lee",
subtitle: "Master Barber",
detail: "Traditional shaves and classic cuts.",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
},
],
},
]}
gridVariant="three-columns-all-equal-width"
title="Meet Your Barbers"
description="The hands behind the craft."
description="Find your preferred specialist and see the services they provide."
members={[
{
id: "m1", name: "Alex Rivers", role: "Lead Barber: Expert in Classic Cuts & Beard Sculpting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-washed_23-2149220589.jpg"},
{
id: "m2", name: "Sam Jordan", role: "Senior Stylist: Expert in Modern Fades & Skin Tapers", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg"},
{
id: "m3", name: "Chris Lee", role: "Master Barber: Expert in Hot Towel Shaves & Traditional Care", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg"},
]}
/>
</div>
@@ -200,40 +136,11 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "James P.",
handle: "Regular Customer",
testimonial: "Best fade I've had in the city. The service is consistent and high quality.",
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462481.jpg",
},
id: "t1", name: "James P.", handle: "Regular Customer", testimonial: "Best fade I've had in the city. The service is consistent and high quality.", imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462481.jpg"},
{
id: "t2",
name: "Marcus W.",
handle: "Weekly Regular",
testimonial: "Nu Look is my go-to. Professional staff and great atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-having-fun-restaurant_23-2147861898.jpg",
},
id: "t2", name: "Marcus W.", handle: "Weekly Regular", testimonial: "Nu Look is my go-to. Professional staff and great atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-having-fun-restaurant_23-2147861898.jpg"},
{
id: "t3",
name: "David T.",
handle: "Grooming Enthusiast",
testimonial: "Excellent experience every time. The hot towel shave is a must!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg",
},
{
id: "t4",
name: "Robert M.",
handle: "New Client",
testimonial: "First time here and I'm very satisfied. Definitely coming back.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
},
{
id: "t5",
name: "Sarah J.",
handle: "Gifted Gift",
testimonial: "My brother looks incredible after his session here. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2",
},
id: "t3", name: "David T.", handle: "Grooming Enthusiast", testimonial: "Excellent experience every time. The hot towel shave is a must!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-man-getting-ready-new-look_23-2148256983.jpg"},
]}
title="Hear From Our Clients"
description="Don't just take our word for it."
@@ -247,22 +154,14 @@ export default function LandingPage() {
description="Ready for a fresh new look? Fill out the form and we will confirm your appointment shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
]}
textarea={{
name: "notes",
placeholder: "Special requests or preferred service",
}}
name: "notes", placeholder: "Special requests or preferred service"}}
imageSrc="http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg?_wi=2"
mediaAnimation="slide-up"
/>
@@ -272,33 +171,23 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Nu Look Shop",
items: [
title: "Nu Look Shop", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Services",
href: "#services",
},
label: "Our Services", href: "#services"},
{
label: "Contact Us",
href: "#contact",
},
label: "Our Barbers", href: "#team"},
{
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}