bender/bcdef6ff-b0a4-4b0d-a058-8ba22ca2ca09
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-03-11 18:46:18 +00:00
Conversation 0 Commits 2 Files Changed 2 +124 -13
2 changed files with 124 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/page.tsx
View File

@@ -3,7 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import MediaAbout from "@/components/sections/about/MediaAbout";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit";
@@ -62,23 +62,40 @@ export default function LandingPage() {
</div>
<div id="services" data-section="services">
<FeatureCardSixteen
<FeatureCardTwentySeven
features={[
{
id: "1", title: "Regular Haircut", descriptions: [
"Professional haircut with expert styling", "Available with number 1 or 2 sides", "Perfect for classic looks"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=1", imageAlt: "Regular haircut service"
},
{
id: "2", title: "Beard Design", descriptions: [
"Custom beard shaping and design", "Razor fade enhancement", "Professional grooming expertise"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=2", imageAlt: "Beard design service"
},
{
id: "3", title: "The Works", descriptions: [
"Complete grooming package", "Haircut with beard and fade design", "Full eyebrow styling included"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=3", imageAlt: "Complete grooming package"
},
{
id: "4", title: "Eyebrow Styling", descriptions: [
"Professional eyebrow design", "Precision shaping and grooming", "Enhances your natural features"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=1", imageAlt: "Eyebrow styling service"
}
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
title="Our Premium Services"
description="Expert grooming solutions tailored to your style and preferences"
tag="Services"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
negativeCard={{
items: [
"Standard haircuts only", "Limited beard options", "No design services"
]
}}
positiveCard={{
items: [
"Any haircut with professional styling", "Razor fade and enhancement services", "Eyebrow and beard design", "Haircut plus beard combo", "The Works complete grooming package"
]
}}
/>
</div>

94
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,94 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Double R Barber"
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Hours", id: "contact" },
{ name: "Call Us", id: "contact" }
]}
button={{ text: "Book Now", href: "tel:(505) 386-9320" }}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
features={[
{
id: "1", title: "Regular Haircut", descriptions: [
"Professional haircut with expert styling", "Available with number 1 or 2 sides", "Perfect for classic looks"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=1", imageAlt: "Regular haircut service"
},
{
id: "2", title: "Beard Design", descriptions: [
"Custom beard shaping and design", "Razor fade enhancement", "Professional grooming expertise"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=2", imageAlt: "Beard design service"
},
{
id: "3", title: "The Works", descriptions: [
"Complete grooming package", "Haircut with beard and fade design", "Full eyebrow styling included"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=3", imageAlt: "Complete grooming package"
},
{
id: "4", title: "Eyebrow Styling", descriptions: [
"Professional eyebrow design", "Precision shaping and grooming", "Enhances your natural features"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=1", imageAlt: "Eyebrow styling service"
},
{
id: "5", title: "Fade Service", descriptions: [
"Precision fade lines and shaping", "Clean, sharp hairline design", "Expert technique for perfect blends"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=2", imageAlt: "Fade service"
},
{
id: "6", title: "Grooming Package", descriptions: [
"Complete head-to-toe grooming", "Hair, beard, and brow styling", "Premium professional treatment"
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=3", imageAlt: "Grooming package"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
title="Our Complete Service Menu"
description="Explore all the professional grooming and styling services we offer at Double R Barber"
tag="Services"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Double R"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact", href: "tel:(505) 386-9320" }}
/>
</div>
</ThemeProvider>
);
}