Merge version_2 into main #3

Merged
bender merged 4 commits from version_2 into main 2026-05-26 05:13:21 +00:00
4 changed files with 473 additions and 18 deletions

169
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,169 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import { Activity, Heart, ShieldCheck, Sparkles, User } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Services", id: "/services"},
{
name: "Team", id: "/team"},
{
name: "Testimonials", id: "/testimonials"},
{
name: "Contact", id: "/contact"},
]}
brandName="Sarah's Clinic"
button={{
text: "Book Appointment", href: "/contact"}}
animateOnLoad={true}
/>
</div>
<div id="about-main" data-section="about-main">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="About Sarah's Clinic"
description="At Sarah's Clinic, Dr. Sarah Masood (MBBS, FCPS, MRCOG UK, MDU) provides state-of-the-art gynecological and obstetric facilities in a professional and elegant environment. With master certifications in ART (IVF/ICSI), Reproductive Medicine, Laparoscopy, Hysteroscopy, and Diabetes, we are dedicated to ensuring healthy outcomes for both mother and baby. We believe in personalized care that respects your journey. Our clinic is located at DHA Phase 1 K block market 301/1, Ghazi Rd, opposite police station, Sector K Dha Phase 1, Lahore, 54792. Clinic timings: 1pm to 3pm (morning) and 6pm to 9pm (evening), Monday to Saturday."
metrics={[
{
value: "10+", title: "Years of Experience"},
{
value: "1000+", title: "Successful Deliveries"},
{
value: "98%", title: "Patient Satisfaction"},
]}
tag="Our Story"
imageSrc="http://img.b2bpic.net/free-photo/building_1127-2955.jpg"
imageAlt="Exterior of Sarah's Clinic"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="team-brief" data-section="team-brief">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "doctors", groupTitle: "Our Leading Experts", members: [
{
id: "dr-sarah-masood", title: "Dr. Sarah Masood", subtitle: "Obstetrician & Gynecologist, Founder", detail: "MBBS, FCPS, MRCOG UK, MDU. Master certification in ART (IVF/ICSI) & Reproductive Medicine. Master certification in laparoscopy & hysteroscopy. Masters in diabetes.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-doctor-wearing-medical-robe-looking-touching-chin-belly-isolated_141793-68719.jpg", imageAlt: "Dr. Sarah Masood"},
{
id: "dr-osama-haroon", title: "Dr. Osama Haroon", subtitle: "Highly Qualified Pediatrician", detail: "For appointments, contact 03009461269. Location: Sarahs Clinic, K block, DHA phase 1, Lahore. Timings: 3pm to 5pm.", imageSrc: "http://img.b2bpic.net/free-photo/cute-boy-with-folder-standing-against-white-backdrop_23-2147906025.jpg", imageAlt: "Dr. Osama Haroon"},
]
},
]}
title="Our Dedicated Team"
description="Our highly qualified and compassionate team is committed to providing the best possible care for you and your family."
tag="The Experts"
/>
</div>
<div id="contact-footer" data-section="contact-footer">
<ContactSplitForm
useInvertedBackground={true}
title="Get in Touch"
description="Schedule your appointment with Dr. Sarah Masood. We look forward to welcoming you to Sarah's Clinic. You can also find us at DHA Phase 1 K block market 301/1, Ghazi Rd, opposite police station, Sector K Dha Phase 1, Lahore."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone", type: "tel", placeholder: "Your Phone Number (e.g., 0321 4335773)", required: false,
},
]}
textarea={{
name: "message", placeholder: "Your Message / Appointment Request", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/home-entrance-with-furniture-modern-decor_23-2150832014.jpg"
imageAlt="Interior of Sarah's Clinic waiting area"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Sarah's Clinic"
columns={[
{
title: "About Us", items: [
{
label: "Home", href: "/"},
{
label: "About Sarah's Clinic", href: "/about"},
{
label: "Our Team", href: "/team"},
],
},
{
title: "Services", items: [
{
label: "Pregnancy Care", href: "/services"},
{
label: "Fertility Treatments", href: "/services"},
{
label: "Gynecological Services", href: "/services"},
],
},
{
title: "Contact", items: [
{
label: "Book Appointment", href: "/contact"},
{
label: "Our Location", href: "/contact"},
{
label: "Call Us", href: "tel:+923214335773"},
],
},
{
title: "Connect", items: [
{
label: "Instagram", href: "https://www.instagram.com/dr_sarah_masood/"},
{
label: "Facebook", href: "https://www.facebook.com/drsarahmasoodconsultantgynaecologist"},
],
},
]}
copyrightText="© 2024 Sarah's Clinic. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -33,21 +33,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "#hero"},
name: "Home", id: "/"},
{
name: "About", id: "#about"},
name: "About", id: "/#about"},
{
name: "Services", id: "#services"},
name: "Services", id: "/#services"},
{
name: "Team", id: "#team"},
name: "Team", id: "/#team"},
{
name: "Testimonials", id: "#testimonials"},
name: "Testimonials", id: "/#testimonials"},
{
name: "Contact", id: "#contact"},
name: "Contact", id: "/#contact"},
{
name: "Admin", id: "/admin"},
]}
brandName="Sarah's Clinic"
button={{
text: "Book Appointment", href: "#contact"}}
text: "Book Appointment", href: "/#contact"}}
animateOnLoad={true}
/>
</div>
@@ -58,9 +60,9 @@ export default function LandingPage() {
description="Your Trusted Partner in Women's Health. Delivering compassionate and expert obstetrician-gynecologist care in Lahore."
buttons={[
{
text: "Book Appointment", href: "#contact"},
text: "Book Appointment", href: "/#contact"},
{
text: "Learn More", href: "#about"},
text: "Learn More", href: "/#about"},
]}
slides={[
{
@@ -298,29 +300,31 @@ export default function LandingPage() {
{
title: "About Us", items: [
{
label: "Home", href: "#hero"},
label: "Home", href: "/"},
{
label: "About Sarah's Clinic", href: "#about"},
label: "About Sarah's Clinic", href: "/#about"},
{
label: "Our Team", href: "#team"},
label: "Our Team", href: "/#team"},
{
label: "Admin Panel", href: "/admin"},
],
},
{
title: "Services", items: [
{
label: "Pregnancy Care", href: "#services"},
label: "Pregnancy Care", href: "/#services"},
{
label: "Fertility Treatments", href: "#services"},
label: "Fertility Treatments", href: "/#services"},
{
label: "Gynecological Services", href: "#services"},
label: "Gynecological Services", href: "/#services"},
],
},
{
title: "Contact", items: [
{
label: "Book Appointment", href: "#contact"},
label: "Book Appointment", href: "/#contact"},
{
label: "Our Location", href: "#contact"},
label: "Our Location", href: "/#contact"},
{
label: "Call Us", href: "tel:+923214335773"},
],
@@ -340,4 +344,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

164
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,164 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Activity, Heart, ShieldCheck, Sparkles, User } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Services", id: "/services"},
{
name: "Team", id: "/team"},
{
name: "Testimonials", id: "/testimonials"},
{
name: "Contact", id: "/contact"},
]}
brandName="Sarah's Clinic"
button={{
text: "Book Appointment", href: "/contact"}}
animateOnLoad={true}
/>
</div>
<div id="services-main" data-section="services-main">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Pregnancy & Delivery", description: "Expert care throughout your pregnancy journey, ensuring a healthy delivery for mother and baby.", icon: Heart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-od-joyful-happy-mama-with-blond-hair-red-t-shirt-smiling-brightfully-pointing-her-belly-with-hands-posing-husband-who-wants-take-photo-pregnant-wife_176420-12698.jpg", imageAlt: "Pregnant woman holding her belly"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gynecologist-performing-ultrasound-consultation_23-2149353019.jpg", imageAlt: "Doctor showing ultrasound to pregnant woman"},
]
},
{
title: "Fertility Treatments", description: "Advanced Assisted Reproductive Technologies (ART) including IVF/ICSI to help you achieve your dream of parenthood.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-married-couple-sitting-coach_1262-1048.jpg", imageAlt: "Couple holding hands, hopeful for family"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mother-holding-her-baby-boy-kitchen_1170-400.jpg", imageAlt: "Happy newborn baby"},
]
},
{
title: "Gynecological Surgery", description: "Specialized laparoscopic and hysteroscopic procedures for various gynecological conditions.", icon: Activity,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/team-surgeons-is-fighting-life-real-operation-real-emotions-intensive-care-team-is-fighting-life-patient-saving-life-struggle-life_657921-783.jpg", imageAlt: "Minimally invasive surgery medical illustration"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821256.jpg", imageAlt: "Sterile medical equipment"},
]
},
{
title: "Women's Wellness", description: "Comprehensive health screenings, preventive care, and personalized wellness programs for all stages of life.", icon: Activity,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-home-with-food_23-2150276451.jpg", imageAlt: "Woman doing yoga in a serene pose"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248121.jpg", imageAlt: "Doctor consulting with a pregnant patient"},
]
},
{
title: "Maternal Fetal Medicine", description: "High-risk pregnancy management and specialized care for complex maternal and fetal conditions.", icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-new-technologies_23-2147859140.jpg", imageAlt: "Doctor showing ultrasound to pregnant woman"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-her-teenager-daughter-are-sitting-bed_169016-58729.jpg", imageAlt: "Pregnant woman smiling with her doctor"},
]
},
{
title: "Pediatric Consultation", description: "In-house consultation with highly qualified pediatrician Dr. Osama Haroon for your child's health needs.", icon: User,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-with-medical-game_23-2148779617.jpg", imageAlt: "Pediatrician examining a happy child"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-health-worker_23-2149112572.jpg", imageAlt: "Dr. Osama Haroon portrait"},
]
},
]}
title="Comprehensive Women's Healthcare"
description="From routine check-ups to advanced fertility treatments, Sarah's Clinic offers a full spectrum of services tailored to your needs."
tag="Our Services"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Sarah's Clinic"
columns={[
{
title: "About Us", items: [
{
label: "Home", href: "/"},
{
label: "About Sarah's Clinic", href: "/about"},
{
label: "Our Team", href: "/team"},
],
},
{
title: "Services", items: [
{
label: "Pregnancy Care", href: "/services"},
{
label: "Fertility Treatments", href: "/services"},
{
label: "Gynecological Services", href: "/services"},
],
},
{
title: "Contact", items: [
{
label: "Book Appointment", href: "/contact"},
{
label: "Our Location", href: "/contact"},
{
label: "Call Us", href: "tel:+923214335773"},
],
},
{
title: "Connect", items: [
{
label: "Instagram", href: "https://www.instagram.com/dr_sarah_masood/"},
{
label: "Facebook", href: "https://www.facebook.com/drsarahmasoodconsultantgynaecologist"},
],
},
]}
copyrightText="© 2024 Sarah's Clinic. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

118
src/app/team/page.tsx Normal file
View File

@@ -0,0 +1,118 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import { Activity, Heart, ShieldCheck, Sparkles, User } from "lucide-react";
export default function TeamPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Services", id: "/services"},
{
name: "Team", id: "/team"},
{
name: "Testimonials", id: "/testimonials"},
{
name: "Contact", id: "/contact"},
]}
brandName="Sarah's Clinic"
button={{
text: "Book Appointment", href: "/contact"}}
animateOnLoad={true}
/>
</div>
<div id="team-main" data-section="team-main">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
groups={[
{
id: "doctors", groupTitle: "Consultants", members: [
{
id: "dr-sarah-masood", title: "Dr. Sarah Masood", subtitle: "Obstetrician & Gynecologist, Founder", detail: "MBBS, FCPS, MRCOG UK, MDU. Master certification in ART (IVF/ICSI) & Reproductive Medicine. Master certification in laparoscopy & hysteroscopy. Masters in diabetes.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-doctor-wearing-medical-robe-looking-touching-chin-belly-isolated_141793-68719.jpg", imageAlt: "Dr. Sarah Masood"},
{
id: "dr-osama-haroon", title: "Dr. Osama Haroon", subtitle: "Highly Qualified Pediatrician", detail: "For appointments, contact 03009461269. Location: Sarahs Clinic, K block, DHA phase 1, Lahore. Timings: 3pm to 5pm.", imageSrc: "http://img.b2bpic.net/free-photo/cute-boy-with-folder-standing-against-white-backdrop_23-2147906025.jpg", imageAlt: "Dr. Osama Haroon"},
]
},
]}
title="Meet Our Dedicated Team"
description="Our highly qualified and compassionate team is committed to providing the best possible care for you and your family."
tag="Our Experts"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Sarah's Clinic"
columns={[
{
title: "About Us", items: [
{
label: "Home", href: "/"},
{
label: "About Sarah's Clinic", href: "/about"},
{
label: "Our Team", href: "/team"},
],
},
{
title: "Services", items: [
{
label: "Pregnancy Care", href: "/services"},
{
label: "Fertility Treatments", href: "/services"},
{
label: "Gynecological Services", href: "/services"},
],
},
{
title: "Contact", items: [
{
label: "Book Appointment", href: "/contact"},
{
label: "Our Location", href: "/contact"},
{
label: "Call Us", href: "tel:+923214335773"},
],
},
{
title: "Connect", items: [
{
label: "Instagram", href: "https://www.instagram.com/dr_sarah_masood/"},
{
label: "Facebook", href: "https://www.facebook.com/drsarahmasoodconsultantgynaecologist"},
],
},
]}
copyrightText="© 2024 Sarah's Clinic. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}