48 Commits

Author SHA1 Message Date
b3bc85891d Update src/app/shop/page.tsx 2026-02-28 15:39:17 +00:00
e3e7d38e60 Update src/app/shop/[id]/page.tsx 2026-02-28 15:39:17 +00:00
97e3384bdb Update src/app/services/page.tsx 2026-02-28 15:39:16 +00:00
19500d168a Update src/app/page.tsx 2026-02-28 15:39:15 +00:00
5f6093bf18 Update src/app/blog/page.tsx 2026-02-28 15:39:15 +00:00
f9053b0aa2 Merge version_8 into main
Merge version_8 into main
2026-02-28 15:31:10 +00:00
e8c81f81c7 Update src/app/shop/page.tsx 2026-02-28 15:31:06 +00:00
1593572bfd Update src/app/shop/[id]/page.tsx 2026-02-28 15:31:05 +00:00
3449ea95a6 Update src/app/services/page.tsx 2026-02-28 15:31:05 +00:00
16d0a9da09 Update src/app/page.tsx 2026-02-28 15:31:04 +00:00
58e9642c0b Update src/app/layout.tsx 2026-02-28 15:31:03 +00:00
11ee5a0fea Update src/app/blog/page.tsx 2026-02-28 15:31:02 +00:00
3061ddbf10 Merge version_7 into main
Merge version_7 into main
2026-02-28 07:52:19 +00:00
f71bae143b Update src/app/services/page.tsx 2026-02-28 07:52:14 +00:00
b1ac15688b Update src/app/page.tsx 2026-02-28 07:52:14 +00:00
feb32a920f Merge version_7 into main
Merge version_7 into main
2026-02-28 07:51:34 +00:00
1453eb02a4 Update src/app/shop/page.tsx 2026-02-28 07:51:29 +00:00
cfd103d077 Update src/app/shop/[id]/page.tsx 2026-02-28 07:51:29 +00:00
e416ca4617 Update src/app/services/page.tsx 2026-02-28 07:51:28 +00:00
4147b90394 Update src/app/layout.tsx 2026-02-28 07:51:27 +00:00
6fc298f520 Update src/app/blog/page.tsx 2026-02-28 07:51:26 +00:00
42f4232628 Merge version_6 into main
Merge version_6 into main
2026-02-28 07:29:05 +00:00
5f84db423a Update src/app/services/page.tsx 2026-02-28 07:29:01 +00:00
a0df9b64d6 Update src/app/page.tsx 2026-02-28 07:29:00 +00:00
1390d829e6 Merge version_6 into main
Merge version_6 into main
2026-02-28 07:28:20 +00:00
9a1f75bd6a Update src/app/shop/page.tsx 2026-02-28 07:28:16 +00:00
0819ea2a62 Update src/app/shop/[id]/page.tsx 2026-02-28 07:28:15 +00:00
fb859863c8 Add src/app/services/page.tsx 2026-02-28 07:28:15 +00:00
c76645481f Update src/app/page.tsx 2026-02-28 07:28:14 +00:00
fde4c3adc4 Update src/app/blog/page.tsx 2026-02-28 07:28:13 +00:00
9aa033dac5 Merge version_5 into main
Merge version_5 into main
2026-02-28 07:24:13 +00:00
37eace80e0 Update src/app/page.tsx 2026-02-28 07:24:09 +00:00
1fc850c5d6 Merge version_5 into main
Merge version_5 into main
2026-02-28 07:23:29 +00:00
4dfb102b7d Update src/app/shop/page.tsx 2026-02-28 07:23:24 +00:00
1b96fc97c9 Update src/app/shop/[id]/page.tsx 2026-02-28 07:23:24 +00:00
5af3215527 Update src/app/page.tsx 2026-02-28 07:23:23 +00:00
b71d34022d Update src/app/layout.tsx 2026-02-28 07:23:22 +00:00
71f1b3fa53 Update src/app/blog/page.tsx 2026-02-28 07:23:21 +00:00
b37b29e21d Merge version_4 into main
Merge version_4 into main
2026-02-28 07:18:30 +00:00
42848d4ddc Update src/app/shop/page.tsx 2026-02-28 07:18:26 +00:00
60a8b85795 Update src/app/shop/[id]/page.tsx 2026-02-28 07:18:25 +00:00
df5dc8f665 Update src/app/page.tsx 2026-02-28 07:18:24 +00:00
5947798e44 Update src/app/blog/page.tsx 2026-02-28 07:18:23 +00:00
b9d8a55c8d Merge version_3 into main
Merge version_3 into main
2026-02-28 07:10:32 +00:00
0a2a656782 Update src/app/page.tsx 2026-02-28 07:10:27 +00:00
27915ba2b4 Merge version_3 into main
Merge version_3 into main
2026-02-28 07:09:42 +00:00
064110b093 Update src/app/page.tsx 2026-02-28 07:09:37 +00:00
0b31aa04da Merge version_2 into main
Merge version_2 into main
2026-02-28 07:05:27 +00:00
6 changed files with 299 additions and 86 deletions

View File

@@ -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>
);
}
}

View File

@@ -1,45 +1,24 @@
import type { Metadata } from "next";
import { Inter_Tight } from "next/font/google";
import { Inter } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const interTight = Inter_Tight({
variable: "--font-inter-tight", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Élite Aesthetics | Premium Beauty Enhancement Surgery", description: "Board-certified surgical experts delivering transformative aesthetic results. Luxury beauty enhancement with cutting-edge techniques.", keywords: "cosmetic surgery, facial enhancement, rhinoplasty, facelift, breast augmentation, body contouring, aesthetic surgeon, beauty surgery", robots: {
index: true,
follow: true
},
openGraph: {
title: "Élite Aesthetics | Premium Surgical Beauty Enhancement", description: "Transformative aesthetic surgery by board-certified experts. Luxury results, personalized care.", siteName: "Élite Aesthetics", type: "website", images: [
{
url: "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", alt: "Premium surgical consultation"
}
]
},
twitter: {
card: "summary_large_image", title: "Élite Aesthetics | Premium Beauty Surgery", description: "Board-certified aesthetic surgeons delivering transformative results.", images: ["http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg"]
}
title: "Élite Aesthetics", description: "Surgical excellence meets aesthetic artistry"
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${interTight.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1407,7 +1386,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -1,17 +1,17 @@
"use client"
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Camera, Heart, Sparkles, Star } from "lucide-react";
import { Award, Camera, Heart, Sparkles, Star, CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -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" },
@@ -43,55 +44,98 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
<HeroBillboardRotatedCarousel
title="Surgical Excellence Meets Aesthetic Artistry"
description="Experience transformative beauty enhancement with our board-certified surgeons. Combining cutting-edge surgical techniques with refined aesthetic vision to deliver results that enhance your natural beauty."
tag="Premium Beauty Surgery"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "plain" }}
rating={5}
ratingText="Trusted by Refined Patients"
mediaItems={[
background={{ variant: "canvas-reveal" }}
carouselItems={[
{
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"
},
{
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"
},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=1", imageAlt: "Cosmetic enhancement facility"
},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=1", imageAlt: "Surgical planning consultation"
},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=1", imageAlt: "Advanced surgical techniques"
}
]}
mediaAnimation="slide-up"
buttons={[
{ text: "Schedule Consultation", href: "#contact" },
{ text: "View Procedures", href: "#procedures" }
]}
buttonAnimation="slide-up"
autoPlay={true}
autoPlayInterval={4000}
/>
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
<SplitAbout
title="Why Choose Élite Aesthetics"
description="Our commitment to excellence defines every aspect of your experience."
tabs={[
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{
id: "expertise", label: "Board-Certified Excellence", description: "Our surgeons are fellowship-trained and hold certifications from the highest medical boards. With over 200 combined years of surgical experience, we deliver results with precision and artistry."
title: "Board-Certified Excellence", description: "Our surgeons are fellowship-trained and hold certifications from the highest medical boards. With over 200 combined years of surgical experience, we deliver results with precision and artistry.", icon: CheckCircle
},
{
id: "innovation", label: "Advanced Technology", description: "We invest in state-of-the-art surgical equipment and techniques, ensuring the safest and most effective procedures available. Our operating suites meet international standards."
title: "Advanced Technology", description: "We invest in state-of-the-art surgical equipment and techniques, ensuring the safest and most effective procedures available. Our operating suites meet international standards.", icon: CheckCircle
},
{
id: "personalized", label: "Personalized Care", description: "Every patient is unique. We create customized treatment plans that honor your goals and enhance your natural features, never imposing a one-size-fits-all approach."
title: "Personalized Care", description: "Every patient is unique. We create customized treatment plans that honor your goals and enhance your natural features, never imposing a one-size-fits-all approach.", icon: CheckCircle
},
{
id: "results", label: "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."
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"
imagePosition="right"
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>
@@ -107,27 +151,28 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", name: "Rhinoplasty", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg", imageAlt: "Rhinoplasty procedure"
id: "1", name: "Rhinoplasty", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=2", imageAlt: "Rhinoplasty procedure"
},
{
id: "2", name: "Facelift", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg", imageAlt: "Facelift procedure"
id: "2", name: "Facelift", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=2", imageAlt: "Facelift procedure"
},
{
id: "3", name: "Liposuction", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg", imageAlt: "Liposuction procedure"
id: "3", name: "Liposuction", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=2", imageAlt: "Liposuction procedure"
},
{
id: "4", name: "Breast Augmentation", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg", imageAlt: "Breast augmentation procedure"
id: "4", name: "Breast Augmentation", price: "Consultation Based", imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=2", imageAlt: "Breast augmentation procedure"
}
]}
buttons={[
{ text: "View All Procedures", href: "#" }
{ text: "View All Procedures", href: "#" },
{ text: "Get Started", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
<TestimonialCardSix
title="Transformations That Inspire"
description="Hear from our patients about their journey with Élite Aesthetics and the life-changing results they've experienced."
tag="Patient Success Stories"
@@ -135,33 +180,33 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
testimonials={[
{
id: "1", name: "Victoria Sterling", role: "Executive", company: "Manhattan, NY", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Victoria Sterling"
id: "1", name: "Victoria Sterling", handle: "Executive, Manhattan, NY", testimonial: "The transformation exceeded my expectations. Professional care and stunning results.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "Victoria Sterling"
},
{
id: "2", name: "Sophia Lawrence", role: "Entrepreneur", company: "San Francisco, CA", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg", imageAlt: "Sophia Lawrence"
id: "2", name: "Sophia Lawrence", handle: "Entrepreneur, San Francisco, CA", testimonial: "From consultation to recovery, every detail was handled with excellence and care.", imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg?_wi=1", imageAlt: "Sophia Lawrence"
},
{
id: "3", name: "Isabella Martinez", role: "Creative Director", company: "Los Angeles, CA", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg", imageAlt: "Isabella Martinez"
id: "3", name: "Isabella Martinez", handle: "Creative Director, Los Angeles, CA", testimonial: "The artistry and precision shown in my procedure was remarkable. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg", imageAlt: "Isabella Martinez"
},
{
id: "4", name: "Natalie Anderson", role: "Physician", company: "Boston, MA", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-looking-through-window_1262-2043.jpg", imageAlt: "Natalie Anderson"
id: "4", name: "Natalie Anderson", handle: "Physician, Boston, MA", testimonial: "As a medical professional, I was impressed by their surgical expertise and patient care.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-looking-through-window_1262-2043.jpg", imageAlt: "Natalie Anderson"
},
{
id: "5", name: "Alexandra Chen", role: "Luxury Brand Consultant", company: "Miami, FL", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg", imageAlt: "Alexandra Chen"
id: "5", name: "Alexandra Chen", handle: "Luxury Brand Consultant, Miami, FL", testimonial: "Élite Aesthetics delivers on their promise of excellence. Natural-looking, beautiful results.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg", imageAlt: "Alexandra Chen"
},
{
id: "6", name: "Catherine Richmond", role: "Art Curator", company: "Chicago, IL", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", imageAlt: "Catherine Richmond"
id: "6", name: "Catherine Richmond", handle: "Art Curator, Chicago, IL", testimonial: "The attention to detail and artistic approach made all the difference in my transformation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", imageAlt: "Catherine Richmond"
},
{
id: "7", name: "Rebecca Foster", handle: "Marketing Executive, New York, NY", testimonial: "Outstanding service from start to finish. Results that exceed all expectations.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Rebecca Foster"
},
{
id: "8", name: "Michelle Davis", handle: "Fashion Designer, Los Angeles, CA", testimonial: "The surgical team's expertise and dedication to patient satisfaction is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg?_wi=2", imageAlt: "Michelle Davis"
}
]}
speed={40}
/>
</div>
@@ -203,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"
@@ -268,4 +313,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

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

@@ -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>
);
}

View File

@@ -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" },
@@ -102,7 +102,6 @@ function ProductPageContent({ params }: ProductPageProps) {
brandName="Élite Aesthetics"
bottomLeftText="Medical Grade Excellence"
bottomRightText="hello@eliteaesthetics.com"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
@@ -138,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" },
@@ -148,7 +147,6 @@ function ProductPageContent({ params }: ProductPageProps) {
brandName="Élite Aesthetics"
bottomLeftText="Medical Grade Excellence"
bottomRightText="hello@eliteaesthetics.com"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
@@ -191,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" },
@@ -201,7 +199,6 @@ function ProductPageContent({ params }: ProductPageProps) {
brandName="Élite Aesthetics"
bottomLeftText="Medical Grade Excellence"
bottomRightText="hello@eliteaesthetics.com"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="productDetailCard" data-section="productDetailCard">
@@ -250,4 +247,4 @@ function ProductPageContent({ params }: ProductPageProps) {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -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>
);
}
}