bender/98c7e270-9929-4c26-9ea7-82d88092b85b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1782112923218 into main #2

Merged
bender merged 1 commits from version_2_1782112923218 into main 2026-06-22 07:26:03 +00:00
Conversation 0 Commits 1 Files Changed 9 +418 -233
9 changed files with 418 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
src/pages/HomePage.tsx
View File

@@ -1,245 +1,36 @@
import AboutText from '@/components/sections/about/AboutText';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import HeroBrand from '@/components/sections/hero/HeroBrand';
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ServicesSection from './HomePage/sections/Services';
import PricingSection from './HomePage/sections/Pricing';
import TeamSection from './HomePage/sections/Team';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="Georgy Barbershop"
description="Premium grooming and cutting-edge style. Experience the art of the perfect cut."
primaryButton={{
text: "Book Appointment",
href: "https://n164897.yclients.com/",
}}
secondaryButton={{
text: "Our Services",
href: "#services",
}}
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="Crafting excellence, one haircut at a time."
secondaryButton={{
text: "Learn More",
href: "#services",
}}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesDetailedSteps
tag="Our Services"
title="Mastery in Grooming"
description="We blend traditional techniques with modern style."
steps={[
{
tag: "01",
title: "Precision Cuts",
subtitle: "Tailored style",
description: "Consultation and precision cutting.",
imageSrc: "http://img.b2bpic.net/free-photo/white-fluffy-cat-veterinarian-with-cats-animals-couch_1157-46552.jpg",
},
{
tag: "02",
title: "Traditional Shave",
subtitle: "Hot towel treatment",
description: "Hot towel, foam, and razor shave.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg",
},
{
tag: "03",
title: "Beard Grooming",
subtitle: "Style refinement",
description: "Trimming, edging, and care.",
imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ServicesSection />
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingSimpleCards
tag="Pricing"
title="Choose your service"
description="Transparent pricing for quality grooming."
primaryButton={{
text: "Book Now",
href: "https://n164897.yclients.com/",
}}
plans={[
{
tag: "Basic",
price: "1500 ₽",
description: "Quick maintenance cut",
features: [
"Haircut",
"Styling",
],
},
{
tag: "Standard",
price: "2200 ₽",
description: "Full grooming experience",
features: [
"Haircut",
"Beard Trim",
"Hot Towel",
],
},
{
tag: "Premium",
price: "3000 ₽",
description: "Total transformation",
features: [
"Haircut",
"Beard Trim",
"Shave",
"Facial treatment",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<PricingSection />
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamDetailedCards
tag="Our Experts"
title="Meet your Barber"
description="Highly skilled professionals at your service."
members={[
{
name: "Georgy",
role: "Head Barber",
description: "Master of classic styles.",
socialLinks: [],
imageSrc: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg",
},
{
name: "Alex",
role: "Senior Stylist",
description: "Expert in modern trends.",
socialLinks: [],
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
},
{
name: "Maxim",
role: "Barber",
description: "Detail-oriented technician.",
socialLinks: [],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TeamSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Reviews"
title="What our clients say"
testimonials={[
{
name: "Ivan",
role: "Regular",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg",
},
{
name: "Pavel",
role: "Regular",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
},
{
name: "Sergey",
role: "New",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg",
},
{
name: "Dmitry",
role: "Regular",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
},
{
name: "Andrey",
role: "New",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
},
]}
description="Join our community of satisfied gentlemen."
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Everything you need to know."
items={[
{
question: "How to book?",
answer: "Use our online booking widget available on this page.",
},
{
question: "Do you accept cards?",
answer: "Yes, we accept all major bank cards.",
},
{
question: "Is parking available?",
answer: "Free parking is available within a short walk of the barbershop.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Visit Us"
text="Ready to freshen up your style? Secure your appointment today."
primaryButton={{
text: "Book Appointment",
href: "https://n164897.yclients.com/",
}}
secondaryButton={{
text: "Call Us",
href: "tel:+79990000000",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

22
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutText from '@/components/sections/about/AboutText';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="Crafting excellence, one haircut at a time."
secondaryButton={{
text: "Learn More",
href: "#services",
}}
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Visit Us"
text="Ready to freshen up your style? Secure your appointment today."
primaryButton={{
text: "Book Appointment",
href: "https://n164897.yclients.com/",
}}
secondaryButton={{
text: "Call Us",
href: "tel:+79990000000",
}}
/>
</SectionErrorBoundary>
</div>
);
}

34
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Everything you need to know."
items={[
{
question: "How to book?",
answer: "Use our online booking widget available on this page.",
},
{
question: "Do you accept cards?",
answer: "Yes, we accept all major bank cards.",
},
{
question: "Is parking available?",
answer: "Free parking is available within a short walk of the barbershop.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

28
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroBrand from '@/components/sections/hero/HeroBrand';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="Georgy Barbershop"
description="Premium grooming and cutting-edge style. Experience the art of the perfect cut."
primaryButton={{
text: "Book Appointment",
href: "https://n164897.yclients.com/",
}}
secondaryButton={{
text: "Our Services",
href: "#services",
}}
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

56
src/pages/HomePage/sections/Pricing.tsx Normal file
View File

@@ -0,0 +1,56 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "pricing" section.
import React from 'react';
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PricingSection(): React.JSX.Element {
return (
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingSimpleCards
tag="Pricing"
title="Choose your service"
description="Transparent pricing for quality grooming."
primaryButton={{
text: "Book Now",
href: "https://n164897.yclients.com/",
}}
plans={[
{
tag: "Basic",
price: "1500 ₽",
description: "Quick maintenance cut",
features: [
"Haircut",
"Styling",
],
},
{
tag: "Standard",
price: "2200 ₽",
description: "Full grooming experience",
features: [
"Haircut",
"Beard Trim",
"Hot Towel",
],
},
{
tag: "Premium",
price: "3000 ₽",
description: "Total transformation",
features: [
"Haircut",
"Beard Trim",
"Shave",
"Facial treatment",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

43
src/pages/HomePage/sections/Services.tsx Normal file
View File

@@ -0,0 +1,43 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesDetailedSteps
tag="Our Services"
title="Mastery in Grooming"
description="We blend traditional techniques with modern style."
steps={[
{
tag: "01",
title: "Precision Cuts",
subtitle: "Tailored style",
description: "Consultation and precision cutting.",
imageSrc: "http://img.b2bpic.net/free-photo/white-fluffy-cat-veterinarian-with-cats-animals-couch_1157-46552.jpg",
},
{
tag: "02",
title: "Traditional Shave",
subtitle: "Hot towel treatment",
description: "Hot towel, foam, and razor shave.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg",
},
{
tag: "03",
title: "Beard Grooming",
subtitle: "Style refinement",
description: "Trimming, edging, and care.",
imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

127
src/pages/HomePage/sections/Team.tsx Normal file
View File

@@ -0,0 +1,127 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import type { LucideIcon } from "lucide-react";
import Button from "@/components/ui/Button";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import GridOrCarousel from "@/components/ui/GridOrCarousel";
import ScrollReveal from "@/components/ui/ScrollReveal";
import { resolveIcon } from "@/utils/resolve-icon";
const members = [
{
role: "Специалист по аппаратному массажу",
name: "Мила",
description: "Моделирование контуров тела, антицеллюлитные программы. Работает только с женщинами!",
socialLinks: [],
imageSrc: "https://storage.googleapis.com/webild/users/user_3FTtjtcuWxb27Eiujr20dmpKb7w/uploaded-1782112921981-9d0hcbqt.jpg"
},
{
role: "Старший барбер",
name: "Георгий",
description: "Мастер классических стрижек и оформления бороды.",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FTtjtcuWxb27Eiujr20dmpKb7w/uploaded-1782112921978-h8s918ff.jpg",
socialLinks: []
},
{
description: "Эксперт в современных трендах и укладках.",
name: "Алекс",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FTtjtcuWxb27Eiujr20dmpKb7w/uploaded-1782112921980-90emvki2.jpg",
socialLinks: [],
role: "Барбер"
},
{
description: "Внимательный к деталям техник.",
name: "Максим",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FTtjtcuWxb27Eiujr20dmpKb7w/uploaded-1782112921979-oxsqzaay.jpg",
socialLinks: [],
role: "Барбер"
},
{
role: "Барбер",
socialLinks: [],
imageSrc: "https://storage.googleapis.com/webild/users/user_3FTtjtcuWxb27Eiujr20dmpKb7w/uploaded-1782112921980-lghomy7d.jpg",
description: "Профессиональный уход и стрижки.",
name: "Мастер"
}
];
type SocialLink = {
icon: string | LucideIcon;
url: string;
};
type TeamMember = {
name: string;
role: string;
description: string;
socialLinks: SocialLink[];
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
const TeamInline = () => (
<section aria-label="Team section" className="py-20">
<div className="flex flex-col gap-8 md:gap-10">
<div className="flex flex-col items-center gap-2 w-content-width mx-auto">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"Наши эксперты"}</p>
</div>
<TextAnimation
text={"Познакомьтесь с мастерами"}
variant="fade-blur"
gradientText={true}
tag="h2"
className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
/>
<TextAnimation
text={"Высококвалифицированные профессионалы к вашим услугам."}
variant="fade-blur"
gradientText={false}
tag="p"
className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
/>
{(undefined || undefined) && (
<div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
{undefined && <Button text={undefined.text} href={undefined.href} variant="primary"/>}
{undefined && <Button text={undefined.text} href={undefined.href} variant="secondary"animationDelay={0.1} />}
</div>
)}
</div>
<ScrollReveal variant="fade-blur">
<GridOrCarousel >
{members.map((member) => (
<a href="#booking" key={member.name} className="relative aspect-4/5 rounded overflow-hidden block group">
<ImageOrVideo imageSrc={member.imageSrc} videoSrc={member.videoSrc} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" />
<div className="absolute inset-x-4 bottom-4 xl:inset-x-5 xl:bottom-5 2xl:inset-x-6 2xl:bottom-6 flex flex-col gap-1 xl:gap-2 2xl:gap-3 p-4 xl:p-5 2xl:p-6 card backdrop-blur-sm rounded">
<div className="flex items-start justify-between gap-3">
<span className="text-2xl font-semibold leading-snug truncate">{member.name}</span>
<div className="px-3 py-1 text-sm secondary-button text-secondary-cta-text rounded">
<p className="truncate">{member.role}</p>
</div>
</div>
<p className="text-base leading-snug">{member.description}</p>
<div className="mt-2 inline-flex items-center text-sm font-bold text-foreground group-hover:text-primary-cta transition-colors">
Записаться <span className="ml-2">→</span>
</div>
</div>
</a>
))}
</GridOrCarousel>
</ScrollReveal>
</div>
</section>
);
export default function TeamSection() {
return (
<div data-webild-section="team" id="team">
<TeamInline />
</div>
);
}

57
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Reviews"
title="What our clients say"
testimonials={[
{
name: "Ivan",
role: "Regular",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg",
},
{
name: "Pavel",
role: "Regular",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
},
{
name: "Sergey",
role: "New",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg",
},
{
name: "Dmitry",
role: "Regular",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
},
{
name: "Andrey",
role: "New",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
},
]}
description="Join our community of satisfied gentlemen."
/>
</SectionErrorBoundary>
</div>
);
}