bender/651a00d2-ce7f-449e-b678-6baab14168b2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-23 21:38:42 +00:00
parent eed218bf23 b26d5aaa55
commit 3bf4698ee4
1 changed files with 38 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="Pure Fades"
/>
@@ -58,52 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Precision Cuts. Clean Fades. Pure Confidence."
description="Premium barbering in the heart of Altrincham."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "Call Now",
href: "tel:07856518666",
},
]}
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Call Now", href: "tel:07856518666" }]}
carouselItems={[
{
id: "slide1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
imageAlt: "Barber session",
},
{
id: "slide2",
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
imageAlt: "Shop interior",
},
{
id: "slide3",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-having-his-beard-groomed-close-up_23-2148353416.jpg",
imageAlt: "Fade detail",
},
{
id: "slide4",
imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg",
imageAlt: "Street view",
},
{
id: "slide5",
imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg",
imageAlt: "Barber tools",
},
{
id: "slide6",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-499.jpg",
imageAlt: "Mens hairstyle",
},
{ id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barber session" },
{ id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", imageAlt: "Shop interior" },
{ id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-having-his-beard-groomed-close-up_23-2148353416.jpg", imageAlt: "Fade detail" },
{ id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg", imageAlt: "Street view" },
{ id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg", imageAlt: "Barber tools" },
{ id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-499.jpg", imageAlt: "Mens hairstyle" },
]}
/>
</div>
@@ -115,34 +65,10 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{
title: "Skin Fade",
description: "Expert blending and precision lining for the perfect fade.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg",
buttonText: "Book Now",
},
{
title: "Haircut & Style",
description: "Tailored cuts to suit your style and hair type.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-with-trimmer_23-2148257009.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
buttonText: "Book Now",
},
{
title: "Beard Trim & Shape",
description: "Keep your beard looking sharp and well-groomed.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg",
buttonText: "Book Now",
},
{
title: "Kids Haircuts",
description: "Friendly, patient service for our younger clients.",
imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-5796.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5696.jpg",
buttonText: "Book Now",
},
{ title: "Skin Fade", description: "Expert blending and precision lining for the perfect fade.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg", buttonText: "Book Now" },
{ title: "Haircut & Style", description: "Tailored cuts to suit your style and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-with-trimmer_23-2148257009.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", buttonText: "Book Now" },
{ title: "Beard Trim & Shape", description: "Keep your beard looking sharp and well-groomed.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", buttonText: "Book Now" },
{ title: "Kids Haircuts", description: "Friendly, patient service for our younger clients.", imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-5796.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5696.jpg", buttonText: "Book Now" },
]}
title="Our Services"
description="Excellence in every cut."
@@ -154,14 +80,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
team={[
{
id: "avraz",
name: "Avraz",
role: "Lead Barber",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
},
]}
team={[{ id: "avraz", name: "Avraz", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg" }]}
title="Meet Your Barber"
description="Pure Fades is a trusted local barber shop in Altrincham, known for friendly service and high-quality cuts. Skilled barbers delivering consistent results in a welcoming atmosphere for all ages."
/>
@@ -169,50 +88,16 @@ export default function LandingPage() {
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Client A",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg",
},
{
id: "2",
name: "Client B",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg",
},
{
id: "3",
name: "Client C",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg",
},
{
id: "4",
name: "Client D",
role: "Customer",
company: "Local",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
},
{
id: "5",
name: "Client E",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20132.jpg",
},
{ id: "1", name: "Client A", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg" },
{ id: "2", name: "Client B", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg" },
{ id: "3", name: "Client C", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg" },
{ id: "4", name: "Client D", role: "Customer", company: "Local", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
{ id: "5", name: "Client E", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20132.jpg" },
]}
title="What Our Clients Say"
description="Trusted by the Altrincham community (4.7 stars, 21 reviews)."
@@ -226,48 +111,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Fade 1",
price: "",
variant: "Lookbook",
imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg",
},
{
id: "p2",
name: "Fade 2",
price: "",
variant: "Lookbook",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",
},
{
id: "p3",
name: "Fade 3",
price: "",
variant: "Lookbook",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg",
},
{
id: "p4",
name: "Interior",
price: "",
variant: "Shop",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
},
{
id: "p5",
name: "Fade 4",
price: "",
variant: "Lookbook",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
},
{
id: "p6",
name: "Shop Front",
price: "",
variant: "Exterior",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg",
},
{ id: "p1", name: "Fade 1", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg" },
{ id: "p2", name: "Fade 2", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg" },
{ id: "p3", name: "Fade 3", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg" },
{ id: "p4", name: "Interior", price: "", variant: "Shop", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg" },
{ id: "p5", name: "Fade 4", price: "", variant: "Lookbook", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg" },
{ id: "p6", name: "Shop Front", price: "", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg" },
]}
title="Our Work"
description="View our latest styles."
@@ -278,21 +127,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need to book in advance?",
content: "We recommend booking online, but walk-ins are welcome based on availability.",
},
{
id: "q2",
title: "Where is the shop?",
content: "18 Church St, Altrincham WA14 4DW.",
},
{
id: "q3",
title: "What are your opening hours?",
content: "We open at 9 AM on Friday and close periodically. Check our social media for updates.",
},
{ id: "q1", title: "Do I need to book in advance?", content: "We recommend booking online, but walk-ins are welcome based on availability." },
{ id: "q2", title: "Where is the shop?", content: "18 Church St, Altrincham WA14 4DW." },
{ id: "q3", title: "What are your opening hours?", content: "We open at 9 AM on Friday and close periodically. Check our social media for updates." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -303,15 +140,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"Facebook",
"Instagram",
"Google Maps",
"Yelp",
"Treatwell",
"Local Guide",
"Barber Network",
]}
names={["Facebook", "Instagram", "Google Maps", "Yelp", "Treatwell", "Local Guide", "Barber Network"]}
title="Join Our Community"
description="Follow us on Facebook for latest styles."
/>
@@ -320,54 +149,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Pure Fades Altrincham"
description="18 Church St, Altrincham WA14 4DW. Call: 07856 518666. Opening soon Friday 9 AM."
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com",
},
{
text: "Call Now",
href: "tel:07856518666",
},
]}
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }, { text: "Call Now", href: "tel:07856518666" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Pure Fades",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "18 Church St, Altrincham",
href: "#",
},
{
label: "07856 518666",
href: "tel:07856518666",
},
],
},
{ title: "Pure Fades", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Contact", items: [{ label: "18 Church St, Altrincham", href: "#" }, { label: "07856 518666", href: "tel:07856518666" }] },
]}
bottomLeftText="© 2024 Pure Fades Altrincham"
bottomRightText="All rights reserved"