Update src/app/shop/page.tsx

Merge version_7 into main

src/app/blog/page.tsx

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

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,
@@ -1387,4 +1388,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -30,6 +30,7 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
+            { name: "Services", id: "services" },
             { name: "Procedures", id: "procedures" },
             { name: "Our Team", id: "team" },
             { name: "Results", id: "testimonials" },
@@ -52,10 +53,10 @@ export default function LandingPage() {
           background={{ variant: "canvas-reveal" }}
           carouselItems={[
             {
-              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-signing-medical-decisions-form-sitting-hospital-bed-modern-private-clinic-doctor-with-clipboard-nurse-working-backgorund-healthcare-medical-medicinal-system-documents-contra_482257-4751.jpg",              imageAlt: "Professional surgical consultation"
+              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-signing-medical-decisions-form-sitting-hospital-bed-modern-private-clinic-doctor-with-clipboard-nurse-working-backgorund-healthcare-medical-medicinal-system-documents-contra_482257-4751.jpg?_wi=1",              imageAlt: "Professional surgical consultation"
             },
             {
-              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg",              imageAlt: "Modern aesthetic enhancement results"
+              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg?_wi=1",              imageAlt: "Modern aesthetic enhancement results"
             },
             {
               id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=1",              imageAlt: "Professional consultation room"
@@ -100,13 +101,44 @@ 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"
         />
       </div>
 
+      <div id="services" data-section="services">
+        <ProductCardOne
+          title="Our Services"
+          description="Explore our comprehensive range of aesthetic and wellness services designed to enhance your natural beauty and boost your confidence."
+          tag="Service Offerings"
+          tagIcon={Heart}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "1",              name: "Consultation Services",              price: "Complimentary",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=2",              imageAlt: "Professional consultation"
+            },
+            {
+              id: "2",              name: "Pre-Surgical Planning",              price: "Included",              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=2",              imageAlt: "Surgical planning"
+            },
+            {
+              id: "3",              name: "Post-Care Support",              price: "Included",              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=2",              imageAlt: "Recovery support"
+            },
+            {
+              id: "4",              name: "Follow-Up Assessments",              price: "Complimentary",              imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=2",              imageAlt: "Follow-up care"
+            }
+          ]}
+          buttons={[
+            { text: "Learn More", href: "#" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="procedures" data-section="procedures">
         <ProductCardOne
           title="Signature Procedures"
@@ -132,7 +164,8 @@ export default function LandingPage() {
             }
           ]}
           buttons={[
-            { text: "View All Procedures", href: "#" }
+            { text: "View All Procedures", href: "#" },
+            { text: "Get Started", href: "#contact" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -215,7 +248,7 @@ export default function LandingPage() {
           carouselMode="buttons"
           blogs={[
             {
-              id: "1",              category: "Rhinoplasty",              title: "Refined Profile Transformation",              excerpt: "A subtle rhinoplasty enhanced facial harmony while preserving natural character and expression.",              imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg",              imageAlt: "Before and after rhinoplasty results",              authorName: "Dr. James Anderson",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg",              date: "15 Jan 2025"
+              id: "1",              category: "Rhinoplasty",              title: "Refined Profile Transformation",              excerpt: "A subtle rhinoplasty enhanced facial harmony while preserving natural character and expression.",              imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg?_wi=1",              imageAlt: "Before and after rhinoplasty results",              authorName: "Dr. James Anderson",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg",              date: "15 Jan 2025"
             },
             {
               id: "2",              category: "Facelift",              title: "Timeless Beauty Restored",              excerpt: "A comprehensive facelift combined with skin resurfacing delivered dramatic yet natural-looking rejuvenation.",              imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123622.jpg?_wi=1",              imageAlt: "Before and after facelift results",              authorName: "Dr. Isabella Martinez",              authorAvatar: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg",              date: "10 Jan 2025"
@@ -280,4 +313,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,193 @@
+"use client";
+
+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, CheckCircle } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="grid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Procedures", id: "procedures" },
+              { name: "Our Team", id: "team" },
+              { name: "Results", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Élite Aesthetics"
+            bottomLeftText="Medical Grade Excellence"
+            bottomRightText="hello@eliteaesthetics.com"
+          />
+        </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 Core Services"
+            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"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            products={[
+              {
+                id: "1",                name: "Initial Consultation",                price: "Complimentary",                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=2",                imageAlt: "Professional consultation"
+              },
+              {
+                id: "2",                name: "Advanced 3D Imaging",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=2",                imageAlt: "3D imaging technology"
+              },
+              {
+                id: "3",                name: "Pre-Surgical Assessment",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=2",                imageAlt: "Surgical planning"
+              },
+              {
+                id: "4",                name: "Customized Surgical Plan",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=2",                imageAlt: "Custom surgical planning"
+              },
+              {
+                id: "5",                name: "Operating Room Experience",                price: "Consultation Based",                imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-signing-medical-decisions-form-sitting-hospital-bed-modern-private-clinic-doctor-with-clipboard-nurse-working-backgorund-healthcare-medical-medicinal-system-documents-contra_482257-4751.jpg?_wi=2",                imageAlt: "Modern operating facilities"
+              },
+              {
+                id: "6",                name: "Comprehensive Aftercare",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg?_wi=2",                imageAlt: "Post-operative care"
+              },
+              {
+                id: "7",                name: "Follow-Up Assessments",                price: "Complimentary",                imageSrc: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg?_wi=1",                imageAlt: "Follow-up appointments"
+              },
+              {
+                id: "8",                name: "Revision Consultations",                price: "Available",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg?_wi=1",                imageAlt: "Revision services"
+              },
+              {
+                id: "9",                name: "Long-Term Support",                price: "Complimentary",                imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg?_wi=2",                imageAlt: "Ongoing support"
+              }
+            ]}
+            buttons={[
+              { text: "Schedule Consultation", href: "#contact" }
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </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"
+            buttons={[
+              { text: "Get Started", href: "#contact" }
+            ]}
+          />
+        </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"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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

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

src/app/shop/page.tsx

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