Merge version_1 into main #2
330
src/app/page.tsx
330
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dental Art Denticus"
|
||||
/>
|
||||
@@ -58,68 +43,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Advanced Dental Care in a Comfortable Setting"
|
||||
description="At Dental Art Denticus, we combine artistry with precision to restore your smile and confidence. Experience state-of-the-art dental services tailored to your unique needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg"
|
||||
imageAlt="A friendly dentist interacting with a patient"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg",
|
||||
alt: "Dentist with tablet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg",
|
||||
alt: "Team consulting",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-dentist-showing-digital-tablet-male-patient-treatment-dental-clinic_662251-2573.jpg",
|
||||
alt: "Digital tablet consultation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1654.jpg",
|
||||
alt: "Woman in chair",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg",
|
||||
alt: "Smiling doctor",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg", alt: "Dentist with tablet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-nurse-explaining-x-ray-scan-patient-with-toothache-stomatology-cabinet-team-specialists-doing-oral-care-consultation-treat-man-pain-with-denture-problem_482257-40449.jpg", alt: "Team consulting" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-dentist-showing-digital-tablet-male-patient-treatment-dental-clinic_662251-2573.jpg", alt: "Digital tablet consultation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1654.jpg", alt: "Woman in chair" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg", alt: "Smiling doctor" },
|
||||
]}
|
||||
avatarText="Join 15,000+ satisfied patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Preventive Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cosmetic Dentistry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Restorative Procedures",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Orthodontics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Relief",
|
||||
},
|
||||
{ type: "text", text: "Preventive Care" },
|
||||
{ type: "text", text: "Cosmetic Dentistry" },
|
||||
{ type: "text", text: "Restorative Procedures" },
|
||||
{ type: "text", text: "Orthodontics" },
|
||||
{ type: "text", text: "Emergency Relief" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Smile is Our Masterpiece"
|
||||
description={[
|
||||
"Founded on the principles of patient-first care and advanced technology, Dental Art Denticus provides comprehensive oral health solutions for your entire family.",
|
||||
"Our dedicated team of professionals strives to make every visit efficient, painless, and rewarding, ensuring your long-term dental health.",
|
||||
]}
|
||||
"Founded on the principles of patient-first care and advanced technology, Dental Art Denticus provides comprehensive oral health solutions for your entire family.", "Our dedicated team of professionals strives to make every visit efficient, painless, and rewarding, ensuring your long-term dental health."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,40 +87,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Preventive Care",
|
||||
description: "Regular checkups and cleanings to prevent issues before they arise.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985824.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg?_wi=2",
|
||||
imageAlt: "preventive dental checkup dental tools",
|
||||
title: "Preventive Care", description: "Regular checkups and cleanings to prevent issues before they arise.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985824.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Cosmetic Dentistry",
|
||||
description: "Professional teeth whitening and veneers to enhance your natural beauty.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-set-model-teeth-patient_107420-73948.jpg",
|
||||
imageAlt: "preventive dental checkup dental tools",
|
||||
title: "Cosmetic Dentistry", description: "Professional teeth whitening and veneers to enhance your natural beauty.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-patient-receiving-dental-treatment_107420-65463.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Restorative Procedures",
|
||||
description: "Durable implants, crowns, and bridges to restore functionality and confidence.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4427.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-sink-dental-chair_140725-7698.jpg?_wi=1",
|
||||
imageAlt: "preventive dental checkup dental tools",
|
||||
title: "Restorative Procedures", description: "Durable implants, crowns, and bridges to restore functionality and confidence.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4427.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -191,60 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Care",
|
||||
name: "Essential Checkup",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4427.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Cosmetic",
|
||||
name: "Pro Whitening",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-sink-dental-chair_140725-7698.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Restorative",
|
||||
name: "Dental Implant",
|
||||
price: "$1,499",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-metal-medical-equipment-tools-dental-care_273609-13098.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Orthodontics",
|
||||
name: "Clear Aligners",
|
||||
price: "$3,500",
|
||||
rating: 4,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-wearing-braces_107420-65479.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Surgery",
|
||||
name: "Wisdom Teeth Removal",
|
||||
price: "$500",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment_1232-4449.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Emergency",
|
||||
name: "Same-Day Relief",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Care", name: "Essential Checkup", price: "$99", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4427.jpg" },
|
||||
{ id: "p2", brand: "Cosmetic", name: "Pro Whitening", price: "$299", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/faucet-sink-dental-chair_140725-7698.jpg" },
|
||||
{ id: "p3", brand: "Restorative", name: "Dental Implant", price: "$1,499", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/set-metal-medical-equipment-tools-dental-care_273609-13098.jpg" },
|
||||
{ id: "p4", brand: "Orthodontics", name: "Clear Aligners", price: "$3,500", rating: 4, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-wearing-braces_107420-65479.jpg" },
|
||||
{ id: "p5", brand: "Surgery", name: "Wisdom Teeth Removal", price: "$500", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment_1232-4449.jpg" },
|
||||
{ id: "p6", brand: "Emergency", name: "Same-Day Relief", price: "$150", rating: 5, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg" },
|
||||
]}
|
||||
title="Featured Dental Packages"
|
||||
description="Transparent pricing for our most popular wellness and cosmetic procedures."
|
||||
@@ -257,21 +130,9 @@ export default function LandingPage() {
|
||||
title="Proven Excellence"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
description: "Smiles Transformed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Patient Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "15,000+", description: "Smiles Transformed" },
|
||||
{ id: "m2", value: "20+", description: "Years of Expertise" },
|
||||
{ id: "m3", value: "99%", description: "Patient Satisfaction" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -283,21 +144,9 @@ export default function LandingPage() {
|
||||
title="Meet Your Dental Experts"
|
||||
tag="Our Professionals"
|
||||
members={[
|
||||
{
|
||||
id: "mem1",
|
||||
name: "Dr. Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-wall_1157-43765.jpg",
|
||||
},
|
||||
{
|
||||
id: "mem2",
|
||||
name: "Dr. James Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-young-male-dentist-uniform-with-crossed-hands-dental-office_158595-7651.jpg",
|
||||
},
|
||||
{
|
||||
id: "mem3",
|
||||
name: "Dr. Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg",
|
||||
},
|
||||
{ id: "mem1", name: "Dr. Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-wall_1157-43765.jpg" },
|
||||
{ id: "mem2", name: "Dr. James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-young-male-dentist-uniform-with-crossed-hands-dental-office_158595-7651.jpg" },
|
||||
{ id: "mem3", name: "Dr. Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -310,41 +159,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and very gentle care. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "I finally found a dental team that understands my needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Jones",
|
||||
handle: "@markj",
|
||||
testimonial: "Professional, clean, and friendly. Great atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-moving-new-apartment-standing-front-heap-opened-carton-boxes-looking-camera_74855-10211.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Wang",
|
||||
handle: "@lisaw",
|
||||
testimonial: "My teeth have never looked better. Thank you, Denticus!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Brown",
|
||||
handle: "@tombrown",
|
||||
testimonial: "The only dentist I actually look forward to visiting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-pink-dress-happily-looking-boyfriend-romantic-date-cafe-outdoor_574295-1084.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and very gentle care. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "I finally found a dental team that understands my needs.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg" },
|
||||
{ id: "t3", name: "Mark Jones", handle: "@markj", testimonial: "Professional, clean, and friendly. Great atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-moving-new-apartment-standing-front-heap-opened-carton-boxes-looking-camera_74855-10211.jpg" },
|
||||
{ id: "t4", name: "Lisa Wang", handle: "@lisaw", testimonial: "My teeth have never looked better. Thank you, Denticus!", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg" },
|
||||
{ id: "t5", name: "Tom Brown", handle: "@tombrown", testimonial: "The only dentist I actually look forward to visiting.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-pink-dress-happily-looking-boyfriend-romantic-date-cafe-outdoor_574295-1084.jpg" },
|
||||
]}
|
||||
title="What Our Patients Say"
|
||||
description="Hear from those who have trusted us with their smile."
|
||||
@@ -357,25 +176,10 @@ export default function LandingPage() {
|
||||
title="Book Your Visit"
|
||||
description="Fill out the form below and our team will get back to you within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hospital_1339-6845.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -383,45 +187,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Preventive",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Cosmetic",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Clinic", items: [{ label: "About Us", href: "#about" }, { label: "Our Team", href: "#team" }] },
|
||||
{ title: "Services", items: [{ label: "Preventive", href: "#features" }, { label: "Cosmetic", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Dental Art Denticus"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user