From 69f5bdadb28ba2c073efa1afd5361382463eef72 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 04:17:08 +0000 Subject: [PATCH 1/4] Bob AI: Update global theme colors to match Charleston Care Pharmacy --- src/index.css | 14 +- src/pages/HomePage.tsx | 253 ++----------------- src/pages/HomePage/sections/About.tsx | 26 ++ src/pages/HomePage/sections/Contact.tsx | 27 ++ src/pages/HomePage/sections/Faq.tsx | 39 +++ src/pages/HomePage/sections/Features.tsx | 52 ++++ src/pages/HomePage/sections/Hero.tsx | 68 +++++ src/pages/HomePage/sections/Metrics.tsx | 34 +++ src/pages/HomePage/sections/Testimonials.tsx | 52 ++++ 9 files changed, 327 insertions(+), 238 deletions(-) create mode 100644 src/pages/HomePage/sections/About.tsx create mode 100644 src/pages/HomePage/sections/Contact.tsx create mode 100644 src/pages/HomePage/sections/Faq.tsx create mode 100644 src/pages/HomePage/sections/Features.tsx create mode 100644 src/pages/HomePage/sections/Hero.tsx create mode 100644 src/pages/HomePage/sections/Metrics.tsx create mode 100644 src/pages/HomePage/sections/Testimonials.tsx diff --git a/src/index.css b/src/index.css index 09b2eed..cf49046 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #f5faff; + --background: #F5FAFD; --card: #ffffff; - --foreground: #001122; - --primary-cta: #15479c; + --foreground: #083D77; + --primary-cta: #1FA6B6; --primary-cta-text: #f5faff; - --secondary-cta: #ffffff; - --secondary-cta-text: #001122; - --accent: #a8cce8; - --background-accent: #7ba3cf; + --secondary-cta: #CDA349; + --secondary-cta-text: #FFFFFF; + --accent: #083D77; + --background-accent: #1FA6B6; /* @layout/border-radius/rounded */ --radius: 0.5rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index a49718e..962b397 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,242 +1,33 @@ -import AboutTextSplit from '@/components/sections/about/AboutTextSplit'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; -import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards'; -import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee'; -import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; -import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards'; -import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; +// AUTO-GENERATED shell by per-section-migrate. +// Section bodies live in .//sections/.tsx. Edit the section +// files directly. Non-block content (wrappers, non-inlinable sections) is +// preserved inline; extracted section blocks become refs. -export default function HomePage() { +import React from 'react'; +import HeroSection from './HomePage/sections/Hero'; +import AboutSection from './HomePage/sections/About'; +import FeaturesSection from './HomePage/sections/Features'; +import MetricsSection from './HomePage/sections/Metrics'; +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 ( - <> -
- - - -
+<> + -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ ); } diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx new file mode 100644 index 0000000..36c588e --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,26 @@ +// 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 AboutTextSplit from '@/components/sections/about/AboutTextSplit'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function AboutSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx new file mode 100644 index 0000000..ba49c9b --- /dev/null +++ b/src/pages/HomePage/sections/Contact.tsx @@ -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 ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx new file mode 100644 index 0000000..8d420df --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,39 @@ +// 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FaqSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx new file mode 100644 index 0000000..c4bb854 --- /dev/null +++ b/src/pages/HomePage/sections/Features.tsx @@ -0,0 +1,52 @@ +// 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 FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FeaturesSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..7b5e169 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,68 @@ +// 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 HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx new file mode 100644 index 0000000..574e24d --- /dev/null +++ b/src/pages/HomePage/sections/Metrics.tsx @@ -0,0 +1,34 @@ +// 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 MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MetricsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx new file mode 100644 index 0000000..9ea2c1d --- /dev/null +++ b/src/pages/HomePage/sections/Testimonials.tsx @@ -0,0 +1,52 @@ +// 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 TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function TestimonialsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} -- 2.49.1 From d90926acc05a579d4a5eccfbaca8928cceccba22 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 04:17:26 +0000 Subject: [PATCH 2/4] Bob AI: Update layout with Charleston Care Pharmacy branding and nav --- src/components/Layout.tsx | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index e59babf..4a1de5f 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -11,22 +11,19 @@ export default function Layout() { "name": "Home", "href": "#hero" }, { - "name": "About", "href": "#about" + "name": "About Us", "href": "#about" }, { "name": "Services", "href": "#features" }, { - "name": "Portal", "href": "#contact" + "name": "Patient Portal", "href": "#patient-portal" }, { - "name": "Metrics", "href": "#metrics" + "name": "Provider Portal", "href": "#provider-portal" }, { - "name": "Testimonials", "href": "#testimonials" - }, - { - "name": "Faq", "href": "#faq" + "name": "Contact Us", "href": "#contact" } ]; @@ -35,10 +32,10 @@ export default function Layout() { @@ -47,7 +44,7 @@ export default function Layout() { Date: Mon, 22 Jun 2026 04:21:07 +0000 Subject: [PATCH 3/4] Bob AI: Update primary CTA text color to white for better contrast --- src/index.css | 2 +- src/pages/HomePage/sections/About.tsx | 14 ++-- src/pages/HomePage/sections/Contact.tsx | 16 ++--- src/pages/HomePage/sections/Features.tsx | 41 ++--------- src/pages/HomePage/sections/Hero.tsx | 73 ++++---------------- src/pages/HomePage/sections/Metrics.tsx | 23 ++---- src/pages/HomePage/sections/Testimonials.tsx | 41 ++--------- 7 files changed, 37 insertions(+), 173 deletions(-) diff --git a/src/index.css b/src/index.css index cf49046..5485ceb 100644 --- a/src/index.css +++ b/src/index.css @@ -9,7 +9,7 @@ --card: #ffffff; --foreground: #083D77; --primary-cta: #1FA6B6; - --primary-cta-text: #f5faff; + --primary-cta-text: #FFFFFF; --secondary-cta: #CDA349; --secondary-cta-text: #FFFFFF; --accent: #083D77; diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx index 36c588e..b6262dd 100644 --- a/src/pages/HomePage/sections/About.tsx +++ b/src/pages/HomePage/sections/About.tsx @@ -10,16 +10,10 @@ export default function AboutSection(): React.JSX.Element {
+ title="Care Beyond the Counter" + descriptions={["At Charleston Care Pharmacy, we believe that pharmacy services should be as simple and personalized as possible. Our independent pharmacy model focuses on building lasting relationships with every patient we serve.","We offer comprehensive health solutions including medication synchronization, customized compliance packaging, and clinical services. Our team is dedicated to your health journey, ensuring you always have the support you need."]} + primaryButton={{"href":"#features","text":"Explore Services"}} + />
); diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx index ba49c9b..585f828 100644 --- a/src/pages/HomePage/sections/Contact.tsx +++ b/src/pages/HomePage/sections/Contact.tsx @@ -10,17 +10,11 @@ export default function ContactSection(): React.JSX.Element {
+ tag="Get in touch" + text="Ready to experience simple, reliable pharmacy care? Contact us today to learn more or transfer your prescriptions." + primaryButton={{"text":"Contact Us","href":"mailto:contact@charlestoncarepharmacy.com"}} + secondaryButton={{"text":"Call Now","href":"tel:5550102030"}} + />
); diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx index c4bb854..885d9e3 100644 --- a/src/pages/HomePage/sections/Features.tsx +++ b/src/pages/HomePage/sections/Features.tsx @@ -10,42 +10,11 @@ export default function FeaturesSection(): React.JSX.Element {
+ tag="Our Premium Services" + title="Everything You Need for Health" + description="We offer a wide range of specialized pharmacy services tailored to simplify your healthcare needs." + items={[{"imageSrc":"http://img.b2bpic.net/free-photo/patient-hospital-form-research-document_1232-4184.jpg","description":"Get your medications delivered directly to your home at no extra charge. We ensure timely arrival and professional handling.","title":"Free Delivery"},{"description":"Stay protected with our professional vaccination services, managed by experienced and caring clinical staff.","title":"Immunizations","imageSrc":"http://img.b2bpic.net/free-photo/woman-getting-vaccine-shot-by-male-medic_23-2148988241.jpg"},{"description":"Simplify your medication schedule with custom compliance packaging that sorts your pills by time and date.","title":"Compliance Packaging","imageSrc":"http://img.b2bpic.net/free-photo/pills-container-with-blue-background_23-2149870468.jpg"},{"description":"We offer tailored solutions designed specifically for your unique health requirements and lifestyle.","title":"Personalized Medicine","imageSrc":"http://img.b2bpic.net/free-photo/flat-lay-medical-objects-composition-with-empty-clipboard_23-2148502930.jpg"},{"description":"Supporting you when moving from hospital to home, we help streamline your medication management during recovery.","title":"Transition of Care","imageSrc":"http://img.b2bpic.net/free-photo/front-view-female-doctor-preparing-huge-injection-yellow-wall_179666-23058.jpg"},{"description":"Align your medication refills to a single date, reducing trips to the pharmacy and ensuring you never run out.","title":"Med-Sync","imageSrc":"http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643889.jpg"},{"description":"Our specialized injection clinic provides safe and comfortable administration of injectable medications.","title":"Injection Clinic","imageSrc":"http://img.b2bpic.net/free-photo/close-up-doctor-giving-pills_23-2148504544.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg","description":"Schedule a one-on-one consultation with our pharmacists to discuss your medications and health goals.","title":"Consultation Services"}]} + />
); diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx index 7b5e169..548a634 100644 --- a/src/pages/HomePage/sections/Hero.tsx +++ b/src/pages/HomePage/sections/Hero.tsx @@ -1,68 +1,19 @@ -// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this -// file as the canonical source for the "hero" section. +// Created by add_section_from_catalog (HeroTiltedCards). import React from 'react'; -import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee'; -import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; +import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards'; export default function HeroSection(): React.JSX.Element { return ( -
- - - -
+
+ +
); } diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx index 574e24d..2782d13 100644 --- a/src/pages/HomePage/sections/Metrics.tsx +++ b/src/pages/HomePage/sections/Metrics.tsx @@ -10,24 +10,11 @@ export default function MetricsSection(): React.JSX.Element {
+ tag="Digital Healthcare Access" + title="Patient & Provider Portals" + description="Manage your health and stay informed through our secure, intuitive digital access points." + metrics={[{"description":"Manage refills, view medication history, and communicate with your pharmacist at any time.","title":"Patient Portal","value":"Secure","imageSrc":"http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg"},{"value":"Integrated","description":"Seamless integration for healthcare providers to coordinate care and expedite prescription management.","title":"Provider Portal","imageSrc":"http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917701.jpg"}]} + />
); diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx index 9ea2c1d..d6d78bb 100644 --- a/src/pages/HomePage/sections/Testimonials.tsx +++ b/src/pages/HomePage/sections/Testimonials.tsx @@ -10,42 +10,11 @@ export default function TestimonialsSection(): React.JSX.Element {
+ tag="Patient Stories" + title="Loved by Our Community" + description="See why so many patients trust Charleston Care Pharmacy with their health." + testimonials={[{"name":"Sarah Miller","role":"Long-term Patient","imageSrc":"http://img.b2bpic.net/free-photo/senior-man-buying-medicine-pharmacy_23-2150359160.jpg","quote":"The service here is unmatched. They make managing my medications truly simple and stress-free."},{"quote":"Very professional and kind team. Always quick with delivery and very helpful with my family's needs.","imageSrc":"http://img.b2bpic.net/free-photo/close-up-smiley-doctor-patient_23-2149103572.jpg","role":"Parent","name":"David Chen"},{"role":"Senior Patient","name":"Elena Rodriguez","quote":"The compliance packaging has changed my life. I never miss a dose anymore. Thank you, Charleston Care Pharmacy!","imageSrc":"http://img.b2bpic.net/free-photo/man-working-as-pharmacist_23-2151734686.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-patches-with-glass-water-look-camera_197531-32427.jpg","quote":"Fantastic service and great communication. I recommend them to all my friends and neighbors.","name":"Marcus Johnson","role":"Patient"},{"quote":"Truly personal attention you don't get at the big chains. They know me by name and care about my health.","imageSrc":"http://img.b2bpic.net/free-photo/senior-man-consulting-female-pharmacist-medication_23-2150359106.jpg","role":"Retired Teacher","name":"Susan Clark"}]} + />
); -- 2.49.1 From 79c78301882c67f50485449cf603b848d7de7ab7 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 04:22:01 +0000 Subject: [PATCH 4/4] Bob AI: fix build errors (attempt 1) --- src/pages/HomePage/sections/Hero.tsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx index 548a634..7551335 100644 --- a/src/pages/HomePage/sections/Hero.tsx +++ b/src/pages/HomePage/sections/Hero.tsx @@ -9,11 +9,17 @@ export default function HeroSection(): React.JSX.Element { ); -} +} \ No newline at end of file -- 2.49.1