Update src/app/services/page.tsx

Update src/app/page.tsx
Update src/app/shop/page.tsx
2026-02-28 07:29:01 +00:00 · 2026-02-28 07:29:00 +00:00 · 2026-02-28 07:28:16 +00:00 · 2026-02-28 07:28:15 +00:00 · 2026-02-28 07:28:15 +00:00 · 2026-02-28 07:28:14 +00:00
5 changed files with 139 additions and 3 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,6 +28,7 @@ export default function BlogPage() {
                    <NavbarStyleFullscreen
                        navItems={[
                            { name: "Home", id: "/" },
+                            { name: "Services", id: "services" },
                            { name: "Procedures", id: "procedures" },
                            { name: "Our Team", id: "team" },
                            { name: "Results", id: "testimonials" },
--- a/src/app/page.tsx
+++ b/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"
@@ -107,6 +108,37 @@ export default function LandingPage() {
        />
      </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"
@@ -215,7 +247,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"
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,98 @@
+"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 FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Heart } 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: "Home", id: "/" },
+              { 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" data-section="services">
+          <ProductCardOne
+            title="Our Comprehensive Services"
+            description="Explore our full 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: "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="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Élite Aesthetics"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -93,6 +93,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                    <NavbarStyleFullscreen
                        navItems={[
                            { name: "Home", id: "/" },
+                            { name: "Services", id: "services" },
                            { name: "Procedures", id: "procedures" },
                            { name: "Our Team", id: "team" },
                            { name: "Results", id: "testimonials" },
@@ -138,6 +139,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                        <NavbarStyleFullscreen
                            navItems={[
                                { name: "Home", id: "/" },
+                                { name: "Services", id: "services" },
                                { name: "Procedures", id: "procedures" },
                                { name: "Our Team", id: "team" },
                                { name: "Results", id: "testimonials" },
@@ -190,6 +192,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                <NavbarStyleFullscreen
                    navItems={[
                        { name: "Home", id: "/" },
+                        { name: "Services", id: "services" },
                        { name: "Procedures", id: "procedures" },
                        { name: "Our Team", id: "team" },
                        { name: "Results", id: "testimonials" },
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -36,6 +36,7 @@ function ShopPageContent() {
                    <NavbarStyleFullscreen
                        navItems={[
                            { name: "Home", id: "/" },
+                            { name: "Services", id: "services" },
                            { name: "Procedures", id: "procedures" },
                            { name: "Our Team", id: "team" },
                            { name: "Results", id: "testimonials" },
@@ -80,6 +81,7 @@ function ShopPageContent() {
                <NavbarStyleFullscreen
                    navItems={[
                        { name: "Home", id: "/" },
+                        { name: "Services", id: "services" },
                        { name: "Procedures", id: "procedures" },
                        { name: "Our Team", id: "team" },
                        { name: "Results", id: "testimonials" },
Author	SHA1	Message	Date
bender	5f84db423a	Update src/app/services/page.tsx	2026-02-28 07:29:01 +00:00
bender	a0df9b64d6	Update src/app/page.tsx	2026-02-28 07:29:00 +00:00
bender	9a1f75bd6a	Update src/app/shop/page.tsx	2026-02-28 07:28:16 +00:00
bender	0819ea2a62	Update src/app/shop/[id]/page.tsx	2026-02-28 07:28:15 +00:00
bender	fb859863c8	Add src/app/services/page.tsx	2026-02-28 07:28:15 +00:00
bender	c76645481f	Update src/app/page.tsx	2026-02-28 07:28:14 +00:00
bender	fde4c3adc4	Update src/app/blog/page.tsx	2026-02-28 07:28:13 +00:00
bender	9aa033dac5	Merge version_5 into main Merge version_5 into main	2026-02-28 07:24:13 +00:00
bender	1fc850c5d6	Merge version_5 into main Merge version_5 into main	2026-02-28 07:23:29 +00:00