Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2226efd6ba | |||
| 659196960f | |||
| 5e2fbd084b | |||
| e51b428902 | |||
| ea3cf58d55 | |||
| d2619af34d | |||
| 40fa721ff6 | |||
| fec2e3e6a3 | |||
| 6729afc717 | |||
| b657a3562f | |||
| e1464ce6b9 | |||
| 59cf33e425 | |||
| aa0aa7ae05 | |||
| 034175d35d | |||
| 4e1b967948 | |||
| 6bfb5efaac | |||
| d2bdf47b5e |
@@ -1,53 +1,29 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import { Geist, Geist_Mono } 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 geist = Geist({
|
||||
variable: "--font-geist-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans", subsets: ["latin"],
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "The Famous American Barbershop – Atlas | Gainesville, VA", description: "Classic American barbershop in Gainesville, VA. Professional men's haircuts, fades, beard trims, and grooming services. Visit us at Virginia Gateway Shopping Center.", keywords: "barbershop, haircuts, fades, beard trim, Gainesville Virginia, men's grooming, barber shop", openGraph: {
|
||||
title: "The Famous American Barbershop – Atlas", description: "Expert men's grooming services in Gainesville, Virginia", siteName: "The Famous American Barbershop – Atlas", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "The Famous American Barbershop – Atlas"
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "The Famous American Barbershop – Atlas", description: "Expert men's grooming services in Gainesville, Virginia", images: [
|
||||
"http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
|
||||
],
|
||||
},
|
||||
title: "The Famous American Barbershop – Atlas", description: "Classic American barbershop serving Gainesville and surrounding communities. Professional men's grooming in a relaxed, friendly atmosphere."
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1415,7 +1391,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
103
src/app/page.tsx
103
src/app/page.tsx
@@ -9,7 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Calendar, Clock, MapPin, Phone, Scissors, Sparkles, Sun } from "lucide-react";
|
||||
import { Calendar, Clock, MapPin, Phone, Scissors, Sparkles, Sun, DollarSign } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,6 +31,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
@@ -46,17 +47,17 @@ export default function LandingPage() {
|
||||
description="Classic American barbershop serving Gainesville and surrounding communities. Professional men's grooming in a relaxed, friendly atmosphere."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:(703) 754-2655" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
{ text: "View Pricing", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Classic barber shop interior"
|
||||
imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=800&q=80&_wi=1", imageAlt: "Classic barber shop interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=1", imageAlt: "Professional barber chairs"
|
||||
imageSrc: "https://images.unsplash.com/photo-1592245388900-8d4fc64dbd51?w=800&q=80", imageAlt: "Professional barber chairs"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=1", imageAlt: "Professional haircut service"
|
||||
imageSrc: "https://images.unsplash.com/photo-1622286346537-29c879d7cb8d?w=800&q=80", imageAlt: "Professional haircut service"
|
||||
},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
@@ -72,7 +73,7 @@ export default function LandingPage() {
|
||||
description="The Famous American Barbershop – Atlas"
|
||||
subdescription="Your neighborhood destination for quality grooming"
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=2"
|
||||
imageSrc="https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=800&q=80&_wi=2"
|
||||
imageAlt="Inside The Famous American Barbershop – Atlas"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -88,15 +89,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Classic", title: "Men's Haircuts", subtitle: "Timeless styles and modern fades", description: "Professional haircuts ranging from classic cuts to modern fades, tailored to your preferences by our experienced barbers.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg", imageAlt: "Professional men's haircut"
|
||||
tag: "Classic", title: "Men's Haircuts", subtitle: "Timeless styles and modern fades", description: "Professional haircuts ranging from classic cuts to modern fades, tailored to your preferences by our experienced barbers.", imageSrc: "https://images.unsplash.com/photo-1621607505857-44a5e0eed1b0?w=800&q=80&_wi=1", imageAlt: "Professional men's haircut"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Precision", title: "Beard Trims & Razor Shaves", subtitle: "Traditional grooming expertise", description: "Expert beard maintenance and smooth razor shaves using traditional techniques for the ultimate grooming experience.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Beard trim and razor shave service"
|
||||
tag: "Precision", title: "Beard Trims & Razor Shaves", subtitle: "Traditional grooming expertise", description: "Expert beard maintenance and smooth razor shaves using traditional techniques for the ultimate grooming experience.", imageSrc: "https://images.unsplash.com/photo-1599351566329-0e3e0c68b0bb?w=800&q=80&_wi=1", imageAlt: "Beard trim and razor shave service"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Detail Work", title: "Line Ups & Skin Fades", subtitle: "Precision edge work", description: "Sharp line ups and clean skin fades with attention to detail. Get that fresh, polished look you deserve.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-confident-groom-with-beard-mustaches-standing-looking-away-while-his-friend-standing-him-helping-dressing-up-shirt-bow-tie-hotel-room-wedding-day_8353-12417.jpg", imageAlt: "Precision line up and fade service"
|
||||
tag: "Detail Work", title: "Line Ups & Skin Fades", subtitle: "Precision edge work", description: "Sharp line ups and clean skin fades with attention to detail. Get that fresh, polished look you deserve.", imageSrc: "https://images.unsplash.com/photo-1599351566329-0e3e0c68b0bb?w=800&q=80&_wi=2", imageAlt: "Precision line up and fade service"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -104,32 +105,73 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<FeatureCardNineteen
|
||||
title="Service Pricing"
|
||||
description="Transparent pricing for all our professional grooming services. Cash required."
|
||||
tag="Pricing"
|
||||
tagIcon={DollarSign}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Regular", title: "Men's Haircuts", subtitle: "$17", description: "Professional haircut with modern fades & classic cuts. Consultation included"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Youth", title: "Boys Haircuts", subtitle: "$14", description: "Ages under 12. Quick & professional service with kid-friendly atmosphere"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Specialty", title: "Beard Services", subtitle: "$8", description: "Beard trim & shape with precision grooming and expert technique"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Classic", title: "Straight Razor Shave", subtitle: "$16", description: "Traditional technique for close & smooth shave. Relaxing experience"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
tag: "Specialty", title: "Women's Haircuts", subtitle: "$19", description: "Professional styling with modern techniques and custom cuts"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
tag: "Youth", title: "Girls Haircuts", subtitle: "$15", description: "Young girls service, gentle & professional in fun atmosphere"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
tag: "Quick", title: "Bang Trim", subtitle: "$7", description: "Quick touch-up with precise cutting. Walk-in welcome"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div className="w-full py-8 px-4 md:px-0 flex flex-col gap-4">
|
||||
<div className="max-w-2xl mx-auto bg-primary-cta/5 border border-primary-cta/20 rounded-lg p-6">
|
||||
<h3 className="text-lg font-semibold mb-3 text-foreground">Special Discounts</h3>
|
||||
<p className="text-sm mb-3 text-foreground/80"><strong>Seniors, Police, Firemen & Active Duty Military:</strong> $2 off all services on weekdays only</p>
|
||||
<p className="text-xs text-foreground/70 mb-3">Please bring valid ID for discount verification</p>
|
||||
</div>
|
||||
<div className="max-w-2xl mx-auto bg-secondary-cta text-foreground rounded-lg p-6">
|
||||
<p className="text-sm font-medium mb-2">Payment & Coupons</p>
|
||||
<p className="text-sm"><strong>Cash is required</strong> for all services</p>
|
||||
<p className="text-xs mt-3 text-foreground/70">Note: Coupons discount regular price, not special pricing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Premium Haircut", price: "Expert Results", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774046011-sm0yla2b.jpg", imageAlt: "Professional haircut example"
|
||||
id: "1", name: "Premium Haircut", price: "Expert Results", imageSrc: "https://images.unsplash.com/photo-1599351566329-0e3e0c68b0bb?w=800&q=80&_wi=3", imageAlt: "Professional haircut example"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Precision Fade", price: "Sharp Lines", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774046011-tje9e1md.jpg", imageAlt: "Precision fade service"
|
||||
id: "2", name: "Precision Fade", price: "Sharp Lines", imageSrc: "https://images.unsplash.com/photo-1621607505857-44a5e0eed1b0?w=800&q=80&_wi=2", imageAlt: "Precision fade service"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Classic Style", price: "Timeless Look", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774046011-fax6znhd.jpg", imageAlt: "Classic haircut style"
|
||||
id: "3", name: "Classic Style", price: "Timeless Look", imageSrc: "https://images.unsplash.com/photo-1599351566329-0e3e0c68b0bb?w=800&q=80&_wi=4", imageAlt: "Classic haircut style"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Welcoming Atmosphere", price: "Community Focused", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg", imageAlt: "Inside The Famous American Barbershop – Atlas"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Modern Interior Design", price: "Upscale Ambiance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774161530-lu4iycii.jpg", imageAlt: "Modern interior design"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Stylish Shop Layout", price: "Contemporary Space", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774161530-4t2xjshj.jpg", imageAlt: "Stylish shop layout"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Professional Setting", price: "Premium Quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774161530-kjz92yx6.jpg", imageAlt: "Professional setting"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Expert Craftsmanship", price: "Attention to Detail", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYWRxrOSTb7MSIUJcLjcDOTIYv/uploaded-1772774161530-0otaeu49.jpg", imageAlt: "Expert craftsmanship"
|
||||
id: "4", name: "Welcoming Atmosphere", price: "Community Focused", imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=800&q=80&_wi=3", imageAlt: "Inside The Famous American Barbershop – Atlas"
|
||||
},
|
||||
]}
|
||||
title="Gallery"
|
||||
@@ -177,7 +219,7 @@ export default function LandingPage() {
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and digital payment methods. All major credit cards are welcome."
|
||||
id: "1", title: "What payment methods do you accept?", content: "We accept cash only. All services require cash payment."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is this a good barbershop for first-timers?", content: "Absolutely! Our barbers are experienced and friendly. We welcome new customers and take time to understand your desired style. Come in and experience the classic American barbershop atmosphere."
|
||||
@@ -188,9 +230,12 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "4", title: "What makes your barbershop special?", content: "We combine classic American barbering tradition with modern grooming techniques. Our experienced barbers deliver quality cuts, fades, and beard services in a relaxed, welcoming neighborhood atmosphere."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do you offer discounts?", content: "Yes! Seniors, police officers, firemen, and active duty military receive $2 off all services on weekdays only. Please bring valid ID for verification. Note that coupons discount regular price, not special pricing."
|
||||
},
|
||||
]}
|
||||
ctaTitle="Get in Touch"
|
||||
ctaDescription="Walk-ins welcome! Call now or visit during business hours—no appointment needed."
|
||||
ctaDescription="No appointment needed—walk-ins always welcome! Call now or visit during business hours."
|
||||
ctaButton={{
|
||||
text: "Call (703) 754-2655", href: "tel:(703) 754-2655"
|
||||
}}
|
||||
@@ -204,7 +249,7 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ATLAS"
|
||||
leftLink={{
|
||||
text: "Hours", href: "#hours-location"
|
||||
text: "Pricing", href: "#pricing"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact", href: "#contact"
|
||||
@@ -213,4 +258,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user