|
|
|
@@ -11,8 +11,26 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
import { Award, Shield } from 'lucide-react';
|
|
|
|
import { Award, Shield } from 'lucide-react';
|
|
|
|
|
|
|
|
import { useEffect, useState, useRef } from 'react';
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
|
|
|
const [isScrolled, setIsScrolled] = useState(false);
|
|
|
|
|
|
|
|
const heroHeightRef = useRef(0);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
|
|
|
const heroElement = document.getElementById('hero');
|
|
|
|
|
|
|
|
if (heroElement) {
|
|
|
|
|
|
|
|
heroHeightRef.current = heroElement.offsetHeight;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleScroll = () => {
|
|
|
|
|
|
|
|
setIsScrolled(window.scrollY > heroHeightRef.current);
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
window.addEventListener('scroll', handleScroll);
|
|
|
|
|
|
|
|
return () => window.removeEventListener('scroll', handleScroll);
|
|
|
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
@@ -26,7 +44,7 @@ export default function LandingPage() {
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav" className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${isScrolled ? 'bg-background/30 backdrop-blur-md' : 'bg-transparent'}`}>
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
brandName="Dental Care Davao"
|
|
|
|
brandName="Dental Care Davao"
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
@@ -80,19 +98,39 @@ export default function LandingPage() {
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
id: 1,
|
|
|
|
title: "Teeth Cleaning", description: "Professional cleaning to remove tartar and plaque buildup, preventing cavities and gum disease. Regular cleanings keep your smile bright and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=1"},
|
|
|
|
title: "Teeth Cleaning", description: "Professional cleaning to remove tartar and plaque buildup, preventing cavities and gum disease. Regular cleanings keep your smile bright and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=1", buttons: [
|
|
|
|
|
|
|
|
{ text: "Learn More", href: "#services" },
|
|
|
|
|
|
|
|
{ text: "Schedule for This Service", href: "#contact" }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
title: "Tooth Extraction", description: "Gentle extraction services for damaged, decayed, or problematic teeth. We prioritize your comfort with advanced pain management techniques.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=2"},
|
|
|
|
title: "Tooth Extraction", description: "Gentle extraction services for damaged, decayed, or problematic teeth. We prioritize your comfort with advanced pain management techniques.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=2", buttons: [
|
|
|
|
|
|
|
|
{ text: "Learn More", href: "#services" },
|
|
|
|
|
|
|
|
{ text: "Schedule for This Service", href: "#contact" }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
id: 3,
|
|
|
|
title: "Orthodontics (Braces)", description: "Modern braces and orthodontic treatments to straighten your teeth and improve your bite. Achieve the smile you've always wanted.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=3"},
|
|
|
|
title: "Orthodontics (Braces)", description: "Modern braces and orthodontic treatments to straighten your teeth and improve your bite. Achieve the smile you've always wanted.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=3", buttons: [
|
|
|
|
|
|
|
|
{ text: "Learn More", href: "#services" },
|
|
|
|
|
|
|
|
{ text: "Schedule for This Service", href: "#contact" }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 4,
|
|
|
|
id: 4,
|
|
|
|
title: "Cosmetic Dentistry", description: "Enhance your smile with teeth whitening, veneers, and bonding treatments. Discover the confidence that comes with a beautiful smile.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=4"},
|
|
|
|
title: "Cosmetic Dentistry", description: "Enhance your smile with teeth whitening, veneers, and bonding treatments. Discover the confidence that comes with a beautiful smile.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=4", buttons: [
|
|
|
|
|
|
|
|
{ text: "Learn More", href: "#services" },
|
|
|
|
|
|
|
|
{ text: "Schedule for This Service", href: "#contact" }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 5,
|
|
|
|
id: 5,
|
|
|
|
title: "Root Canal Treatment", description: "Advanced endodontic care to save infected or damaged teeth. Our gentle approach minimizes discomfort and preserves your natural tooth.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=5"},
|
|
|
|
title: "Root Canal Treatment", description: "Advanced endodontic care to save infected or damaged teeth. Our gentle approach minimizes discomfort and preserves your natural tooth.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-receiving-dental-treatment-from-female-dentist-clinic_662251-2555.jpg?_wi=5", buttons: [
|
|
|
|
|
|
|
|
{ text: "Learn More", href: "#services" },
|
|
|
|
|
|
|
|
{ text: "Schedule for This Service", href: "#contact" }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
@@ -108,15 +146,18 @@ export default function LandingPage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "dentists", groupTitle: "Lead Dentist", members: [
|
|
|
|
id: "dentists", groupTitle: "Lead Dentist", members: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", title: "Dr. Maria Santos", subtitle: "Certified Prosthodontist", detail: "DDS, Advanced Pain Management Certification, 15+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/closeup-patient-man-looking-into-camera-waiting-doctors-start-stomatology-surgery-sitting-dental-chair_482257-4877.jpg?_wi=2"},
|
|
|
|
id: "1", title: "Dr. Maria Santos", subtitle: "Certified Prosthodontist", detail: "DDS, Advanced Pain Management Certification, 15+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/closeup-patient-man-looking-into-camera-waiting-doctors-start-stomatology-surgery-sitting-dental-chair_482257-4877.jpg?_wi=2"
|
|
|
|
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "support", groupTitle: "Clinical Support", members: [
|
|
|
|
id: "support", groupTitle: "Clinical Support", members: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", title: "Karen Reyes", subtitle: "Dental Hygienist", detail: "Specialized in preventive care and patient education"},
|
|
|
|
id: "2", title: "Karen Reyes", subtitle: "Dental Hygienist", detail: "Specialized in preventive care and patient education"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", title: "Ricky Gonzales", subtitle: "Dental Assistant", detail: "Certified dental assistant ensuring smooth patient experience"},
|
|
|
|
id: "3", title: "Ricky Gonzales", subtitle: "Dental Assistant", detail: "Certified dental assistant ensuring smooth patient experience"
|
|
|
|
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -133,19 +174,24 @@ export default function LandingPage() {
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Maria Cruz", role: "Business Owner", company: "Marketing Professional", rating: 5,
|
|
|
|
id: "1", name: "Maria Cruz", role: "Business Owner", company: "Marketing Professional", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Roberto Santos", role: "IT Manager", company: "Tech Company Employee", rating: 5,
|
|
|
|
id: "2", name: "Roberto Santos", role: "IT Manager", company: "Tech Company Employee", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Angela Lopez", role: "Teacher", company: "Education Professional", rating: 5,
|
|
|
|
id: "3", name: "Angela Lopez", role: "Teacher", company: "Education Professional", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Diana Flores", role: "Nurse", company: "Healthcare Professional", rating: 5,
|
|
|
|
id: "4", name: "Diana Flores", role: "Nurse", company: "Healthcare Professional", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=2"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=2"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "5", name: "Carlos Mendoza", role: "Engineer", company: "Construction Company", rating: 5,
|
|
|
|
id: "5", name: "Carlos Mendoza", role: "Engineer", company: "Construction Company", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-working-social-integration-workspace_23-2149341144.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-working-social-integration-workspace_23-2149341144.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
animationType="scale-rotate"
|
|
|
|
animationType="scale-rotate"
|
|
|
|
@@ -181,17 +227,23 @@ export default function LandingPage() {
|
|
|
|
textPosition="left"
|
|
|
|
textPosition="left"
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", title: "How do I schedule an appointment?", content: "You can schedule an appointment through our online form above, call us at 0917-123-4567, or visit our clinic directly at our Davao City location. We typically accommodate appointments within 2-3 days."},
|
|
|
|
id: "1", title: "How do I schedule an appointment?", content: "You can schedule an appointment through our online form above, call us at 0917-123-4567, or visit our clinic directly at our Davao City location. We typically accommodate appointments within 2-3 days."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", title: "What are your operating hours?", content: "We're open Monday to Friday, 9:00 AM - 6:00 PM, and Saturday, 9:00 AM - 3:00 PM. We're closed on Sundays and public holidays. Emergency cases are welcome after hours by appointment."},
|
|
|
|
id: "2", title: "What are your operating hours?", content: "We're open Monday to Friday, 9:00 AM - 6:00 PM, and Saturday, 9:00 AM - 3:00 PM. We're closed on Sundays and public holidays. Emergency cases are welcome after hours by appointment."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", title: "Do you offer painless treatments?", content: "Yes! We specialize in painless dental procedures using advanced pain management techniques and modern anesthesia. Your comfort is our top priority."},
|
|
|
|
id: "3", title: "Do you offer painless treatments?", content: "Yes! We specialize in painless dental procedures using advanced pain management techniques and modern anesthesia. Your comfort is our top priority."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", title: "What are your pricing rates?", content: "Our pricing varies by service. Basic cleanings start at ₱1,500, extractions at ₱2,500, and cosmetic procedures vary. We offer flexible payment plans and accept most health insurance. Call for detailed pricing."},
|
|
|
|
id: "4", title: "What are your pricing rates?", content: "Our pricing varies by service. Basic cleanings start at ₱1,500, extractions at ₱2,500, and cosmetic procedures vary. We offer flexible payment plans and accept most health insurance. Call for detailed pricing."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "5", title: "Is the first consultation free?", content: "We offer a complimentary initial consultation to assess your dental health and discuss treatment options. This helps us understand your needs and provide an accurate treatment plan."},
|
|
|
|
id: "5", title: "Is the first consultation free?", content: "We offer a complimentary initial consultation to assess your dental health and discuss treatment options. This helps us understand your needs and provide an accurate treatment plan."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "6", title: "What if I'm nervous about dental procedures?", content: "We understand dental anxiety is common. Our compassionate team uses calming techniques, modern pain management, and takes time to explain each procedure. Let us know your concerns when booking."},
|
|
|
|
id: "6", title: "What if I'm nervous about dental procedures?", content: "We understand dental anxiety is common. Our compassionate team uses calming techniques, modern pain management, and takes time to explain each procedure. Let us know your concerns when booking."
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
|
