bender/0659d828-8713-47fd-b07d-55045dc0b436
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Made the background a stronger soft pink

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-14 01:24:11 +00:00
parent 5d6178a9af
commit cc8af3d155
5 changed files with 26 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.css
View File

@@ -5,8 +5,8 @@
:root {
/* @colorThemes/lightTheme/grayNavyBlue */
--background: #fdf2f4;
--card: #f5dce0;
--background: #fce4ec;
--card: #f8bbd0;
--foreground: #2a2928;
--primary-cta: #2a2928;
--primary-cta-text: #f5f4ef;

28
src/pages/HomePage/sections/About.tsx
View File

@@ -11,28 +11,12 @@ export default function AboutSection(): React.JSX.Element {
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Philosophy"
title="Clinical Precision meets Luxe Care"
description="Beauty Groningen provides premium, evidence-based treatments delivered with individual attention in a serene clinical setting."
items={[
{
icon: Shield,
title: "Expert Care",
description: "Board-certified professionals for every treatment.",
},
{
icon: Sparkles,
title: "Luxe Settings",
description: "Two premium clinics designed for your total comfort.",
},
{
icon: Award,
title: "Evidence Based",
description: "Proven protocols for optimal, lasting results.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26039.jpg"
/>
tag="Our Philosophy"
title="Clinical Precision meets Luxe Care"
description="Beauty Groningen provides premium, evidence-based treatments delivered with individual attention in a serene clinical setting. We prioritize your safety and satisfaction, utilizing the latest advancements in aesthetic medicine to deliver measurable, long-lasting improvements."
items={[{"title":"Expert Care","description":"Board-certified professionals ensuring the highest standards of safety and efficacy for every treatment.","icon":"Shield"},{"icon":"Sparkles","description":"Two premium clinics designed for your total comfort and privacy during your transformative journey.","title":"Luxe Settings"},{"icon":"Award","description":"Proven protocols and state-of-the-art technology for optimal, lasting results you can trust.","title":"Evidence Based"}]}
imageSrc="http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26039.jpg"
/>
</SectionErrorBoundary>
</div>
);

36
src/pages/HomePage/sections/Features.tsx
View File

@@ -10,37 +10,11 @@ export default function FeaturesSection(): React.JSX.Element {
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesRevealCards
tag="Our Services"
title="Comprehensive Aesthetic Solutions"
description="Explore our curated list of professional treatments."
items={[
{
title: "Advanced Skincare",
description: "Tailored regimens to restore your skin's vitality.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-bath-concept_23-2148419382.jpg",
},
{
title: "Injectables",
description: "Natural-looking rejuvenation by medical experts.",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-nail-care-accessories-salon_23-2148766591.jpg",
},
{
title: "Laser Treatments",
description: "High-precision technology for resurfacing and repair.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-laser-hair-removal-patient-skin_107420-65220.jpg",
},
{
title: "Facials",
description: "Deep-cleansing and nutrient-rich therapy for a glow.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2026.jpg",
},
{
title: "Body Treatments",
description: "Advanced non-invasive contouring technology.",
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-wearing-white-lingerie_273609-14461.jpg",
},
]}
/>
tag="Our Services"
title="Comprehensive Aesthetic Solutions"
description="Explore our curated list of professional treatments, each designed to deliver exceptional, noticeable results."
items={[{"description":"Tailored regimens using medical-grade products to restore your skin's vitality and youthful glow.","title":"Advanced Skincare","imageSrc":"http://img.b2bpic.net/free-photo/high-angle-cream-bath-concept_23-2148419382.jpg"},{"title":"Injectables","imageSrc":"http://img.b2bpic.net/free-photo/arrangement-nail-care-accessories-salon_23-2148766591.jpg","description":"Natural-looking rejuvenation administered by highly experienced medical experts for safe, beautiful outcomes."},{"imageSrc":"http://img.b2bpic.net/free-photo/doctor-performing-laser-hair-removal-patient-skin_107420-65220.jpg","title":"Laser Treatments","description":"High-precision technology for resurfacing and repair, effectively targeting imperfections with minimal downtime."},{"description":"Deep-cleansing and nutrient-rich therapy customized to your skin type for a radiant, healthy complexion.","title":"Facials","imageSrc":"http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2026.jpg"},{"title":"Body Treatments","imageSrc":"http://img.b2bpic.net/free-photo/fit-woman-wearing-white-lingerie_273609-14461.jpg","description":"Advanced non-invasive contouring technology to sculpt and refine your silhouette safely and effectively."}]}
/>
</SectionErrorBoundary>
</div>
);

16
src/pages/HomePage/sections/Hero.tsx
View File

@@ -10,18 +10,18 @@ export default function HeroSection(): React.JSX.Element {
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="Clinical & Luxe"
title="Beauty Groningen: Elite Aesthetic Care"
description="Experience professional skincare and transformative treatments across our Groningen and Sappemeer locations."
primaryButton={{
tag="Clinical Excellence & Luxe Care"
title="Beauty Groningen: Elite Aesthetic Care & Proven Results"
description="Experience professional skincare and transformative treatments across our Groningen and Sappemeer locations. Our highly trained specialists use industry-leading techniques to ensure safe, effective, and stunning results."
primaryButton={{
text: "Book an Appointment",
href: "#contact",
}}
secondaryButton={{
secondaryButton={{
text: "Our Services",
href: "#features",
}}
leftItems={[
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
},
@@ -41,7 +41,7 @@ export default function HeroSection(): React.JSX.Element {
imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg",
},
]}
rightItems={[
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286732.jpg",
},
@@ -61,7 +61,7 @@ export default function HeroSection(): React.JSX.Element {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238339.jpg",
},
]}
/>
/>
</SectionErrorBoundary>
</div>
);

26
src/pages/HomePage/sections/Metrics.tsx
View File

@@ -11,27 +11,11 @@ export default function MetricsSection(): React.JSX.Element {
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Our Impact"
title="Beauty Groningen by the Numbers"
description="Excellence defined through clinic success."
metrics={[
{
icon: Smile,
title: "Happy Clients",
value: "5000+",
},
{
icon: Clock,
title: "Years Experience",
value: "15",
},
{
icon: MapPin,
title: "Locations",
value: "2",
},
]}
/>
tag="Our Impact"
title="Beauty Groningen by the Numbers"
description="Excellence defined through clinic success, continuous education, and unwavering commitment to client satisfaction."
metrics={[{"value":"5000+","icon":"Smile","title":"Satisfied Clients"},{"icon":"Award","value":"12","title":"Industry Awards"},{"title":"Years of Excellence","icon":"Clock","value":"15+"},{"title":"Premium Locations","icon":"MapPin","value":"2"}]}
/>
</SectionErrorBoundary>
</div>
);