Update src/app/services/page.tsx

Merge version_6 into main

src/app/blog/page.tsx

@@ -27,8 +27,7 @@ export default function BlogPage() {
                 <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Services", id: "/services" },
-                            { name: "Services", id: "services" },
                             { name: "Procedures", id: "procedures" },
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },

src/app/layout.tsx

@@ -8,7 +8,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "Élite Aesthetics",  description: "Surgical excellence meets aesthetic artistry"};
+  title: "Élite Aesthetics",  description: "Surgical excellence meets aesthetic artistry"
+};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -101,7 +101,7 @@ export default function LandingPage() {
               title: "Proven Results",              description: "Our gallery of transformations speaks to our commitment to excellence. See how we've helped thousands achieve their aesthetic dreams with natural-looking, beautiful results.",              icon: CheckCircle
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg?_wi=1"
           imageAlt="State-of-the-art surgical facility"
           mediaAnimation="slide-up"
           imagePosition="right"

src/app/services/page.tsx

@@ -4,8 +4,10 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Heart } from "lucide-react";
+import { Heart, CheckCircle } from "lucide-react";
 
 export default function ServicesPage() {
   return (
@@ -25,7 +27,6 @@ export default function ServicesPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-              { name: "Home", id: "/" },
               { name: "Services", id: "services" },
               { name: "Procedures", id: "procedures" },
               { name: "Our Team", id: "team" },
@@ -39,10 +40,37 @@ export default function ServicesPage() {
           />
         </div>
 
+        <div id="services-hero" data-section="services-hero">
+          <SplitAbout
+            title="Comprehensive Aesthetic Services"
+            description="At Élite Aesthetics, we offer a complete suite of premium services designed to enhance your natural beauty and boost your confidence. From initial consultations to post-operative care, every step of your journey is guided by our board-certified surgeons and experienced medical team."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            bulletPoints={[
+              {
+                title: "Expert Consultation",                description: "Our surgeons conduct thorough consultations to understand your goals, assess your features, and create a personalized surgical plan tailored to your unique needs.",                icon: CheckCircle
+              },
+              {
+                title: "Advanced Technology",                description: "We utilize state-of-the-art equipment and 3D imaging technology to visualize outcomes and ensure surgical precision in every procedure.",                icon: CheckCircle
+              },
+              {
+                title: "Comprehensive Aftercare",                description: "Our dedicated care team provides detailed post-operative instructions, medications, and support to ensure optimal healing and spectacular results.",                icon: CheckCircle
+              },
+              {
+                title: "Long-Term Support",                description: "We maintain long-term relationships with our patients, offering complimentary follow-up assessments and revision consultations as needed.",                icon: CheckCircle
+              }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg?_wi=2"
+            imageAlt="Modern medical facility"
+            mediaAnimation="slide-up"
+            imagePosition="right"
+          />
+        </div>
+
         <div id="services" data-section="services">
           <ProductCardOne
-            title="Our Comprehensive Services"
+            title="Our Core Services"
-            description="Explore our full range of aesthetic and wellness services designed to enhance your natural beauty and boost your confidence."
+            description="Explore our comprehensive range of aesthetic and wellness services designed to transform your appearance and enhance your quality of life."
             tag="Service Offerings"
             tagIcon={Heart}
             textboxLayout="default"
@@ -85,6 +113,70 @@ export default function ServicesPage() {
           />
         </div>
 
+        <div id="service-details" data-section="service-details">
+          <SplitAbout
+            title="What's Included in Every Procedure"
+            description="Your satisfaction and safety are our highest priorities. That's why every surgical procedure at Élite Aesthetics includes a comprehensive package of services designed to ensure the best possible outcomes."
+            textboxLayout="default"
+            useInvertedBackground={true}
+            bulletPoints={[
+              {
+                title: "Pre-Operative Evaluation",                description: "Complete medical evaluation, imaging analysis, and customized surgical planning with your surgeon to ensure optimal outcomes.",                icon: CheckCircle
+              },
+              {
+                title: "Surgical Expertise",                description: "Performed by board-certified surgeons with extensive experience, using cutting-edge techniques and state-of-the-art operating room facilities.",                icon: CheckCircle
+              },
+              {
+                title: "Anesthesia Management",                description: "Professional anesthesiologists monitor your safety throughout the procedure with continuous monitoring and the latest safety protocols.",                icon: CheckCircle
+              },
+              {
+                title: "Recovery Coordination",                description: "Detailed post-operative instructions, prescribed medications, and regular check-ins during your recovery period to address any concerns.",                icon: CheckCircle
+              }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg"
+            imageAlt="Operating room"
+            mediaAnimation="slide-up"
+            imagePosition="left"
+          />
+        </div>
+
+        <div id="service-faq" data-section="service-faq">
+          <FaqSplitText
+            sideTitle="Services FAQ"
+            sideDescription="Common questions about our comprehensive service offerings and what to expect during your aesthetic transformation journey."
+            textPosition="left"
+            useInvertedBackground={false}
+            animationType="smooth"
+            faqsAnimation="slide-up"
+            faqs={[
+              {
+                id: "1",                title: "How long does the initial consultation take?",                content: "Our initial consultations typically last 60-90 minutes. During this time, we discuss your aesthetic goals, perform a comprehensive assessment, review imaging, and create a detailed surgical plan tailored to your needs."
+              },
+              {
+                id: "2",                title: "Do you offer financing for procedures?",                content: "Yes, we offer flexible financing options to make aesthetic procedures more accessible. Our team can discuss various payment plans and financing partners during your consultation."
+              },
+              {
+                id: "3",                title: "What should I expect during the pre-operative period?",                content: "We provide comprehensive pre-operative instructions including dietary guidelines, medication management, and preparation protocols. Our team will schedule a pre-operative appointment to ensure you're fully prepared for surgery."
+              },
+              {
+                id: "4",                title: "How long is the typical recovery period?",                content: "Recovery times vary depending on the procedure. Most patients can return to light activities within 1-2 weeks, with full recovery typically taking 4-6 weeks. We provide detailed recovery timelines specific to your procedure."
+              },
+              {
+                id: "5",                title: "What post-operative support do you provide?",                content: "Our comprehensive aftercare includes detailed wound care instructions, medication prescriptions, compression garments when needed, scheduled follow-up appointments, and 24/7 access to our medical team for urgent concerns."
+              },
+              {
+                id: "6",                title: "Are results guaranteed?",                content: "While we can't guarantee specific outcomes, we stand behind our work. If you have concerns about your results, we offer revision consultations within the first year at no additional cost."
+              },
+              {
+                id: "7",                title: "Can multiple procedures be combined?",                content: "Yes, many procedures can be safely combined during a single surgical session. This can optimize results, reduce overall recovery time, and provide better value. We'll discuss combination options during your consultation."
+              },
+              {
+                id: "8",                title: "Do you work with other medical professionals?",                content: "Absolutely. We collaborate with dermatologists, nutritionists, and other specialists to provide comprehensive care before and after your procedure to enhance your overall results."
+              }
+            ]}
+          />
+        </div>
+
         <div id="footer" data-section="footer">
           <FooterLogoReveal
             logoText="Élite Aesthetics"

src/app/shop/[id]/page.tsx

@@ -92,8 +92,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Services", id: "/services" },
-                            { name: "Services", id: "services" },
                             { name: "Procedures", id: "procedures" },
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
@@ -138,8 +137,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Services", id: "/services" },
-                                { name: "Services", id: "services" },
                                 { name: "Procedures", id: "procedures" },
                                 { name: "Our Team", id: "team" },
                                 { name: "Results", id: "testimonials" },
@@ -191,8 +189,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="navbar" data-section="navbar">
                 <NavbarStyleFullscreen
                     navItems={[
-                        { name: "Home", id: "/" },
+                        { name: "Services", id: "/services" },
-                        { name: "Services", id: "services" },
                         { name: "Procedures", id: "procedures" },
                         { name: "Our Team", id: "team" },
                         { name: "Results", id: "testimonials" },

src/app/shop/page.tsx

@@ -35,8 +35,7 @@ function ShopPageContent() {
                     <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Services", id: "/services" },
-                            { name: "Services", id: "services" },
                             { name: "Procedures", id: "procedures" },
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
@@ -80,8 +79,7 @@ function ShopPageContent() {
                 <div id="navbar" data-section="navbar">
                 <NavbarStyleFullscreen
                     navItems={[
-                        { name: "Home", id: "/" },
+                        { name: "Services", id: "/services" },
-                        { name: "Services", id: "services" },
                         { name: "Procedures", id: "procedures" },
                         { name: "Our Team", id: "team" },
                         { name: "Results", id: "testimonials" },