bender/2c5bd993-ab5d-46dd-8aad-a818d20054d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_8 into main #7

Merged
bender merged 2 commits from version_8 into main 2026-04-23 16:29:39 +00:00
Conversation 0 Commits 2 Files Changed 2 +38 -169
2 changed files with 38 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
src/app/page.tsx
View File

@@ -23,34 +23,19 @@ export default function LandingPage() {
sizing="medium"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" },
]}
brandName="Ahwatukee Barbers"
/>
@@ -58,20 +43,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="Ahwatukee Barbers"
description="Family-run, friendly neighborhood barbershop in Phoenix, AZ. Quality cuts, classic shaves, and grooming for all ages."
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "Get Directions",
href: "https://maps.google.com",
},
{ text: "Book Now", href: "#contact" },
{ text: "Get Directions", href: "https://maps.google.com" },
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-cane-antique-store_23-2149640760.jpg"
mediaAnimation="slide-up"
@@ -83,21 +60,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="A Community Staple"
metrics={[
{
icon: Star,
label: "Google Rating",
value: "4.5",
},
{
icon: Users,
label: "Friendly Staff",
value: "Pro",
},
{
icon: Clock,
label: "Est. Years",
value: "10+",
},
{ icon: Star, label: "Google Rating", value: "4.5" },
{ icon: Users, label: "Friendly Staff", value: "Pro" },
{ icon: Clock, label: "Est. Years", value: "10+" },
]}
metricsAnimation="slide-up"
/>
@@ -110,27 +75,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Precision Cuts",
description: "Tailored haircuts for men and boys.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7331.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg",
buttonText: "Learn More",
},
{
title: "Beard Grooming",
description: "Expert beard trims and shaping.",
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-beard-man_23-2147737053.jpg",
buttonText: "Learn More",
},
{
title: "Classic Shaves",
description: "Experience our signature hot towel shave.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-razor-foam-shaving-brush-white-folded-napkin-against-wooden-surface_23-2148088540.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg",
buttonText: "Learn More",
},
{ title: "Precision Cuts", description: "Tailored haircuts for men and boys.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7331.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", buttonText: "Learn More" },
{ title: "Beard Grooming", description: "Expert beard trims and shaping.", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-beard-man_23-2147737053.jpg", buttonText: "Learn More" },
{ title: "Classic Shaves", description: "Experience our signature hot towel shave.", imageSrc: "http://img.b2bpic.net/free-photo/blue-razor-foam-shaving-brush-white-folded-napkin-against-wooden-surface_23-2148088540.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg", buttonText: "Learn More" },
]}
title="Professional Grooming"
description="We specialize in modern and classic styles for the whole family."
@@ -143,41 +90,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "John D.",
handle: "@john",
testimonial: "Best shop in Ahwatukee, friendly staff!",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
},
{
id: "2",
name: "Sarah M.",
handle: "@sarah",
testimonial: "Great experience, good for the kids.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
},
{
id: "3",
name: "Mike R.",
handle: "@mike",
testimonial: "Old school vibes, modern precision.",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg",
},
{
id: "4",
name: "David L.",
handle: "@david",
testimonial: "Quick, clean, and always welcoming.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man_23-2147986065.jpg",
},
{
id: "5",
name: "Emily K.",
handle: "@emily",
testimonial: "Finally found a barber I love.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-brushed-salon_23-2148817182.jpg",
},
{ id: "1", name: "John D.", handle: "@john", testimonial: "Best shop in Ahwatukee, friendly staff!", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg" },
{ id: "2", name: "Sarah M.", handle: "@sarah", testimonial: "Great experience, good for the kids.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg" },
{ id: "3", name: "Mike R.", handle: "@mike", testimonial: "Old school vibes, modern precision.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg" },
{ id: "4", name: "David L.", handle: "@david", testimonial: "Quick, clean, and always welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man_23-2147986065.jpg" },
{ id: "5", name: "Emily K.", handle: "@emily", testimonial: "Finally found a barber I love.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-brushed-salon_23-2148817182.jpg" },
]}
title="Customer Reviews"
description="See why Phoenix trusts our shop."
@@ -191,27 +108,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Walk-ins",
description: "Always welcome.",
icon: UserPlus,
},
{
id: "m2",
value: "Family",
title: "Atmosphere",
description: "Friendly for kids.",
icon: Smile,
},
{
id: "m3",
value: "Daily",
title: "Service",
description: "Reliable hours.",
icon: Calendar,
},
{ id: "m1", value: "100%", title: "Walk-ins", description: "Always welcome.", icon: UserPlus },
{ id: "m2", value: "Family", title: "Atmosphere", description: "Friendly for kids.", icon: Smile },
{ id: "m3", value: "Daily", title: "Service", description: "Reliable hours.", icon: Calendar },
]}
title="Shop Highlights"
description="Experience the quality and service that sets us apart in Phoenix."
@@ -222,21 +121,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you accept walk-ins?",
content: "Yes, we prioritize walk-ins!",
},
{
id: "f2",
title: "Are you family friendly?",
content: "We love serving families and kids.",
},
{
id: "f3",
title: "Where are you located?",
content: "12020 S Warner Elliot Loop #118.",
},
{ id: "f1", title: "Do you accept walk-ins?", content: "Yes, we prioritize walk-ins!" },
{ id: "f2", title: "Are you family friendly?", content: "We love serving families and kids." },
{ id: "f3", title: "Where are you located?", content: "12020 S Warner Elliot Loop #118." },
]}
sideTitle="Shop FAQ"
faqsAnimation="slide-up"
@@ -246,9 +133,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Ready for a cut?"
description="Come see us at Equestrian Centre today."
@@ -260,28 +145,12 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg"
logoText="Ahwatukee Barbers"
columns={[
{
title: "Visit",
items: [
{
label: "12020 S Warner Elliot Loop",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "(480) 893-3256",
href: "tel:4808933256",
},
],
},
{ title: "Visit", items: [{ label: "12020 S Warner Elliot Loop", href: "#" }] },
{ title: "Connect", items: [{ label: "(480) 893-3256", href: "tel:4808933256" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #0c1325;
--primary-cta: #0798ff;
--background: #060000;
--card: #1d0d0d;
--foreground: #ffe6e6;
--primary-cta: #ff3d4a;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta: #1f0a0a;
--secondary-cta-text: #0c1325;
--accent: #93c7ff;
--background-accent: #a8cde8;
--accent: #7b2d2d;
--background-accent: #b8111f;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);