Bob AI: Updated color scheme to black and white
This commit is contained in:
kudinDmitriyUp
@@ -8,11 +8,11 @@
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #D4AF37;
|
||||
--primary-cta-text: #111111;
|
||||
--secondary-cta: #111111;
|
||||
--secondary-cta-text: #D4AF37;
|
||||
--accent: #D4AF37;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000000;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
|
||||
@@ -1,321 +1,36 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { Instagram } from "lucide-react";
|
||||
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 FeaturesSection from './HomePage/sections/Features';
|
||||
import TeamSection from './HomePage/sections/Team';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
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">
|
||||
<HeroBillboard
|
||||
tag="Precision. Style. Confidence."
|
||||
title="Your Style Starts Here"
|
||||
description="Experience premium barber services in the heart of the city. Master precision cuts and luxury styling designed for the modern gentleman."
|
||||
primaryButton={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Gallery",
|
||||
href: "#features",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Why Solo Salon"
|
||||
title="Excellence in Every Cut"
|
||||
description="We blend traditional barbering techniques with modern precision to guarantee you look your best."
|
||||
steps={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Professional Barbers",
|
||||
subtitle: "Trained masters",
|
||||
description: "Our barbers bring years of industry expertise to every single haircut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665445.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "Fast Online Booking",
|
||||
subtitle: "Seamless scheduling",
|
||||
description: "Book your chair in seconds using our intuitive online reservation system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-screen-financial-department-office-shows-stock-exchange-indices_482257-91771.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Premium Services",
|
||||
subtitle: "Tailored styling",
|
||||
description: "Using high-end products and meticulous attention to detail every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamDetailedCards
|
||||
tag="Meet the Artists"
|
||||
title="Master Barbers"
|
||||
description="Our professionals are dedicated to precision, comfort, and unmatched style."
|
||||
members={[
|
||||
{
|
||||
name: "David Miller",
|
||||
role: "Senior Fade Specialist",
|
||||
description: "The master of crisp lines and seamless fades.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Chen",
|
||||
role: "Beard Styling Expert",
|
||||
description: "Expert in texture, shape, and luxury beard care.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
role: "Modern Haircut Specialist",
|
||||
description: "Creating contemporary looks for the modern professional.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TeamSection />
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Premium Services"
|
||||
title="Transparent Pricing"
|
||||
description="High quality service for a flat fee. Simple, honest, luxury."
|
||||
plans={[
|
||||
{
|
||||
tag: "Signature",
|
||||
price: "35 NIS",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Hot Towel Finish",
|
||||
"Beard Trim",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Luxury",
|
||||
price: "70 NIS",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Haircut & Style",
|
||||
"Royal Shave",
|
||||
"Facial Mask",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Elite",
|
||||
price: "105 NIS",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Full Grooming",
|
||||
"Scalp Massage",
|
||||
"Complete Styling",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PricingSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Our Clients"
|
||||
title="What They Say"
|
||||
description="Join our community of satisfied gentlemen."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
role: "Entrepreneur",
|
||||
quote: "The best fade I've had in years. Highly recommend the attention to detail here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ben T.",
|
||||
role: "Architect",
|
||||
quote: "Solo Salon is a cut above the rest. Elegant, quick, and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11921.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jonathan M.",
|
||||
role: "Consultant",
|
||||
quote: "I appreciate the consistent quality and the atmosphere. Truly premium service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4206.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kevin G.",
|
||||
role: "Designer",
|
||||
quote: "My go-to spot for beard maintenance. Marco is an artist.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283289.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom H.",
|
||||
role: "Photographer",
|
||||
quote: "Outstanding experience. The staff makes you feel comfortable and sharp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Building trust through precision, one client at a time."
|
||||
metrics={[
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Haircuts Done",
|
||||
features: [
|
||||
"Precision focused",
|
||||
"Classic & modern",
|
||||
"Award winning",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
features: [
|
||||
"High retention",
|
||||
"Community favorites",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Combined",
|
||||
features: [
|
||||
"Barbering craft",
|
||||
"Style expertise",
|
||||
"Industry leaders",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Common Queries"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our services or booking? Find answers below."
|
||||
categories={[
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Do I need an appointment?",
|
||||
answer: "Yes, we prioritize scheduled bookings via our platform.",
|
||||
},
|
||||
{
|
||||
question: "What if I'm late?",
|
||||
answer: "We maintain strict schedules; please inform us at least an hour ahead.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
items: [
|
||||
{
|
||||
question: "Can I pick my barber?",
|
||||
answer: "Absolutely, choose your barber during the booking flow.",
|
||||
},
|
||||
{
|
||||
question: "Is there a loyalty program?",
|
||||
answer: "Yes, every 10th haircut is on us.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
cta={{
|
||||
name: "Need Support?",
|
||||
role: "Concierge",
|
||||
buttonText: "Contact Us",
|
||||
buttonHref: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32343.jpg",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Book Now"
|
||||
text="Ready for your best haircut? Secure your time slot at Solo Salon today."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal 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="Book Now"
|
||||
text="Ready for your best haircut? Secure your time slot at Solo Salon today."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
55
src/pages/HomePage/sections/Faq.tsx
Normal file
55
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,55 @@
|
||||
// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Common Queries"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our services or booking? Find answers below."
|
||||
categories={[
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Do I need an appointment?",
|
||||
answer: "Yes, we prioritize scheduled bookings via our platform.",
|
||||
},
|
||||
{
|
||||
question: "What if I'm late?",
|
||||
answer: "We maintain strict schedules; please inform us at least an hour ahead.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
items: [
|
||||
{
|
||||
question: "Can I pick my barber?",
|
||||
answer: "Absolutely, choose your barber during the booking flow.",
|
||||
},
|
||||
{
|
||||
question: "Is there a loyalty program?",
|
||||
answer: "Yes, every 10th haircut is on us.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
cta={{
|
||||
name: "Need Support?",
|
||||
role: "Concierge",
|
||||
buttonText: "Contact Us",
|
||||
buttonHref: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32343.jpg",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Features.tsx
Normal file
43
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Why Solo Salon"
|
||||
title="Excellence in Every Cut"
|
||||
description="We blend traditional barbering techniques with modern precision to guarantee you look your best."
|
||||
steps={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Professional Barbers",
|
||||
subtitle: "Trained masters",
|
||||
description: "Our barbers bring years of industry expertise to every single haircut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665445.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "Fast Online Booking",
|
||||
subtitle: "Seamless scheduling",
|
||||
description: "Book your chair in seconds using our intuitive online reservation system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-screen-financial-department-office-shows-stock-exchange-indices_482257-91771.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Premium Services",
|
||||
subtitle: "Tailored styling",
|
||||
description: "Using high-end products and meticulous attention to detail every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// 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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
tag="Precision. Style. Confidence."
|
||||
title="Your Style Starts Here"
|
||||
description="Experience premium barber services in the heart of the city. Master precision cuts and luxury styling designed for the modern gentleman."
|
||||
primaryButton={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Gallery",
|
||||
href: "#features",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Metrics.tsx
Normal file
49
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Building trust through precision, one client at a time."
|
||||
metrics={[
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Haircuts Done",
|
||||
features: [
|
||||
"Precision focused",
|
||||
"Classic & modern",
|
||||
"Award winning",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
features: [
|
||||
"High retention",
|
||||
"Community favorites",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Combined",
|
||||
features: [
|
||||
"Barbering craft",
|
||||
"Style expertise",
|
||||
"Industry leaders",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
67
src/pages/HomePage/sections/Pricing.tsx
Normal file
67
src/pages/HomePage/sections/Pricing.tsx
Normal file
@@ -0,0 +1,67 @@
|
||||
// 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 PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PricingSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Premium Services"
|
||||
title="Transparent Pricing"
|
||||
description="High quality service for a flat fee. Simple, honest, luxury."
|
||||
plans={[
|
||||
{
|
||||
tag: "Signature",
|
||||
price: "35 NIS",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Hot Towel Finish",
|
||||
"Beard Trim",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Luxury",
|
||||
price: "70 NIS",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Haircut & Style",
|
||||
"Royal Shave",
|
||||
"Facial Mask",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Elite",
|
||||
price: "105 NIS",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Full Grooming",
|
||||
"Scalp Massage",
|
||||
"Complete Styling",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
59
src/pages/HomePage/sections/Team.tsx
Normal file
59
src/pages/HomePage/sections/Team.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "team" section.
|
||||
|
||||
import React from 'react';
|
||||
import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
|
||||
import { Instagram } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TeamSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamDetailedCards
|
||||
tag="Meet the Artists"
|
||||
title="Master Barbers"
|
||||
description="Our professionals are dedicated to precision, comfort, and unmatched style."
|
||||
members={[
|
||||
{
|
||||
name: "David Miller",
|
||||
role: "Senior Fade Specialist",
|
||||
description: "The master of crisp lines and seamless fades.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Chen",
|
||||
role: "Beard Styling Expert",
|
||||
description: "Expert in texture, shape, and luxury beard care.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
role: "Modern Haircut Specialist",
|
||||
description: "Creating contemporary looks for the modern professional.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
57
src/pages/HomePage/sections/Testimonials.tsx
Normal 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 TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Our Clients"
|
||||
title="What They Say"
|
||||
description="Join our community of satisfied gentlemen."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
role: "Entrepreneur",
|
||||
quote: "The best fade I've had in years. Highly recommend the attention to detail here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ben T.",
|
||||
role: "Architect",
|
||||
quote: "Solo Salon is a cut above the rest. Elegant, quick, and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11921.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jonathan M.",
|
||||
role: "Consultant",
|
||||
quote: "I appreciate the consistent quality and the atmosphere. Truly premium service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4206.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kevin G.",
|
||||
role: "Designer",
|
||||
quote: "My go-to spot for beard maintenance. Marco is an artist.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283289.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom H.",
|
||||
role: "Photographer",
|
||||
quote: "Outstanding experience. The staff makes you feel comfortable and sharp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user