Compare commits
57 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 53fd37d771 | |||
| b3bc85891d | |||
| e3e7d38e60 | |||
| 97e3384bdb | |||
| 19500d168a | |||
| 5f6093bf18 | |||
| f9053b0aa2 | |||
| e8c81f81c7 | |||
| 1593572bfd | |||
| 3449ea95a6 | |||
| 16d0a9da09 | |||
| 58e9642c0b | |||
| 11ee5a0fea | |||
| 3061ddbf10 | |||
| f71bae143b | |||
| b1ac15688b | |||
| feb32a920f | |||
| 1453eb02a4 | |||
| cfd103d077 | |||
| e416ca4617 | |||
| 4147b90394 | |||
| 6fc298f520 | |||
| 42f4232628 | |||
| 5f84db423a | |||
| a0df9b64d6 | |||
| 1390d829e6 | |||
| 9a1f75bd6a | |||
| 0819ea2a62 | |||
| fb859863c8 | |||
| c76645481f | |||
| fde4c3adc4 | |||
| 9aa033dac5 | |||
| 37eace80e0 | |||
| 1fc850c5d6 | |||
| 4dfb102b7d | |||
| 1b96fc97c9 | |||
| 5af3215527 | |||
| b71d34022d | |||
| 71f1b3fa53 | |||
| b37b29e21d | |||
| 42848d4ddc | |||
| 60a8b85795 | |||
| df5dc8f665 | |||
| 5947798e44 | |||
| b9d8a55c8d | |||
| 0a2a656782 | |||
| 27915ba2b4 | |||
| 064110b093 | |||
| 0b31aa04da | |||
| f27f828388 | |||
| 27cb362313 | |||
| fd92b273bf | |||
| 1d168a0bdd | |||
| 4b07589318 | |||
| 2987ce00fb | |||
| 619c89c465 | |||
| 94eade2191 |
@@ -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" },
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
127
src/app/page.tsx
127
src/app/page.tsx
@@ -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"
|
||||
|
||||
193
src/app/services/page.tsx
Normal file
193
src/app/services/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -92,18 +92,16 @@ 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" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
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">
|
||||
@@ -139,18 +137,16 @@ 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" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
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">
|
||||
@@ -193,18 +189,16 @@ 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" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Élite Aesthetics"
|
||||
bottomLeftText="Medical Grade Excellence"
|
||||
bottomRightText="hello@eliteaesthetics.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<div id="productDetailCard" data-section="productDetailCard">
|
||||
|
||||
@@ -35,13 +35,12 @@ 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" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Élite Aesthetics"
|
||||
bottomLeftText="Medical Grade Excellence"
|
||||
@@ -80,13 +79,12 @@ 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" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Élite Aesthetics"
|
||||
bottomLeftText="Medical Grade Excellence"
|
||||
|
||||
Reference in New Issue
Block a user