5 Commits

Author SHA1 Message Date
6bda527ab2 Update src/app/page.tsx 2026-03-07 06:16:32 +00:00
3f509bb26c Update src/app/layout.tsx 2026-03-07 06:16:31 +00:00
2dbb6c09e9 Merge version_1 into main
Merge version_1 into main
2026-03-07 06:13:18 +00:00
06de28e649 Merge version_1 into main
Merge version_1 into main
2026-03-07 06:12:27 +00:00
bcc88186c2 Merge version_1 into main
Merge version_1 into main
2026-03-07 06:11:15 +00:00
2 changed files with 48 additions and 89 deletions

View File

@@ -1,57 +1,18 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const nunitoSans = Nunito_Sans({
variable: "--font-nunito-sans", subsets: ["latin"],
});
import "./styles/variables.css";
import "./styles/base.css";
export const metadata: Metadata = {
title: "Apex Precision Barbershop | Expert Barber Services", description: "Premier barbershop offering expert haircuts, beard grooming, and traditional shaves. Expert barbers dedicated to precision and your perfect look. Book online today.", keywords: "barbershop, haircut, beard grooming, barber near me, professional barber, fade haircut, traditional shave", metadataBase: new URL("https://apexprecisionbarbershop.com"),
alternates: {
canonical: "https://apexprecisionbarbershop.com"},
robots: {
index: true,
follow: true,
},
openGraph: {
title: "Apex Precision Barbershop | Expert Barber Services", description: "Premier barbershop offering expert haircuts, beard grooming, and traditional shaves. Book your appointment today.", url: "https://apexprecisionbarbershop.com", siteName: "Apex Precision Barbershop", type: "website", images: [
{
url: "https://apexprecisionbarbershop.com/og-image.jpg", alt: "Apex Precision Barbershop"},
],
},
twitter: {
card: "summary_large_image", title: "Apex Precision Barbershop | Expert Barber Services", description: "Premier barbershop with expert haircuts, beard grooming, and traditional shaves.", images: ["https://apexprecisionbarbershop.com/twitter-image.jpg"],
},
};
title: "Apex Precision Barbershop", description: "Expert barber services in Moreno Valley, CA. Precision haircuts, straight razor shaves, and professional grooming."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunitoSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1419,7 +1380,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -30,24 +30,24 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "Services", id: "#services" },
{ name: "Team", id: "#team" },
{ name: "Reviews", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="Apex Precision"
button={{ text: "Book Now", href: "contact" }}
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Apex Precision Barbershop"
description="Expert barber services delivered with precision and care. From classic fades to contemporary styles, we specialize in creating looks that match your personality."
description="Expert barber services delivered with precision and care. Classic fades, intricate designs, straight razor shaves, and long hair shear work. Your look, perfected."
buttons={[
{ text: "Book Your Appointment", href: "contact" },
{ text: "View Services", href: "services" },
{ text: "Book Your Appointment", href: "#contact" },
{ text: "View Services", href: "#services" },
]}
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6357.jpg"
@@ -60,12 +60,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<AboutMetric
title="Precision Barbering Since 2010 — Crafting Looks, Building Confidence"
title="Precision Barbering Excellence — Crafting Looks, Building Confidence"
metrics={[
{ icon: Users, label: "Satisfied Clients", value: "5,000+" },
{ icon: Award, label: "Years of Excellence", value: "14" },
{ icon: Star, label: "Customer Rating", value: "5.0" },
{ icon: Users, label: "Reviews", value: "103" },
{ icon: Scissors, label: "Expert Barbers", value: "8" },
{ icon: Star, label: "Average Rating", value: "4.9/5" },
{ icon: Award, label: "Services Offered", value: "4+" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -75,22 +75,22 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardNine
title="Our Signature Services"
description="Master the art of style with services tailored to your unique look and lifestyle."
description="Master craftsmanship tailored to your unique look. We specialize in expert haircuts, intricate designs, straight razor shaves, and long hair shear work."
tag="Services"
features={[
{
id: 1,
title: "Classic Haircut & Fade", description: "Precision cutting with modern fades, line work, and detailed finishing. We deliver sharp, clean cuts that showcase expert technique.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg?_wi=1" },
title: "Expert Haircuts & Fades", description: "Precision cutting with modern fades, line work, and detailed finishing. We deliver sharp, clean cuts that showcase expert technique and attention to detail.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg?_wi=2" },
},
{
id: 2,
title: "Premium Beard Grooming", description: "Shape, trim, and style with precision. Our beard grooming service includes shaping, edge work, and conditioning for maximum confidence.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-lying-salon-while-barber-trimming-his-beard_651396-2964.jpg?_wi=1" },
title: "Intricate Designs & Line Art", description: "Custom designs and creative line work that make your cut unique. From geometric patterns to personalized artwork, we bring your vision to life with precision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-lying-salon-while-barber-trimming-his-beard_651396-2964.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-lying-salon-while-barber-trimming-his-beard_651396-2964.jpg?_wi=2" },
},
{
id: 3,
title: "Traditional Straight Razor Shave", description: "Experience the luxury of a traditional hot towel shave. Perfect finishing with premium products and expert technique.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-retouching-his-friend-s-beard_1153-1504.jpg?_wi=1" },
title: "Traditional Straight Razor Shave", description: "Experience the luxury of a traditional hot towel shave. Perfect finishing with premium products and expert technique for the ultimate grooming experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-retouching-his-friend-s-beard_1153-1504.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-retouching-his-friend-s-beard_1153-1504.jpg?_wi=2" },
},
]}
@@ -105,16 +105,16 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Why Customers Choose Apex"
description="Proven excellence in barbering with consistent results and exceptional service."
description="Proven excellence in barbering with consistent results and exceptional service quality."
metrics={[
{
id: "1", value: "98", title: "Client Retention", description: "Customers return regularly for our quality and expertise", icon: TrendingUp,
id: "1", value: "24594 Sunnymead Boulevard", title: "Suite J, Moreno Valley, CA 92553", description: "Located in the heart of Moreno Valley, easily accessible and welcoming to all.", icon: Heart,
},
{
id: "2", value: "15", title: "Minutes Average", description: "Quick, efficient service without compromising quality", icon: Clock,
id: "2", value: "(951) 534-6120", title: "Call to Book", description: "Reach out to schedule your appointment or ask any questions about our services.", icon: Clock,
},
{
id: "3", value: "100", title: "Satisfaction Rate", description: "Five-star reviews and consistent positive feedback", icon: Heart,
id: "3", value: "Walk-Ins Welcome", title: "Flexible Scheduling", description: "Book online, call ahead, or visit us for walk-in service based on availability.", icon: TrendingUp,
},
]}
gridVariant="uniform-all-items-equal"
@@ -127,7 +127,7 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardSix
title="Meet Our Master Barbers"
description="Expert craftsmen dedicated to precision, quality, and your perfect look."
description="Expert craftsmen dedicated to precision, quality, and your perfect look. Each barber brings years of experience and passion for the art."
tag="Expert Team"
members={[
{
@@ -147,17 +147,17 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Clients Say"
description="Real feedback from satisfied customers who trust us with their look."
tag="Client Reviews"
description="Real feedback from 103 satisfied customers who trust us with their look. Rated 5.0 stars for precision, professionalism, and exceptional service."
tag="Client Reviews - 5.0 Rating (103 Reviews)"
testimonials={[
{
id: "1", name: "Michael Torres, Tech Executive", date: "Date: 15 January 2025", title: "Precision Meets Professionalism", quote: "Marcus and the team deliver exceptional results every time. The precision, attention to detail, and professional atmosphere make Apex Precision my go-to barbershop. Highly recommended.", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg"},
id: "1", name: "Michael Torres, Tech Executive", date: "Date: 15 January 2025", title: "Precision Meets Professionalism", quote: "Marcus and the team deliver exceptional results every time. The precision, attention to detail, and welcoming atmosphere make Apex Precision my go-to barbershop. Highly recommended.", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg"},
{
id: "2", name: "James Wilson, Entrepreneur", date: "Date: 12 January 2025", title: "Worth Every Minute", quote: "I've tried many barbershops, but Apex Precision stands out. The barbers truly care about their craft. Every haircut looks sharp, and the environment is welcoming. Best investment in my appearance.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-congratulate-you-pointing-fingers-camera_176420-17989.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-congratulate-you-pointing-fingers-camera_176420-17989.jpg"},
id: "2", name: "James Wilson, Entrepreneur", date: "Date: 12 January 2025", title: "Worth Every Minute", quote: "I've tried many barbershops, but Apex Precision stands out. The barbers truly care about their craft. Every haircut looks sharp, and the welcoming environment makes you feel valued.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-congratulate-you-pointing-fingers-camera_176420-17989.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-congratulate-you-pointing-fingers-camera_176420-17989.jpg"},
{
id: "3", name: "Robert Anderson, Business Owner", date: "Date: 8 January 2025", title: "Expert Craftsmanship", quote: "The traditional shave service is unmatched. David's technique and the premium products used make it a luxurious experience. I've been coming for 3 years and never disappointed.", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg"},
id: "3", name: "Robert Anderson, Business Owner", date: "Date: 8 January 2025", title: "Expert Craftsmanship", quote: "The traditional shave service is unmatched. David's technique and the premium products used make it a luxurious experience. The skilled barbers here truly understand their craft.", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg"},
{
id: "4", name: "Christopher Lee, Creative Director", date: "Date: 5 January 2025", title: "Confidence in Every Cut", quote: "Apex Precision understands modern style while respecting traditional barbering. James helped me find my perfect look. The confidence boost is real. Absolutely fantastic.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg"},
id: "4", name: "Christopher Lee, Creative Director", date: "Date: 5 January 2025", title: "Welcoming & Skilled", quote: "Apex Precision understands modern style while respecting traditional barbering. The welcoming atmosphere and skilled barbers make every visit a great experience. Absolutely fantastic.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -167,21 +167,21 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Everything you need to know about our services, booking, and barbershop experience."
description="Everything you need to know about our services, booking, hours, and barbershop experience."
tag="Help & Support"
faqs={[
{
id: "1", title: "How do I book an appointment?", content: "You can book online through our website, call us directly, or visit in person. We accept walk-ins based on availability. Online booking ensures your preferred time slot."},
id: "1", title: "What are your business hours?", content: "Friday: 9 AM5 PM | Saturday: 8 AM4 PM | Sunday: 8 AM12 PM | Monday-Thursday: 9 AM5 PM. We accept walk-ins based on availability. Call (951) 534-6120 for current wait times."},
{
id: "2", title: "What is your cancellation policy?", content: "We require at least 24 hours notice for cancellations. Cancellations made within 24 hours may incur a $15 fee. This helps us respect other clients' time."},
id: "2", title: "How do I book an appointment?", content: "You can book online through our website, call us at (951) 534-6120, or visit in person at 24594 Sunnymead Boulevard Suite J, Moreno Valley, CA 92553. We accept walk-ins based on availability. Online booking ensures your preferred time slot."},
{
id: "3", title: "Do you accept first-time clients?", content: "Absolutely! We welcome all clients. During your first visit, we'll consult about your preferred style, hair type, and maintenance routine to ensure you get the perfect cut."},
id: "3", title: "What services do you offer?", content: "We specialize in expert haircuts with modern fades and line work, intricate designs and custom line art, traditional straight razor shaves, and long hair shear work. Each service is delivered with precision and attention to detail."},
{
id: "4", title: "What's the average wait time for a haircut?", content: "Appointments typically take 15-20 minutes for haircuts and fade work. Walk-ins may experience a 10-30 minute wait depending on how busy we are."},
id: "4", title: "Do you accept walk-ins?", content: "Absolutely! We welcome walk-ins based on availability. For the most accurate wait time information and to secure your preferred time slot, we recommend calling (951) 534-6120 or booking online."},
{
id: "5", title: "Do you offer discounts or loyalty programs?", content: "Yes! We offer a loyalty program where every 5th haircut is 15% off. We also provide discounts for first-time clients. Ask our barbers for details."},
id: "5", title: "What is your cancellation policy?", content: "We require at least 24 hours notice for cancellations. Cancellations made within 24 hours may incur a $15 fee. This helps us respect other clients' time and maintain our service quality."},
{
id: "6", title: "Can I request a specific barber?", content: "Of course! All our barbers are highly skilled. You can request a specific barber when booking, though availability may vary. Each brings their own expertise to barbering."},
id: "6", title: "What makes Apex Precision different?", content: "With a 5.0 rating from 103 reviews, we're known for our skilled barbers, welcoming atmosphere, and precision craftsmanship. We combine expert technique with personalized service to create looks that match your personality."},
]}
textboxLayout="default"
faqsAnimation="slide-up"
@@ -193,12 +193,12 @@ export default function LandingPage() {
<ContactCenter
tag="Get In Touch"
title="Ready for Your Next Perfect Haircut?"
description="Book your appointment today and experience precision barbering at its finest. Visit us or schedule online."
description="Book your appointment today and experience precision barbering at its finest. Call (951) 534-6120, visit us in person, or schedule online."
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Book Now"
termsText="We respect your privacy. Your information is used only for booking confirmations and updates."
termsText="We respect your privacy. Your information is used only for booking confirmations and service updates."
/>
</div>
@@ -208,23 +208,22 @@ export default function LandingPage() {
columns={[
{
items: [
{ label: "Home", href: "#home" },
{ label: "Home", href: "/" },
{ label: "Services", href: "#services" },
{ label: "Team", href: "#team" },
],
},
{
items: [
{ label: "Testimonials", href: "#testimonials" },
{ label: "Reviews", href: "#testimonials" },
{ label: "FAQ", href: "#faq" },
{ label: "Book Now", href: "#contact" },
],
},
{
items: [
{ label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
{ label: "Email: info@apexprecision.com", href: "mailto:info@apexprecision.com" },
{ label: "Hours: Tue-Sun 10am-7pm", href: "#" },
{ label: "Phone: (951) 534-6120", href: "tel:+19515346120" },
{ label: "Address: 24594 Sunnymead Boulevard Suite J, Moreno Valley, CA 92553", href: "#" },
],
},
{