From 6b99ad049b1e30e4186e99a63fabc8457fbceb60 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 7 May 2026 17:47:53 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 236 ++++++++++------------------------------------- 1 file changed, 49 insertions(+), 187 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 998dcee..b98a051 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -56,59 +48,36 @@ export default function LandingPage() {
@@ -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() { @@ -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: "#"}, ], }, ]}