bender/17aeb456-600d-4a6b-828b-834d7172a30d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Populate src/pages/AboutPage.tsx (snippet builder, 3 sections)

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-15 19:15:35 +00:00
parent 7ec5427f44
commit 08f1262bf2
1 changed files with 21 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/pages/AboutPage.tsx
View File

@@ -1,87 +1,26 @@
import { routes } from "@/routes";
import NavbarCentered from "@/components/ui/NavbarCentered";
import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
import Button from "@/components/ui/Button";
import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import ScrollReveal from "@/components/ui/ScrollReveal";
import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
import ContactCta from "@/components/sections/contact/ContactCta";
import FooterSimple from "@/components/sections/footer/FooterSimple";
export default function AboutPage() {
return (
<div className="min-h-screen bg-background text-foreground flex flex-col">
<NavbarCentered
logo="RenalCare"
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
ctaButton={{ text: "Book Appointment", href: "/contact" }}
/>
<main className="flex-grow pt-24">
<AboutTextSplit
title="Dedicated to Your Kidney Health"
descriptions={[
"At RenalCare, we believe that managing kidney health requires a compassionate, comprehensive, and patient-centered approach. Founded by leading nephrologists, our clinic has been serving the community for over two decades.",
"Our multidisciplinary team of specialists, dietitians, and specialized nurses work collaboratively to provide personalized treatment plans. From early-stage chronic kidney disease management to advanced dialysis care, we are here to support you at every step of your journey."
]}
primaryButton={{ text: "Meet Our Team", href: "/team" }}
/>
<AboutFeaturesSplit
tag="Our Core Values"
title="Excellence in Nephrology"
description="We combine state-of-the-art medical technology with a deep commitment to patient well-being, ensuring the highest standard of renal care."
items={[
{
icon: "🏥",
title: "Advanced Facilities",
description: "Modern dialysis centers and diagnostic equipment designed for your comfort and safety."
},
{
icon: "👨‍⚕️",
title: "Expert Specialists",
description: "Board-certified nephrologists with decades of combined experience in complex kidney conditions."
},
{
icon: "🤝",
title: "Compassionate Care",
description: "A supportive environment where every patient is treated with dignity, respect, and empathy."
}
]}
imageSrc="https://images.unsplash.com/photo-1579684385127-1ef15d508118?auto=format&fit=crop&q=80"
/>
<ContactCta
tag="Patient Support"
text="Take the first step towards better kidney health today."
primaryButton={{ text: "Schedule Consultation", href: "/contact" }}
secondaryButton={{ text: "View Our Services", href: "/services" }}
/>
</main>
<FooterSimple
brand="RenalCare"
columns={[
{
title: "Clinic",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/team" },
{ label: "Careers", href: "#" }
]
},
{
title: "Patient Resources",
items: [
{ label: "New Patients", href: "/resources" },
{ label: "Insurance & Billing", href: "/resources" },
{ label: "Kidney Health Blog", href: "#" }
]
}
]}
copyright="© 2024 RenalCare Clinic. All rights reserved."
links={[
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]}
/>
</div>
<>
<div data-webild-section="HeroSplit"><section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0"><HeroBackgroundSlot /><div className="flex flex-col md:flex-row items-center gap-12 md:gap-20 w-content-width mx-auto"><div className="w-full md:w-1/2"><div className="flex flex-col items-center md:items-start gap-3"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>About Netcare Renal</p></div><TextAnimation text="Dedicated to Your Renal Health Journey" variant="slide-up" gradientText={true} tag="h1" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance" /><TextAnimation text="We provide compassionate, specialized renal care and rehabilitation in Johannesburg. Our expert team is committed to supporting patients and their families every step of the way." variant="slide-up" gradientText={false} tag="p" className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance" /><div className="flex flex-wrap max-md:justify-center gap-3 mt-2 md:mt-3"><Button text="Our Services" href="/renal-care-services" variant="primary" /><Button text="Meet Our Team" href="/clinical-team" variant="secondary" animationDelay={0.1} /></div></div></div><ScrollReveal variant="fade" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/doctor-holding-patient-hand-comforting-her_1150-14389.jpg" /></ScrollReveal></div></section></div>
<div data-webild-section="AboutTextSplit"><section aria-label="About section" className="py-20"><div className="flex flex-col gap-20 mx-auto w-content-width"><div className="flex flex-col md:flex-row gap-3 md:gap-15"><div className="w-full md:w-1/2"><TextAnimation text="Our Commitment to Renal Care Excellence" variant="fade" gradientText={true} tag="h2" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-balance" /></div><div className="flex flex-col gap-2 w-full md:w-1/2"><TextAnimation key={0} text="At Netcare Renal in Johannesburg, we provide specialized, compassionate care for patients navigating kidney disease. Our approach ensures every individual receives a personalized treatment plan." variant="fade" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" />
<TextAnimation key={1} text="We understand that a renal diagnosis affects the whole family. Our dedicated team offers not just clinical excellence, but also emotional support and comprehensive rehabilitation services." variant="fade" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" />
<TextAnimation key={2} text="Trusted by healthcare professionals across the region, our modern facilities are designed to make your recovery journey as comfortable and reassuring as possible." variant="fade" gradientText={false} tag="p" className="text-xl md:text-2xl leading-snug text-balance" /><div className="flex flex-wrap gap-3 mt-2 md:mt-3"><Button text="Meet Our Team" href="/clinical-team" variant="primary" /><Button text="Our Services" href="/renal-care-services" variant="secondary" animationDelay={0.1} /></div></div></div><div className="w-full border-b border-foreground/5" /></div></section></div>
<div data-webild-section="AboutFeaturesSplit"><AboutFeaturesSplit
tag="About Us"
title="Dedicated to Your Renal Health & Recovery"
description="At Netcare Renal, we provide specialized, compassionate care for patients and families navigating kidney health challenges in Johannesburg."
primaryButton={{"text":"Meet Our Team","href":"/clinical-team"}}
secondaryButton={{"text":"Our Services","href":"/renal-care-services"}}
items={[{"icon":"HeartPulse","title":"Compassionate Care","description":"We prioritize patient comfort and emotional support alongside clinical excellence."},{"icon":"Stethoscope","title":"Expert Clinical Team","description":"Our specialists bring decades of experience in advanced renal treatments."},{"icon":"Users","title":"Family-Centered Approach","description":"We guide and support families through every step of the recovery journey."}]}
imageSrc="https://img.freepik.com/free-photo/doctor-holding-patient-hand-comforting-her_1150-14389.jpg"
/></div>
</>
);
}
}