bender/473b905b-e3f4-48f9-aae7-8bc84c7ddbc0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-19 20:35:25 +00:00
Conversation 0 Commits 1 Files Changed 1 +40 -230
1 changed files with 40 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="NAB2 Barbershop"
/>
@@ -61,37 +46,14 @@ export default function LandingPage() {
<HeroCarouselLogo
logoText="NAB2 Barbershop"
description="Experience the premium grooming standard. Your destination for style, precision, and excellence."
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-razor-attachments_23-2147711620.jpg",
imageAlt: "Barber Shop Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",
imageAlt: "Hairstyle Focus",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
imageAlt: "Shop Workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg",
imageAlt: "Barber Tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg",
imageAlt: "Client Styling",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg",
imageAlt: "Service Detail",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-razor-attachments_23-2147711620.jpg", imageAlt: "Barber Shop Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg", imageAlt: "Hairstyle Focus" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", imageAlt: "Shop Workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg", imageAlt: "Barber Tools" },
{ imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg", imageAlt: "Client Styling" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg", imageAlt: "Service Detail" },
]}
/>
</div>
@@ -100,19 +62,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Mastering the Art of ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
alt: "Barber shop interior",
},
{
type: "text",
content: " Precision Grooming.",
},
{ type: "text", content: "Mastering the Art of " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", alt: "Barber shop interior" },
{ type: "text", content: " Precision Grooming." },
]}
/>
</div>
@@ -124,21 +76,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "Classic cuts to modern fades, crafted to fit you perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
},
{
title: "Royal Shaves",
description: "Classic straight-razor shaves for a smooth, clean, and sharp look.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-grooming-man-s-beard-professional-barber-shop-close-up_23-2148353420.jpg",
},
{
title: "Beard Grooming",
description: "Taming and trimming your beard with surgical precision.",
imageSrc: "http://img.b2bpic.net/free-photo/shampoo_187299-47477.jpg",
},
{ title: "Precision Haircuts", description: "Classic cuts to modern fades, crafted to fit you perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg" },
{ title: "Royal Shaves", description: "Classic straight-razor shaves for a smooth, clean, and sharp look.", imageSrc: "http://img.b2bpic.net/free-photo/woman-grooming-man-s-beard-professional-barber-shop-close-up_23-2148353420.jpg" },
{ title: "Beard Grooming", description: "Taming and trimming your beard with surgical precision.", imageSrc: "http://img.b2bpic.net/free-photo/shampoo_187299-47477.jpg" },
]}
title="Our Professional Services"
description="Expert grooming tailored to your unique style. We deliver excellence in every cut and shave."
@@ -152,27 +92,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10+",
title: "Years Experience",
description: "Professional history.",
icon: Award,
},
{
id: "m2",
value: "5000+",
title: "Clients Served",
description: "Happy customers.",
icon: Users,
},
{
id: "m3",
value: "100%",
title: "Satisfaction Rate",
description: "Always top notch.",
icon: ThumbsUp,
},
{ id: "m1", value: "10+", title: "Years Experience", description: "Professional history.", icon: Award },
{ id: "m2", value: "5000+", title: "Clients Served", description: "Happy customers.", icon: Users },
{ id: "m3", value: "100%", title: "Satisfaction Rate", description: "Always top notch.", icon: ThumbsUp },
]}
title="Why Choose NAB2?"
description="Excellence in service, atmosphere, and technique."
@@ -186,54 +108,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Style",
name: "Fade Cut",
price: "Featured",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-brown-eyes_23-2148257025.jpg",
},
{
id: "p2",
brand: "Workspace",
name: "Barber Chair",
price: "Featured",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg",
},
{
id: "p3",
brand: "Tools",
name: "Scissors",
price: "Featured",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
},
{
id: "p4",
brand: "Style",
name: "Beard Groom",
price: "Featured",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg",
},
{
id: "p5",
brand: "Tools",
name: "Razors",
price: "Featured",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg",
},
{
id: "p6",
brand: "Shop",
name: "Full Detail",
price: "Featured",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg",
},
{ id: "p1", brand: "Style", name: "Fade Cut", price: "Featured", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-brown-eyes_23-2148257025.jpg" },
{ id: "p2", brand: "Workspace", name: "Barber Chair", price: "Featured", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg" },
{ id: "p3", brand: "Tools", name: "Scissors", price: "Featured", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg" },
{ id: "p4", brand: "Style", name: "Beard Groom", price: "Featured", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg" },
{ id: "p5", brand: "Tools", name: "Razors", price: "Featured", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg" },
{ id: "p6", brand: "Shop", name: "Full Detail", price: "Featured", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg" },
]}
title="Gallery"
description="See the results of our dedication."
@@ -244,31 +124,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
},
{
id: "t2",
name: "Michael B.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shaving-foam-his-cheeks-holding-brush-razor-against-gray-backdrop_23-2148088230.jpg",
},
{
id: "t3",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
},
{
id: "t4",
name: "Kevin M.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-cheerful-young-unshaven-man-with-confident-broad-smile-making-thumbs-up-gesture-refreshing-himself-after-training-gym_343059-1189.jpg",
},
{
id: "t5",
name: "Anna P.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg",
},
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg" },
{ id: "t2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shaving-foam-his-cheeks-holding-brush-razor-against-gray-backdrop_23-2148088230.jpg" },
{ id: "t3", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg" },
{ id: "t4", name: "Kevin M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-cheerful-young-unshaven-man-with-confident-broad-smile-making-thumbs-up-gesture-refreshing-himself-after-training-gym_343059-1189.jpg" },
{ id: "t5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg" },
]}
cardTitle="What Our Clients Say"
cardTag="Testimonials"
@@ -281,21 +141,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do I need to book in advance?",
content: "We recommend booking in advance, but walk-ins are sometimes possible.",
},
{
id: "2",
title: "What payment methods do you accept?",
content: "We accept all major credit cards and mobile payments.",
},
{
id: "3",
title: "Are you open on weekends?",
content: "Yes, we are open on weekends to serve your grooming needs.",
},
{ id: "1", title: "Do I need to book in advance?", content: "We recommend booking in advance, but walk-ins are sometimes possible." },
{ id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards and mobile payments." },
{ id: "3", title: "Are you open on weekends?", content: "Yes, we are open on weekends to serve your grooming needs." },
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-businesswoman-with-clipboard-city_23-2147989617.jpg"
mediaAnimation="slide-up"
@@ -311,24 +159,10 @@ export default function LandingPage() {
title="Ready for a Fresh Look?"
description="Book your session with us today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Let us know your requirements",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Let us know your requirements", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-happy-business-owner_23-2149434489.jpg"
/>
</div>
@@ -336,32 +170,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "NAB2 Barbershop",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "NAB2 Barbershop", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
bottomLeftText="© 2024 NAB2 Barbershop"
bottomRightText="All rights reserved."