Merge version_1 into main #1
143
src/app/page.tsx
143
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "features",
|
||||
},
|
||||
name: "Treatments", id: "features"},
|
||||
{
|
||||
name: "Consultation",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Consultation", id: "contact"},
|
||||
]}
|
||||
brandName="Bikos Derma"
|
||||
/>
|
||||
@@ -53,15 +45,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Dermatology Clinical Excellence Visible Results"
|
||||
description="Dr Bikos combines 20 years of specialized expertise with cutting-edge laser and aesthetic technology to deliver transformative skin health and beauty. From laser hair removal and anti-aging treatments to advanced skin cancer detection, experience dermatology at the highest level in a refined, discreet Athens clinic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg"
|
||||
imageAlt="Luxurious dermatology clinic interior"
|
||||
@@ -86,23 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Laser Hair Removal",
|
||||
description: "Painless, permanent hair reduction utilizing state-of-the-art laser technology for all skin types.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194181.jpg",
|
||||
imageAlt: "Laser treatment",
|
||||
},
|
||||
title: "Laser Hair Removal", description: "Painless, permanent hair reduction utilizing state-of-the-art laser technology for all skin types.", imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194181.jpg", imageAlt: "Laser treatment"},
|
||||
{
|
||||
title: "Anti-Aging & Rejuvenation",
|
||||
description: "Bespoke treatments designed to restore vitality and youthfulness through advanced non-invasive procedures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021870.jpg",
|
||||
imageAlt: "Anti-aging skincare",
|
||||
},
|
||||
title: "Anti-Aging & Rejuvenation", description: "Bespoke treatments designed to restore vitality and youthfulness through advanced non-invasive procedures.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021870.jpg", imageAlt: "Anti-aging skincare"},
|
||||
{
|
||||
title: "Medical Diagnosis & Detection",
|
||||
description: "Advanced skin cancer screenings and clinical dermatological care provided with compassion and precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-using-adipometer_23-2149941497.jpg",
|
||||
imageAlt: "Skin examination",
|
||||
},
|
||||
title: "Medical Diagnosis & Detection", description: "Advanced skin cancer screenings and clinical dermatological care provided with compassion and precision.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-using-adipometer_23-2149941497.jpg", imageAlt: "Skin examination"},
|
||||
]}
|
||||
title="Comprehensive Dermatological Care"
|
||||
description="From advanced medical diagnostics to industry-leading aesthetic treatments, our clinic provides total skin health solutions."
|
||||
@@ -111,58 +88,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "€150",
|
||||
subtitle: "Clinical Consultation",
|
||||
features: [
|
||||
"Full skin mapping",
|
||||
"Diagnosis",
|
||||
"Custom plan",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "€150", subtitle: "Clinical Consultation", features: [
|
||||
"Full skin mapping", "Diagnosis", "Custom plan"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Signature",
|
||||
price: "€450",
|
||||
subtitle: "Rejuvenation Program",
|
||||
features: [
|
||||
"Medical facial",
|
||||
"Laser resurfacing",
|
||||
"Aftercare kit",
|
||||
],
|
||||
id: "p2", badge: "Signature", price: "€450", subtitle: "Rejuvenation Program", features: [
|
||||
"Medical facial", "Laser resurfacing", "Aftercare kit"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "€900",
|
||||
subtitle: "Transformative Series",
|
||||
features: [
|
||||
"Multi-session laser",
|
||||
"Deep rejuvenation",
|
||||
"Priority booking",
|
||||
],
|
||||
id: "p3", badge: "Elite", price: "€900", subtitle: "Transformative Series", features: [
|
||||
"Multi-session laser", "Deep rejuvenation", "Priority booking"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Series",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Series", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -179,25 +130,15 @@ export default function LandingPage() {
|
||||
author="Elena V., Athens"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-pink-hair-artistic-makeup-form-paint-strokes-smiling-aside-posing-light-white_544629-34.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-pink-hair-artistic-makeup-form-paint-strokes-smiling-aside-posing-light-white_544629-34.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-ophthalmologist-s-office_23-2150917656.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-ophthalmologist-s-office_23-2150917656.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -208,8 +149,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Secure Your Priority Appointment"
|
||||
description="Join our elite clientele in Athens. Please enter your email to receive our intake form and treatment guide."
|
||||
@@ -223,42 +163,27 @@ export default function LandingPage() {
|
||||
imageAlt="Bikos Derma Logo"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinical",
|
||||
items: [
|
||||
title: "Clinical", items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Diagnostics", href: "#features"},
|
||||
{
|
||||
label: "Aesthetics",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Aesthetics", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Dr. Bikos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Dr. Bikos", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user