Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+
+const NAV_ITEMS = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" },
+  { name: "Services", id: "/services" },
+  { name: "Team", id: "/team" },
+  { name: "Testimonials", id: "/#testimonials" },
+  { name: "FAQs", id: "/#faq" },
+  { name: "Blog", id: "/#blog" },
+  { name: "Instagram", id: "/#instagram-feed" },
+  { name: "Book Appointment", id: "/book-appointment" },
+  { name: "Admin", id: "/admin" }
+];
+
+const FOOTER_COLUMNS = [
+  {
+    title: "About Us",    items: [
+      { label: "Home", href: "/" },
+      { label: "About Sarah's Clinic", href: "/about" },
+      { label: "Our Team", href: "/team" },
+      { label: "Admin Panel", href: "/admin" },
+    ],
+  },
+  {
+    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: "/book-appointment" },
+      { 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" },
+    ],
+  },
+];
+
+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={NAV_ITEMS}
+            brandName="Sarah's Clinic"
+            button={{
+              text: "Book Appointment",              href: "/book-appointment"
+            }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="about-content" data-section="about-content">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Compassionate Care, Exceptional Results"
+            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."
+            metrics={[
+              {
+                value: "10+",                title: "Years of Experience"
+              },
+              {
+                value: "1000+",                title: "Successful Deliveries"
+              },
+              {
+                value: "98%",                title: "Patient Satisfaction"
+              },
+            ]}
+            tag="About Us"
+            imageSrc="http://img.b2bpic.net/free-photo/building_1127-2955.jpg?_wi=1"
+            imageAlt="Exterior of Sarah's Clinic"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Sarah's Clinic"
+            columns={FOOTER_COLUMNS}
+            copyrightText="© 2024 Sarah's Clinic. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+
+const NAV_ITEMS = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" },
+  { name: "Services", id: "/services" },
+  { name: "Team", id: "/team" },
+  { name: "Testimonials", id: "/#testimonials" },
+  { name: "FAQs", id: "/#faq" },
+  { name: "Blog", id: "/#blog" },
+  { name: "Instagram", id: "/#instagram-feed" },
+  { name: "Book Appointment", id: "/book-appointment" },
+  { name: "Admin", id: "/admin" }
+];
+
+const FOOTER_COLUMNS = [
+  {
+    title: "About Us",    items: [
+      { label: "Home", href: "/" },
+      { label: "About Sarah's Clinic", href: "/about" },
+      { label: "Our Team", href: "/team" },
+      { label: "Admin Panel", href: "/admin" },
+    ],
+  },
+  {
+    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: "/book-appointment" },
+      { 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" },
+    ],
+  },
+];
+
+export default function AdminPage() {
+  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={NAV_ITEMS}
+            brandName="Sarah's Clinic - Admin"
+            button={{ text: "Logout", href: "/" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="admin-panel" data-section="admin-panel" className="py-20 flex flex-col items-center justify-center text-center">
+          <h1 className="text-4xl font-bold mb-4">Admin Panel: Image Gallery Management</h1>
+          <p className="text-lg max-w-2xl text-foreground/80 mb-12">
+            Manage your social media images here. This system allows you to fetch images from linked social accounts, upload new ones, organize your gallery, and ensure they are displayed beautifully across the front pages of the website.
+          </p>
+
+          <div id="image-gallery-management" data-section="image-gallery-management" className="w-full max-w-screen-xl px-4">
+            <BlogCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Managed Social Images"
+              description="Review and organize the images currently in your social media gallery. Click on any image for more options (e.g., edit, delete, view analytics)."
+              tag="Gallery"
+              buttons={[
+                { text: "Upload New Image", onClick: () => alert('Simulating image upload...'), href: "#" },
+                { text: "Fetch from Social Media", onClick: () => alert('Simulating fetching from social media...'), href: "#" }
+              ]}
+              blogs={[
+                {
+                  id: "admin-img-1",                  category: "Social Post",                  title: "Clinic Tour Snapshot",                  excerpt: "Behind-the-scenes look at our welcoming clinic environment.",                  imageSrc: "http://img.b2bpic.net/free-photo/medical-clinic-reception-waiting-room-interior-with-furniture-no-people_482257-51624.jpg",                  imageAlt: "Clinic interior view",                  authorName: "Admin",                  authorAvatar: "http://img.b2bpic.net/free-photo/stethoscope-glasses-notepad-pen_23-2147926715.jpg",                  date: "2024-07-20"
+                },
+                {
+                  id: "admin-img-2",                  category: "Patient Story",                  title: "Happy Family Moment",                  excerpt: "A heartwarming picture shared by one of our happy families.",                  imageSrc: "http://img.b2bpic.net/free-photo/top-view-parents-cute-baby_23-2149453506.jpg",                  imageAlt: "Happy parents with baby",                  authorName: "Admin",                  authorAvatar: "http://img.b2bpic.net/free-photo/stethoscope-glasses-notepad-pen_23-2147926715.jpg",                  date: "2024-07-18"
+                },
+                {
+                  id: "admin-img-3",                  category: "Wellness Tip",                  title: "Healthy Lifestyle Focus",                  excerpt: "Promoting wellness and active living with our latest health tips.",                  imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-fitness-gym_23-2148030283.jpg",                  imageAlt: "Woman doing yoga",                  authorName: "Admin",                  authorAvatar: "http://img.b2bpic.net/free-photo/stethoscope-glasses-notepad-pen_23-2147926715.jpg",                  date: "2024-07-15"
+                }
+              ]}
+            />
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Sarah's Clinic"
+            columns={FOOTER_COLUMNS}
+            copyrightText="© 2024 Sarah's Clinic. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/book-appointment/page.tsx

@@ -0,0 +1,131 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+const NAV_ITEMS = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" },
+  { name: "Services", id: "/services" },
+  { name: "Team", id: "/team" },
+  { name: "Testimonials", id: "/#testimonials" },
+  { name: "FAQs", id: "/#faq" },
+  { name: "Blog", id: "/#blog" },
+  { name: "Instagram", id: "/#instagram-feed" },
+  { name: "Book Appointment", id: "/book-appointment" },
+  { name: "Admin", id: "/admin" }
+];
+
+const FOOTER_COLUMNS = [
+  {
+    title: "About Us",    items: [
+      { label: "Home", href: "/" },
+      { label: "About Sarah's Clinic", href: "/about" },
+      { label: "Our Team", href: "/team" },
+      { label: "Admin Panel", href: "/admin" },
+    ],
+  },
+  {
+    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: "/book-appointment" },
+      { 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" },
+    ],
+  },
+];
+
+export default function AppointmentPage() {
+  // Placeholder for form submission logic
+  const handleAppointmentSubmit = (data: Record<string, string>) => {
+    console.log("Appointment request submitted:", data);
+    alert("Your appointment request has been sent! We will contact you shortly to confirm.");
+    // In a real application, this would send data to a backend API
+    // for email/WhatsApp notifications and admin panel management.
+  };
+
+  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={NAV_ITEMS}
+            brandName="Sarah's Clinic"
+            button={{
+              text: "Book Appointment", href: "/book-appointment"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="appointment-form" data-section="appointment-form">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Book Your Appointment"
+            description="Please fill out the form below to request an appointment with Dr. Sarah Masood. Our team will contact you to confirm the date and time."
+            inputs={[
+              {
+                name: "name", type: "text", placeholder: "Your Full Name", required: true,
+              },
+              {
+                name: "email", type: "email", placeholder: "Your Email", required: true,
+              },
+              {
+                name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
+              },
+              {
+                name: "date", type: "date", placeholder: "Preferred Date", required: true,
+              },
+              {
+                name: "time", type: "time", placeholder: "Preferred Time", required: true,
+              },
+            ]}
+            textarea={{
+              name: "message", placeholder: "Any specific concerns or details?", rows: 5,
+              required: false,
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/elderly-doctor-making-notes-clipboard_23-2147896784.jpg"
+            imageAlt="Doctor taking notes for appointment"
+            mediaAnimation="slide-up"
+            mediaPosition="right"
+            buttonText="Request Appointment"
+            onSubmit={handleAppointmentSubmit}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Sarah's Clinic"
+            columns={FOOTER_COLUMNS}
+            copyrightText="© 2024 Sarah's Clinic. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -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={[
         {
@@ -95,7 +97,7 @@ export default function LandingPage() {
           value: "98%",          title: "Patient Satisfaction"},
       ]}
       tag="About Us"
-      imageSrc="http://img.b2bpic.net/free-photo/building_1127-2955.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/building_1127-2955.jpg?_wi=1"
       imageAlt="Exterior of Sarah's Clinic"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -112,54 +114,54 @@ export default function LandingPage() {
           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/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?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/gynecologist-performing-ultrasound-consultation_23-2149353019.jpg?_wi=1",              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/portrait-happy-married-couple-sitting-coach_1262-1048.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/mother-holding-her-baby-boy-kitchen_1170-400.jpg?_wi=1",              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/team-surgeons-is-fighting-life-real-operation-real-emotions-intensive-care-team-is-fighting-life-patient-saving-life-struggle-life_657921-783.jpg?_wi=1",              imageAlt: "Minimally invasive surgery medical illustration"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821256.jpg",              imageAlt: "Sterile medical equipment"},
+              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821256.jpg?_wi=1",              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/medium-shot-lesbian-couple-home-with-food_23-2150276451.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248121.jpg?_wi=1",              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/young-woman-enjoying-new-technologies_23-2147859140.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-her-teenager-daughter-are-sitting-bed_169016-58729.jpg?_wi=1",              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/kids-playing-with-medical-game_23-2148779617.jpg?_wi=1",              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"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-health-worker_23-2149112572.jpg?_wi=1",              imageAlt: "Dr. Osama Haroon portrait"},
           ]
         },
       ]}
@@ -178,9 +180,9 @@ export default function LandingPage() {
         {
           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-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?_wi=1",              imageAlt: "Dr. Sarah Masood"},
             {
-              id: "dr-osama-haroon",              title: "Dr. Osama Haroon",              subtitle: "Highly Qualified Pediatrician",              detail: "For appointments, contact 03009461269. Location: Sarah’s 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"},
+              id: "dr-osama-haroon",              title: "Dr. Osama Haroon",              subtitle: "Highly Qualified Pediatrician",              detail: "For appointments, contact 03009461269. Location: Sarah’s 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?_wi=1",              imageAlt: "Dr. Osama Haroon"},
           ]
         },
       ]}
@@ -283,7 +285,7 @@ export default function LandingPage() {
         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"
+      imageSrc="http://img.b2bpic.net/free-photo/home-entrance-with-furniture-modern-decor_23-2150832014.jpg?_wi=1"
       imageAlt="Interior of Sarah's Clinic waiting area"
       mediaAnimation="slide-up"
       mediaPosition="right"
@@ -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"},
           ],

src/app/services/page.tsx

@@ -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?_wi=2",              imageAlt: "Pregnant woman holding her belly"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/gynecologist-performing-ultrasound-consultation_23-2149353019.jpg?_wi=2",              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?_wi=2",              imageAlt: "Couple holding hands, hopeful for family"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/mother-holding-her-baby-boy-kitchen_1170-400.jpg?_wi=2",              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?_wi=2",              imageAlt: "Minimally invasive surgery medical illustration"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821256.jpg?_wi=2",              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?_wi=2",              imageAlt: "Woman doing yoga in a serene pose"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248121.jpg?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              imageAlt: "Pediatrician examining a happy child"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-health-worker_23-2149112572.jpg?_wi=2",              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>
+  );
+}

src/app/team/page.tsx

@@ -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?_wi=3",              imageAlt: "Dr. Sarah Masood"},
+            {
+              id: "dr-osama-haroon",              title: "Dr. Osama Haroon",              subtitle: "Highly Qualified Pediatrician",              detail: "For appointments, contact 03009461269. Location: Sarah’s 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?_wi=3",              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>
+  );
+}