Merge version_2 into main #1
317
src/app/page.tsx
317
src/app/page.tsx
@@ -34,30 +34,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Popovic Dentist"
|
||||
/>
|
||||
</div>
|
||||
@@ -65,68 +53,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="World-Class Dental Care. Artistry. Precision. Confidence."
|
||||
description="Popovic Dentist — Advanced oral surgery, implants & smile restoration. Trusted by patients across Europe."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg",
|
||||
alt: "Patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg", alt: "Patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg",
|
||||
alt: "Patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg", alt: "Patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-female-doctor-patient_23-2149844603.jpg",
|
||||
alt: "Patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-female-doctor-patient_23-2149844603.jpg", alt: "Patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
alt: "Patient",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Patient"},
|
||||
]}
|
||||
avatarText="4.9★ average · International patients welcome"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Consultation", href: "#contact"},
|
||||
{
|
||||
text: "See Patient Stories",
|
||||
href: "#testimonials",
|
||||
},
|
||||
text: "See Patient Stories", href: "#testimonials"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "FDA Approved",
|
||||
icon: Check,
|
||||
type: "text-icon", text: "FDA Approved", icon: Check,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ISO Certified",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "ISO Certified", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Sterile",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "100% Sterile", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Digital Planning",
|
||||
icon: Monitor,
|
||||
type: "text-icon", text: "Digital Planning", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Surgeons",
|
||||
icon: UserCheck,
|
||||
type: "text-icon", text: "Expert Surgeons", icon: UserCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,25 +103,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Expert",
|
||||
title: "Surgical Team",
|
||||
description: "Mastery in implants & wisdom teeth",
|
||||
icon: Shield,
|
||||
id: "m1", value: "Expert", title: "Surgical Team", description: "Mastery in implants & wisdom teeth", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Modern",
|
||||
title: "Equipment",
|
||||
description: "State-of-the-art clinical technology",
|
||||
icon: Zap,
|
||||
id: "m2", value: "Modern", title: "Equipment", description: "State-of-the-art clinical technology", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Global",
|
||||
title: "Patients",
|
||||
description: "Trusted by patients from 30+ countries",
|
||||
icon: Globe,
|
||||
id: "m3", value: "Global", title: "Patients", description: "Trusted by patients from 30+ countries", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Our Commitment"
|
||||
@@ -171,14 +122,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "When others say no, we find solutions.",
|
||||
},
|
||||
type: "text", content: "When others say no, we find solutions."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg",
|
||||
alt: "Clinical Artistry",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg", alt: "Clinical Artistry"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -190,33 +136,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Oral Surgery",
|
||||
description: "Expert wisdom tooth removal with gentle care.",
|
||||
tag: "Surgery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473209.jpg",
|
||||
},
|
||||
id: "f1", title: "Oral Surgery", description: "Expert wisdom tooth removal with gentle care.", tag: "Surgery", imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473209.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Dental Implants",
|
||||
description: "Restoring your smile with precision and function.",
|
||||
tag: "Restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-measures-logos-with-copy-space_23-2148608802.jpg",
|
||||
},
|
||||
id: "f2", title: "Dental Implants", description: "Restoring your smile with precision and function.", tag: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-measures-logos-with-copy-space_23-2148608802.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cosmetic Dentistry",
|
||||
description: "Smile makeovers designed with artistry.",
|
||||
tag: "Cosmetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-dentist-drawing-illustration_23-2151150646.jpg",
|
||||
},
|
||||
id: "f3", title: "Cosmetic Dentistry", description: "Smile makeovers designed with artistry.", tag: "Cosmetic", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-dentist-drawing-illustration_23-2151150646.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "General & Periodontal",
|
||||
description: "Ongoing care for healthy teeth and gums.",
|
||||
tag: "Hygiene",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-wash-hands-solid-glyph-icon-presentation-vector-icons-illustration_1142-17561.jpg",
|
||||
},
|
||||
id: "f4", title: "General & Periodontal", description: "Ongoing care for healthy teeth and gums.", tag: "Hygiene", imageSrc: "http://img.b2bpic.net/free-vector/20-wash-hands-solid-glyph-icon-presentation-vector-icons-illustration_1142-17561.jpg"},
|
||||
]}
|
||||
title="Advanced Dental Services"
|
||||
description="Comprehensive care tailored to your unique smile goals."
|
||||
@@ -231,59 +157,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Procedure",
|
||||
name: "Implant + Gum Lift",
|
||||
price: "1hr",
|
||||
rating: 5,
|
||||
reviewCount: "Spain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brave-small-child-gets-dental-treatment-by-expirienced-doctor-dental-clinic_613910-21734.jpg",
|
||||
},
|
||||
id: "p1", brand: "Procedure", name: "Implant + Gum Lift", price: "1hr", rating: 5,
|
||||
reviewCount: "Spain", imageSrc: "http://img.b2bpic.net/free-photo/brave-small-child-gets-dental-treatment-by-expirienced-doctor-dental-clinic_613910-21734.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Procedure",
|
||||
name: "Smile Makeover",
|
||||
price: "2wks",
|
||||
rating: 5,
|
||||
reviewCount: "France",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-ruffle-top_23-2148364921.jpg",
|
||||
},
|
||||
id: "p2", brand: "Procedure", name: "Smile Makeover", price: "2wks", rating: 5,
|
||||
reviewCount: "France", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-ruffle-top_23-2148364921.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Procedure",
|
||||
name: "Crown Restoration",
|
||||
price: "1wk",
|
||||
rating: 5,
|
||||
reviewCount: "Germany",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-teeth-with-mouth-mirror_107420-74140.jpg",
|
||||
},
|
||||
id: "p3", brand: "Procedure", name: "Crown Restoration", price: "1wk", rating: 5,
|
||||
reviewCount: "Germany", imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-teeth-with-mouth-mirror_107420-74140.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Procedure",
|
||||
name: "Wisdom Teeth Surgery",
|
||||
price: "30m",
|
||||
rating: 5,
|
||||
reviewCount: "Italy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-through-paper-hole_23-2148136059.jpg",
|
||||
},
|
||||
id: "p4", brand: "Procedure", name: "Wisdom Teeth Surgery", price: "30m", rating: 5,
|
||||
reviewCount: "Italy", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-through-paper-hole_23-2148136059.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Procedure",
|
||||
name: "Dental Bridge",
|
||||
price: "2wks",
|
||||
rating: 5,
|
||||
reviewCount: "Serbia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-telling-online-audience-about-beauty-tips_259150-60040.jpg",
|
||||
},
|
||||
id: "p5", brand: "Procedure", name: "Dental Bridge", price: "2wks", rating: 5,
|
||||
reviewCount: "Serbia", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-telling-online-audience-about-beauty-tips_259150-60040.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Procedure",
|
||||
name: "Aesthetic Veneers",
|
||||
price: "1wk",
|
||||
rating: 5,
|
||||
reviewCount: "UK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005396.jpg",
|
||||
},
|
||||
id: "p6", brand: "Procedure", name: "Aesthetic Veneers", price: "1wk", rating: 5,
|
||||
reviewCount: "UK", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005396.jpg"},
|
||||
]}
|
||||
title="Results You Can Trust"
|
||||
description="See the transformation that precision and artistry deliver."
|
||||
@@ -297,29 +187,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Artem Matveev",
|
||||
role: "Lead Surgeon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
id: "t1", name: "Dr. Artem Matveev", role: "Lead Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Vukašin Popović",
|
||||
role: "Implant Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. Vukašin Popović", role: "Implant Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Dejana",
|
||||
role: "Restorative Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-man-working-healthcare-system-having-care-job_23-2151237562.jpg",
|
||||
},
|
||||
id: "t3", name: "Dr. Dejana", role: "Restorative Expert", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-man-working-healthcare-system-having-care-job_23-2151237562.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ljilja",
|
||||
role: "Clinical Hygienist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-6572.jpg",
|
||||
},
|
||||
id: "t4", name: "Ljilja", role: "Clinical Hygienist", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-6572.jpg"},
|
||||
]}
|
||||
title="Meet Our Specialists"
|
||||
description="Maximum dedication, patient-first care."
|
||||
@@ -332,45 +206,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Extraordinary Craftsmanship",
|
||||
quote: "I travel 16,000km for the best dental healthcare on the planet.",
|
||||
name: "Anthony F.",
|
||||
role: "International Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg",
|
||||
},
|
||||
id: "1", title: "Extraordinary Craftsmanship", quote: "I travel 16,000km for the best dental healthcare on the planet.", name: "Anthony F.", role: "International Patient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Solution",
|
||||
quote: "When no one has a solution, Dr Popović has it.",
|
||||
name: "Sladjana B.",
|
||||
role: "Local Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
|
||||
},
|
||||
id: "2", title: "Expert Solution", quote: "When no one has a solution, Dr Popović has it.", name: "Sladjana B.", role: "Local Patient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wonderful Experience",
|
||||
quote: "Surrender to an artist who loves his calling.",
|
||||
name: "Milena P.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-medical-reports_107420-73971.jpg",
|
||||
},
|
||||
id: "3", title: "Wonderful Experience", quote: "Surrender to an artist who loves his calling.", name: "Milena P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-medical-reports_107420-73971.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional Dedication",
|
||||
quote: "Maximum dedication to each patient.",
|
||||
name: "Dejan J.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg",
|
||||
},
|
||||
id: "4", title: "Professional Dedication", quote: "Maximum dedication to each patient.", name: "Dejan J.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Expert Surgeon",
|
||||
quote: "Now I only go to Artem Matveyev for surgery.",
|
||||
name: "Olga B.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-stethoscope_268835-944.jpg",
|
||||
},
|
||||
id: "5", title: "Expert Surgeon", quote: "Now I only go to Artem Matveyev for surgery.", name: "Olga B.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-stethoscope_268835-944.jpg"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Trusted by patients across the world."
|
||||
@@ -383,20 +227,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept international patients?",
|
||||
content: "Yes, we specialize in international patient care.",
|
||||
},
|
||||
id: "q1", title: "Do you accept international patients?", content: "Yes, we specialize in international patient care."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What about recovery time?",
|
||||
content: "We provide detailed post-op care guides to ensure comfort.",
|
||||
},
|
||||
id: "q2", title: "What about recovery time?", content: "We provide detailed post-op care guides to ensure comfort."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your treatments pain-free?",
|
||||
content: "We prioritize gentle care and modern anesthesia.",
|
||||
},
|
||||
id: "q3", title: "Are your treatments pain-free?", content: "We prioritize gentle care and modern anesthesia."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -410,14 +245,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to transform your smile? Book your consultation today and take the first step towards world-class care."
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to transform your smile? Call us at 021451637 or email vukasinpopovic@gmail.com to book your consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book a Consultation", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -427,46 +259,29 @@ export default function LandingPage() {
|
||||
logoText="Popovic Dentist"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
title: "Clinic", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -475,4 +290,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user