Add src/app/services/page.tsx

2026-03-11 18:46:13 +00:00
parent 093a023ed5
commit 9cbd898f18
1 changed files with 94 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -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>
+  );
+}