Merge version_6 into main #6
@@ -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,7 +47,7 @@ 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={[
|
||||
{
|
||||
@@ -104,6 +105,59 @@ 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", label: "Men's Haircuts", title: "$17", items: ["Professional haircut", "Modern fades & classic cuts", "Consultation included"],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Youth", label: "Boys Haircuts", title: "$14", items: ["Ages under 12", "Quick & professional", "Kid-friendly service"],
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Specialty", label: "Beard Services", title: "$8", items: ["Beard trim & shape", "Precision grooming", "Expert technique"],
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Classic", label: "Straight Razor Shave", title: "$16", items: ["Traditional technique", "Close & smooth shave", "Relaxing experience"],
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
tag: "Specialty", label: "Women's Haircuts", title: "$19", items: ["Professional styling", "Modern techniques", "Custom cuts"],
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
tag: "Youth", label: "Girls Haircuts", title: "$15", items: ["Young girls service", "Gentle & professional", "Fun atmosphere"],
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
tag: "Quick", label: "Bang Trim", title: "$7", items: ["Quick touch-up", "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={[
|
||||
@@ -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,6 +230,9 @@ 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="No appointment needed—walk-ins always welcome! Call now or visit during business hours."
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user