Merge version_2 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -31,131 +31,32 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Why Tunisia",
|
||||
id: "#why",
|
||||
},
|
||||
name: "Why Tunisia", id: "#why"},
|
||||
{
|
||||
name: "Specialties",
|
||||
id: "#specialties",
|
||||
},
|
||||
name: "Specialties", id: "#specialties"},
|
||||
{
|
||||
name: "Patient Journey",
|
||||
id: "#journey",
|
||||
},
|
||||
name: "Patient Journey", id: "#journey"},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Stories", id: "#testimonials"},
|
||||
]}
|
||||
brandName="MedTunisia"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="World-Class Care, Where the Mediterranean Meets Healing"
|
||||
description="Experience superior medical procedures paired with a restorative retreat in Tunisia's world-class facilities."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tunisia-flag-ruffled-beautifully-waving-macro-close-up-shot_1379-210.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093669.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-travel-concept-happy-tourist-summer-vacation-wearing-medical-mask-straw-ha_1258-158950.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tunisia-ornament_187299-32469.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ripples-water_1252-811.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/syrian-flag-heart-balloon_187299-49288.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mask-medicines_23-2147796511.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-medical-face-mask-showing-mobile-phone-app-interface-tourism-appli_1258-143601.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-with-ampoules-syringe-blue-backdrop_23-2147874854.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2023-tunisia_187299-32965.jpg",
|
||||
imageAlt: "3d tunisia map",
|
||||
},
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tunisia-flag-ruffled-beautifully-waving-macro-close-up-shot_1379-210.jpg", imageAlt: "Tunisia flag" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-travel-concept-happy-tourist-summer-vacation-wearing-medical-mask-straw-ha_1258-158950.jpg", imageAlt: "Medical travel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ripples-water_1252-811.jpg", imageAlt: "Mediterranean waters" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Your Medical Journey",
|
||||
href: "#why",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-crystalline-wavy-water-beach_23-2148229811.jpg",
|
||||
alt: "Close-up crystalline wavy water at the beach",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ombre-blue-watercolor-background-abstract-style_53876-128396.jpg",
|
||||
alt: "Ombre blue watercolor background abstract style",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pumpkin-seeds-bowl-trivet-marble-table_114579-89532.jpg",
|
||||
alt: "pumpkin seeds in a bowl on trivet, on the marble table.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ombre-blue-watercolor-background-abstract-style_53876-108197.jpg",
|
||||
alt: "Ombre blue watercolor background abstract style",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stethoscope-hugging-earth-blue-background_23-2148115639.jpg",
|
||||
alt: "Stethoscope hugging Earth on blue background",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ international patients globally."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "JCI Accredited",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "World-Class Surgeons",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Recovery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mediterranean Wellness",
|
||||
},
|
||||
{ text: "Discover Your Medical Journey", href: "#why" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,17 +68,11 @@ export default function LandingPage() {
|
||||
description="Discover excellence in medicine, accredited world-class facilities, and serene recovery environments all set against the backdrop of the beautiful Mediterranean."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "50K+",
|
||||
title: "International Patients",
|
||||
},
|
||||
value: "50K+", title: "International Patients"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "98%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg"
|
||||
imageAlt="modern medical clinic architecture"
|
||||
@@ -193,23 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cosmetic Surgery",
|
||||
description: "Enhance your natural beauty with world-class surgeons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antimony-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11992.jpg",
|
||||
imageAlt: "3d medical icon DNA",
|
||||
},
|
||||
title: "Cosmetic Surgery", description: "Enhance your natural beauty with world-class surgeons.", imageSrc: "http://img.b2bpic.net/free-photo/antimony-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11992.jpg", imageAlt: "3d medical icon DNA"},
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "State-of-the-art dental care for a perfect smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dental-care-love-technology-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-767.jpg",
|
||||
imageAlt: "dental implant 3d icon",
|
||||
},
|
||||
title: "Dental Implants", description: "State-of-the-art dental care for a perfect smile.", imageSrc: "http://img.b2bpic.net/free-vector/dental-care-love-technology-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-767.jpg", imageAlt: "dental implant 3d icon"},
|
||||
{
|
||||
title: "Wellness Check-ups",
|
||||
description: "Comprehensive health assessments for your total peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dna-representation-concept_23-2150505821.jpg",
|
||||
imageAlt: "heart healthcare icon 3d",
|
||||
},
|
||||
title: "Wellness Check-ups", description: "Comprehensive health assessments for your total peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/dna-representation-concept_23-2150505821.jpg", imageAlt: "heart healthcare icon 3d"},
|
||||
]}
|
||||
title="Medical Specialties Showcase"
|
||||
description="Leading solutions tailored to your health and wellness goals."
|
||||
@@ -223,25 +106,13 @@ export default function LandingPage() {
|
||||
tag="Interactive Roadmap"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "01",
|
||||
description: "Personalized Quote",
|
||||
},
|
||||
id: "1", value: "01", description: "Personalized Quote"},
|
||||
{
|
||||
id: "2",
|
||||
value: "02",
|
||||
description: "Travel & VIP Transfer",
|
||||
},
|
||||
id: "2", value: "02", description: "Travel & VIP Transfer"},
|
||||
{
|
||||
id: "3",
|
||||
value: "03",
|
||||
description: "Expert Clinic Procedure",
|
||||
},
|
||||
id: "3", value: "03", description: "Expert Clinic Procedure"},
|
||||
{
|
||||
id: "4",
|
||||
value: "04",
|
||||
description: "Seaside Resort Recovery",
|
||||
},
|
||||
id: "4", value: "04", description: "Seaside Resort Recovery"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -252,14 +123,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"JCI Accreditation",
|
||||
"ISO Standards",
|
||||
"Tunisian Ministry of Health",
|
||||
"International Health Board",
|
||||
"Medical Council Accredited",
|
||||
"European Quality Award",
|
||||
"Clinical Safety Certified",
|
||||
]}
|
||||
"JCI Accreditation", "ISO Standards", "Tunisian Ministry of Health", "International Health Board", "Medical Council Accredited", "European Quality Award", "Clinical Safety Certified"]}
|
||||
title="Trusted Accreditations"
|
||||
description="Recognized by global and local health authorities for clinical safety and excellence."
|
||||
/>
|
||||
@@ -271,45 +135,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Results",
|
||||
quote: "The entire experience was seamless, and the recovery by the sea was perfect.",
|
||||
name: "Sarah J.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing Results", quote: "The entire experience was seamless, and the recovery by the sea was perfect.", name: "Sarah J.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "High Quality Care",
|
||||
quote: "World-class surgeons and very kind staff. Highly recommend.",
|
||||
name: "Michael K.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-doctor-using-touchpad-nursing-home-looking-camera_637285-11401.jpg",
|
||||
},
|
||||
id: "2", title: "High Quality Care", quote: "World-class surgeons and very kind staff. Highly recommend.", name: "Michael K.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-doctor-using-touchpad-nursing-home-looking-camera_637285-11401.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Life Changing",
|
||||
quote: "I regained my confidence and saved a lot compared to local clinics.",
|
||||
name: "Elena R.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-traveling-airport-scene_53876-26287.jpg",
|
||||
},
|
||||
id: "3", title: "Life Changing", quote: "I regained my confidence and saved a lot compared to local clinics.", name: "Elena R.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-traveling-airport-scene_53876-26287.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional Service",
|
||||
quote: "The VIP transport was efficient and the resort was incredibly relaxing.",
|
||||
name: "David L.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195140.jpg",
|
||||
},
|
||||
id: "4", title: "Professional Service", quote: "The VIP transport was efficient and the resort was incredibly relaxing.", name: "David L.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195140.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommended",
|
||||
quote: "Exceptional professionalism from inquiry to post-surgery follow-up.",
|
||||
name: "Sophie M.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-pink-bag-mask-white-wall_179666-29005.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Recommended", quote: "Exceptional professionalism from inquiry to post-surgery follow-up.", name: "Sophie M.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-pink-bag-mask-white-wall_179666-29005.jpg"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Hear from patients who transformed their lives with our care in Tunisia."
|
||||
@@ -320,14 +154,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Plan Your Treatment — Free Personalised Quote"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get My Free Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,29 +168,19 @@ export default function LandingPage() {
|
||||
logoText="MedTunisia"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why",
|
||||
},
|
||||
label: "About Us", href: "#why"},
|
||||
{
|
||||
label: "Clinical Standards",
|
||||
href: "#trust",
|
||||
},
|
||||
label: "Clinical Standards", href: "#trust"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Patient Portal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Patient Portal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -368,4 +189,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user