bender/0347e02b-380c-4d60-9c9d-cc93e397a87f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

19 Commits
version_3 ... main

Author SHA1 Message Date
bender
2226efd6ba Merge version_8 into main 
Merge version_8 into main
 2026-03-06 05:35:34 +00:00
bender
659196960f Update src/app/page.tsx 2026-03-06 05:35:24 +00:00
bender
5e2fbd084b Merge version_8 into main 
Merge version_8 into main
 2026-03-06 05:34:33 +00:00
bender
e51b428902 Update src/app/page.tsx 2026-03-06 05:34:29 +00:00
bender
ea3cf58d55 Update src/app/layout.tsx 2026-03-06 05:34:29 +00:00
bender
d2619af34d Merge version_7 into main 
Merge version_7 into main
 2026-03-06 05:32:27 +00:00
bender
40fa721ff6 Update src/app/page.tsx 2026-03-06 05:32:23 +00:00
bender
fec2e3e6a3 Merge version_7 into main 
Merge version_7 into main
 2026-03-06 05:31:37 +00:00
bender
6729afc717 Update src/app/page.tsx 2026-03-06 05:31:33 +00:00
bender
b657a3562f Update src/app/layout.tsx 2026-03-06 05:31:32 +00:00
bender
e1464ce6b9 Merge version_6 into main 
Merge version_6 into main
 2026-03-06 05:24:43 +00:00
bender
59cf33e425 Update src/app/page.tsx 2026-03-06 05:24:39 +00:00
bender
aa0aa7ae05 Merge version_6 into main 
Merge version_6 into main
 2026-03-06 05:23:30 +00:00
bender
034175d35d Update src/app/page.tsx 2026-03-06 05:23:26 +00:00
bender
4e1b967948 Merge version_5 into main 
Merge version_5 into main
 2026-03-06 05:17:52 +00:00
bender
6bfb5efaac Update src/app/page.tsx 2026-03-06 05:17:48 +00:00
bender
d2bdf47b5e Merge version_4 into main 
Merge version_4 into main
 2026-03-06 05:16:42 +00:00
bender
f631fe3e44 Update src/app/page.tsx 2026-03-06 05:16:38 +00:00
bender
e0ad089658 Merge version_3 into main 
Merge version_3 into main
 2026-03-06 05:14:45 +00:00
2 changed files with 87 additions and 55 deletions
Expand all files Collapse all files

51
src/app/layout.tsx
View File

@@ -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>
);
}
}

91
src/app/page.tsx
View File

@@ -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,20 +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: "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"
@@ -165,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."
@@ -176,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"
}}
@@ -192,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"
@@ -201,4 +258,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}