Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fade Factory ATL"
|
||||
/>
|
||||
@@ -56,59 +48,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Atlanta’s Premier Precision Cuts"
|
||||
description="Fade Factory ATL brings world-class grooming to the heart of Atlanta. Experience sharp fades, professional beard trims, and an unmatched salon environment."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg",
|
||||
alt: "Barber 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg", alt: "Barber 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-knife_273609-20983.jpg",
|
||||
alt: "Barber 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-knife_273609-20983.jpg", alt: "Barber 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-yellow-wall-drink-club-alcohol-male-night-bar-job_140725-121981.jpg",
|
||||
alt: "Barber 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-yellow-wall-drink-club-alcohol-male-night-bar-job_140725-121981.jpg", alt: "Barber 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
||||
alt: "Barber 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", alt: "Barber 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
|
||||
alt: "Barber 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg", alt: "Barber 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atlanta’s Best Fades",
|
||||
},
|
||||
type: "text", text: "Atlanta’s Best Fades"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Grooming",
|
||||
},
|
||||
type: "text", text: "Professional Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walk-ins Welcome",
|
||||
},
|
||||
type: "text", text: "Walk-ins Welcome"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Salon Experience",
|
||||
},
|
||||
type: "text", text: "Premium Salon Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Techniques",
|
||||
},
|
||||
type: "text", text: "Modern Techniques"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,7 +89,7 @@ export default function LandingPage() {
|
||||
title="Crafting the Perfect Fade"
|
||||
description="At Fade Factory ATL, we believe that a haircut is more than just maintenance—it's a statement. Our shop combines traditional techniques with modern style."
|
||||
subdescription="Located conveniently in Atlanta, our team is dedicated to providing consistent, high-quality service every single time you sit in our chair."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Scissors}
|
||||
/>
|
||||
@@ -133,28 +102,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Fades",
|
||||
description: "Crisp, clean fades tailored to your head shape and hair texture.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-artist-playing-electric-guitar_23-2148680322.jpg",
|
||||
imageAlt: "barber shop interior modern atlanta",
|
||||
title: "Signature Fades", description: "Crisp, clean fades tailored to your head shape and hair texture.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Precision shaping and lineup services for a sharper, fuller beard.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2",
|
||||
imageAlt: "barber shop interior modern atlanta",
|
||||
title: "Beard Grooming", description: "Precision shaping and lineup services for a sharper, fuller beard.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "Traditional relaxing shave services for the ultimate grooming experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg",
|
||||
imageAlt: "barber shop interior modern atlanta",
|
||||
title: "Hot Towel Shave", description: "Traditional relaxing shave services for the ultimate grooming experience.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Precision Grooming Services"
|
||||
@@ -169,37 +123,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Popular",
|
||||
price: "$35",
|
||||
subtitle: "Signature Haircut",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "basic", badge: "Popular", price: "$35", subtitle: "Signature Haircut", features: [
|
||||
"Consultation", "Precision Cut", "Neck Shave"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Value",
|
||||
price: "$50",
|
||||
subtitle: "Cut & Beard Grooming",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Shaping",
|
||||
"Hot Towel Finish",
|
||||
],
|
||||
id: "pro", badge: "Best Value", price: "$50", subtitle: "Cut & Beard Grooming", features: [
|
||||
"Haircut", "Beard Shaping", "Hot Towel Finish"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$70",
|
||||
subtitle: "The Factory Experience",
|
||||
features: [
|
||||
"Full Grooming",
|
||||
"Facial Treatment",
|
||||
"Priority Booking",
|
||||
],
|
||||
id: "premium", badge: "Elite", price: "$70", subtitle: "The Factory Experience", features: [
|
||||
"Full Grooming", "Facial Treatment", "Priority Booking"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -215,23 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus J.",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus J.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David R.",
|
||||
role: "Lead Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg",
|
||||
},
|
||||
id: "t2", name: "David R.", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-spray-comb-with-serious-face-standing-orange-wall_141793-61305.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam K.", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-spray-comb-with-serious-face-standing-orange-wall_141793-61305.jpg"},
|
||||
]}
|
||||
title="Meet The Masters"
|
||||
description="Our team of experienced barbers is ready to help you find your best look."
|
||||
@@ -244,45 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Top Tier Cuts",
|
||||
quote: "The best fade I've had in years. Marcus is a true professional.",
|
||||
name: "James B.",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
id: "1", title: "Top Tier Cuts", quote: "The best fade I've had in years. Marcus is a true professional.", name: "James B.", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Always Fresh",
|
||||
quote: " Fade Factory never misses. Highly recommend booking early.",
|
||||
name: "Chris D.",
|
||||
role: "Local Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-bathrobe_23-2150323093.jpg",
|
||||
},
|
||||
id: "2", title: "Always Fresh", quote: " Fade Factory never misses. Highly recommend booking early.", name: "Chris D.", role: "Local Professional", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-bathrobe_23-2150323093.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Vibe",
|
||||
quote: "Friendly staff, clean shop, and perfect work. I'm a lifetime customer.",
|
||||
name: "Kevin M.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
id: "3", title: "Great Vibe", quote: "Friendly staff, clean shop, and perfect work. I'm a lifetime customer.", name: "Kevin M.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Detail Oriented",
|
||||
quote: "They really pay attention to the little details. Very impressive.",
|
||||
name: "Alex P.",
|
||||
role: "Tech Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148136011.jpg",
|
||||
},
|
||||
id: "4", title: "Detail Oriented", quote: "They really pay attention to the little details. Very impressive.", name: "Alex P.", role: "Tech Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148136011.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "The Gold Standard",
|
||||
quote: "I get compliments everywhere after coming here. Worth every penny.",
|
||||
name: "Brandon L.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-male-barber-wearing-gray-apron-holding-comb-scissor-feeling-unhappy-pastel-blue-color-background_140725-155003.jpg",
|
||||
},
|
||||
id: "5", title: "The Gold Standard", quote: "I get compliments everywhere after coming here. Worth every penny.", name: "Brandon L.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-male-barber-wearing-gray-apron-holding-comb-scissor-feeling-unhappy-pastel-blue-color-background_140725-155003.jpg"},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Don't just take our word for it—hear from the Atlanta community."
|
||||
@@ -294,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Appointments are highly recommended to ensure you get your preferred time, though we do accept walk-ins when possible.",
|
||||
},
|
||||
id: "faq1", title: "Do I need an appointment?", content: "Appointments are highly recommended to ensure you get your preferred time, though we do accept walk-ins when possible."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located centrally in the heart of Atlanta. Please check our contact section for precise directions.",
|
||||
},
|
||||
id: "faq2", title: "Where are you located?", content: "We are located centrally in the heart of Atlanta. Please check our contact section for precise directions."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, major credit cards, and digital payment methods for your convenience.",
|
||||
},
|
||||
id: "faq3", title: "What payment methods do you accept?", content: "We accept cash, major credit cards, and digital payment methods for your convenience."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know."
|
||||
@@ -319,14 +201,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get the best cut in Atlanta? Book your spot today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,46 +215,29 @@ export default function LandingPage() {
|
||||
logoText="Fade Factory ATL"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user