Merge version_1_1777301635573 into main #2
@@ -2,268 +2,134 @@ import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
|
||||
import GridDotsBackground from "@/components/ui/GridDotsBackground";
|
||||
import GridDotsBackground from '@/components/ui/GridDotsBackground';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
|
||||
import TeamListCards from '@/components/sections/team/TeamListCards';
|
||||
import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
tag="Brasilia's Finest"
|
||||
title="Precision Cuts in the Heart of Brasilia"
|
||||
description="Where tradition meets modern style. Book your appointment at our luxury studio today."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
}}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ricardo S.",
|
||||
handle: "@ricardos",
|
||||
text: "Best fade I've ever had in the capital. Incredible detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lucas P.",
|
||||
handle: "@lucasp",
|
||||
text: "Exceptional service and atmosphere. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg",
|
||||
},
|
||||
{
|
||||
name: "Pedro M.",
|
||||
handle: "@pedrom",
|
||||
text: "The barbers here are true artists.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
|
||||
},
|
||||
{
|
||||
name: "Gabriel F.",
|
||||
handle: "@gabrielf",
|
||||
text: "Professional, clean, and fast. Everything I look for in a shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thiago V.",
|
||||
handle: "@thiagov",
|
||||
text: "Top-tier craftsmanship in every single detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
tag="Brasilia's Finest"
|
||||
title="Precision Cuts in the Heart of Brasilia"
|
||||
description="Where tradition meets modern style. Book your appointment at our luxury studio today."
|
||||
primaryButton={{ text: "Book Appointment", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Services", href: "#services" }}
|
||||
testimonials={[
|
||||
{ name: "Ricardo S.", handle: "@ricardos", text: "Best fade I've ever had in the capital. Incredible detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg" },
|
||||
{ name: "Lucas P.", handle: "@lucasp", text: "Exceptional service and atmosphere. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg" },
|
||||
{ name: "Pedro M.", handle: "@pedrom", text: "The barbers here are true artists.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg" },
|
||||
{ name: "Gabriel F.", handle: "@gabrielf", text: "Professional, clean, and fast. Everything I look for in a shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg" },
|
||||
{ name: "Thiago V.", handle: "@thiagov", text: "Top-tier craftsmanship in every single detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Story"
|
||||
title="Mastering the Art of Grooming"
|
||||
description="Founded in 2015, we brought a new standard of grooming to Brasilia. We combine traditional techniques with modern aesthetic, ensuring every client leaves feeling like their best version."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Story"
|
||||
title="Mastering the Art of Grooming"
|
||||
description="Founded in 2015, we brought a new standard of grooming to Brasilia. We combine traditional techniques with modern aesthetic, ensuring every client leaves feeling like their best version."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services" className="relative">
|
||||
<GridDotsBackground position="absolute" />
|
||||
<FeaturesArrowCards
|
||||
tag="Our Services"
|
||||
title="Designed for Every Man"
|
||||
description="Comprehensive grooming solutions for the modern gentleman."
|
||||
items={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
tags: [
|
||||
"Style",
|
||||
"Cut",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg",
|
||||
},
|
||||
{
|
||||
title: "Signature Beard Trim",
|
||||
tags: [
|
||||
"Grooming",
|
||||
"Beard",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-zero-waste-products-marble_23-2148491134.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
tags: [
|
||||
"Relaxation",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506253.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services" className="relative">
|
||||
<GridDotsBackground position="absolute" />
|
||||
<FeaturesArrowCards
|
||||
tag="Our Services"
|
||||
title="Designed for Every Man"
|
||||
description="Comprehensive grooming solutions for the modern gentleman."
|
||||
items={[
|
||||
{ title: "Precision Haircut", tags: ["Style", "Cut"], imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg" },
|
||||
{ title: "Signature Beard Trim", tags: ["Grooming", "Beard"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-zero-waste-products-marble_23-2148491134.jpg" },
|
||||
{ title: "Hot Towel Shave", tags: ["Relaxation", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506253.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Pricing"
|
||||
title="Straightforward Services"
|
||||
description="No hidden costs, just exceptional grooming results."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential",
|
||||
price: "R$ 80",
|
||||
description: "Classic cut and style.",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Haircut",
|
||||
"Finishing",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Elite",
|
||||
price: "R$ 150",
|
||||
description: "Haircut and complete beard care.",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Hot Towel",
|
||||
"Scalp Massage",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Ultimate",
|
||||
price: "R$ 220",
|
||||
description: "The full transformation package.",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Sculpting",
|
||||
"Hot Towel",
|
||||
"Face Mask",
|
||||
"Complimentary Drink",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Pricing"
|
||||
title="Straightforward Services"
|
||||
description="No hidden costs, just exceptional grooming results."
|
||||
plans={[
|
||||
{ tag: "Essential", price: "R$ 80", description: "Classic cut and style.", features: ["Consultation", "Haircut", "Finishing"] },
|
||||
{ tag: "Elite", price: "R$ 150", description: "Haircut and complete beard care.", features: ["Haircut", "Beard Trim", "Hot Towel", "Scalp Massage"] },
|
||||
{ tag: "Ultimate", price: "R$ 220", description: "The full transformation package.", features: ["Haircut", "Beard Sculpting", "Hot Towel", "Face Mask", "Complimentary Drink"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamListCards
|
||||
tag="Our Barbers"
|
||||
title="Meet the Artists"
|
||||
description="Expert hands shaping the capital's style."
|
||||
groups={[
|
||||
{
|
||||
title: "Senior Stylists",
|
||||
members: [
|
||||
<div id="team" data-section="team">
|
||||
<TeamListCards
|
||||
tag="Our Barbers"
|
||||
title="Meet the Artists"
|
||||
description="Expert hands shaping the capital's style."
|
||||
groups={[
|
||||
{
|
||||
name: "Marcos",
|
||||
role: "Head Barber",
|
||||
detail: "10 years of experience in high-end grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-tilting-head-young-beautiful-female-barber-uniform-holding-comb-isolated-green-wall_141793-105666.jpg",
|
||||
},
|
||||
{
|
||||
name: "Felipe",
|
||||
role: "Stylist",
|
||||
detail: "Specialist in beard sculpture and fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-afro-american-barber-wearing-uniform-touching-chin_141793-117516.jpg",
|
||||
},
|
||||
{
|
||||
name: "Gustavo",
|
||||
role: "Master Barber",
|
||||
detail: "Traditional wet shaving expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=2",
|
||||
imageAlt: "professional barber smiling portrait",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
title: "Senior Stylists", members: [
|
||||
{ name: "Marcos", role: "Head Barber", detail: "10 years of experience in high-end grooming.", imageSrc: "http://img.b2bpic.net/free-photo/confident-tilting-head-young-beautiful-female-barber-uniform-holding-comb-isolated-green-wall_141793-105666.jpg" },
|
||||
{ name: "Felipe", role: "Stylist", detail: "Specialist in beard sculpture and fades.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-afro-american-barber-wearing-uniform-touching-chin_141793-117516.jpg" },
|
||||
{ name: "Gustavo", role: "Master Barber", detail: "Traditional wet shaving expert.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialDetailedCards
|
||||
tag="Reviews"
|
||||
title="Client Experiences"
|
||||
description="See why locals trust us with their style."
|
||||
testimonials={[
|
||||
{
|
||||
title: "Top notch",
|
||||
quote: "The best experience I've ever had. Truly professional.",
|
||||
name: "João Oliveira",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg",
|
||||
},
|
||||
{
|
||||
title: "Perfect fade",
|
||||
quote: "I don't go anywhere else. Marcos is the best.",
|
||||
name: "André Souza",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-fashionable-ginger-male-stylish-navy-t-shirt-looking-camera-smiling-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions-conc_639032-2150.jpg",
|
||||
},
|
||||
{
|
||||
title: "Exceptional",
|
||||
quote: "A true gentleman's establishment.",
|
||||
name: "Carlos Lima",
|
||||
role: "Lawyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg",
|
||||
},
|
||||
{
|
||||
title: "Highly Recommend",
|
||||
quote: "Great atmosphere, excellent technique.",
|
||||
name: "Rafael Santos",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg",
|
||||
},
|
||||
{
|
||||
title: "My regular spot",
|
||||
quote: "Consistent quality every single time.",
|
||||
name: "Bruno Silva",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialDetailedCards
|
||||
tag="Reviews"
|
||||
title="Client Experiences"
|
||||
description="See why locals trust us with their style."
|
||||
testimonials={[
|
||||
{ title: "Top notch", quote: "The best experience I've ever had. Truly professional.", name: "João Oliveira", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg" },
|
||||
{ title: "Perfect fade", quote: "I don't go anywhere else. Marcos is the best.", name: "André Souza", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-fashionable-ginger-male-stylish-navy-t-shirt-looking-camera-smiling-while-posing-blue-studio-background-human-facial-expressions-sincere-emotions-conc_639032-2150.jpg" },
|
||||
{ title: "Exceptional", quote: "A true gentleman's establishment.", name: "Carlos Lima", role: "Lawyer", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg" },
|
||||
{ title: "Highly Recommend", quote: "Great atmosphere, excellent technique.", name: "Rafael Santos", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg" },
|
||||
{ title: "My regular spot", quote: "Consistent quality every single time.", name: "Bruno Silva", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our process and booking."
|
||||
items={[
|
||||
{
|
||||
question: "Do I need an appointment?",
|
||||
answer: "Yes, we recommend booking online to guarantee your slot, though walk-ins are welcome if availability allows.",
|
||||
},
|
||||
{
|
||||
question: "Where are you located?",
|
||||
answer: "We are located centrally in the heart of Asa Sul, Brasilia.",
|
||||
},
|
||||
{
|
||||
question: "What payment methods do you accept?",
|
||||
answer: "We accept all major credit cards, debit cards, and Pix transfers.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our process and booking."
|
||||
items={[
|
||||
{ question: "Do I need an appointment?", answer: "Yes, we recommend booking online to guarantee your slot, though walk-ins are welcome if availability allows." },
|
||||
{ question: "Where are you located?", answer: "We are located centrally in the heart of Asa Sul, Brasilia." },
|
||||
{ question: "What payment methods do you accept?", answer: "We accept all major credit cards, debit cards, and Pix transfers." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Book Now"
|
||||
title="Ready for a Refresh?"
|
||||
description="Drop your email below, and we'll send you our current availability."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Check Availability"
|
||||
termsText="We respect your privacy and never share your data."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Book Now"
|
||||
title="Ready for a Refresh?"
|
||||
description="Drop your email below, and we'll send you our current availability."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Check Availability"
|
||||
termsText="We respect your privacy and never share your data."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
brand="BARBER_BR"
|
||||
columns={[{ title: "Services", items: [{ label: "Haircut", href: "#services" }, { label: "Beard", href: "#services" }, { label: "Hot Towel", href: "#services" }] }, { title: "Business", items: [{ label: "Contact Us", href: "#contact" }, { label: "Location", href: "#" }, { label: "Careers", href: "#" }] }]}
|
||||
copyright="© 2024 Barber BR. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user