158 lines
8.2 KiB
TypeScript
158 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import { Mail, CheckCircle2 } from "lucide-react";
|
|
|
|
const page = () => {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "#why-choose-us" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Pricing", id: "#pricing" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
]}
|
|
brandName="EXPERT DENTAL CARE"
|
|
bottomLeftText="Global Community"
|
|
bottomRightText="hello@example.com"
|
|
/>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="EXPERT DENTAL CARE"
|
|
description="Professional Dental Services for Your Smile"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#why-choose-us" },
|
|
{ text: "Contact Us", href: "#contact" },
|
|
]}
|
|
imageSrc="/placeholders/placeholder5.jpg"
|
|
imageAlt="Dental care background"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<MediaAbout
|
|
title="Why Choose EXPERT DENTAL CARE"
|
|
description="We are committed to providing the highest quality dental care with a focus on patient comfort and satisfaction. Our team of experienced professionals uses the latest technology to ensure the best outcomes."
|
|
tag="About Us"
|
|
imageSrc="/placeholders/placeholder5.jpg"
|
|
imageAlt="Our dental clinic"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#services" },
|
|
{ text: "Schedule Appointment", href: "#contact" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
features={[
|
|
{
|
|
id: "1", title: "Teeth Cleaning", description: "Professional teeth cleaning to remove plaque and tartar, keeping your teeth healthy and bright.", imageSrc: "/placeholders/placeholder5.jpg", imageAlt: "Teeth cleaning service"},
|
|
{
|
|
id: "2", title: "Dental Implants", description: "Advanced dental implant solutions to replace missing teeth with natural-looking results.", imageSrc: "/placeholders/placeholder5.jpg", imageAlt: "Dental implants service"},
|
|
{
|
|
id: "3", title: "Teeth Whitening", description: "Safe and effective teeth whitening treatments to achieve a brighter, more confident smile.", imageSrc: "/placeholders/placeholder5.jpg", imageAlt: "Teeth whitening service"},
|
|
{
|
|
id: "4", title: "Root Canal Treatment", description: "Expert root canal treatment to save your tooth and relieve pain from infection.", imageSrc: "/placeholders/placeholder5.jpg", imageAlt: "Root canal treatment"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
title="Our Services"
|
|
description="We offer a comprehensive range of dental services to meet all your oral health needs."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Basic Plan", price: "$99", period: "/month", description: "Essential dental care for maintaining your oral health.", button: { text: "Get Started", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Regular checkups", "Professional cleaning", "Oral health consultation"],
|
|
},
|
|
{
|
|
id: "professional", tag: "Professional Plan", price: "$199", period: "/month", description: "Comprehensive dental care with advanced treatments.", button: { text: "Get Started", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"All Basic Plan features", "X-rays and diagnostics", "Cosmetic treatments", "Priority scheduling"],
|
|
},
|
|
{
|
|
id: "premium", tag: "Premium Plan", price: "$399", period: "/month", description: "Premium dental care with specialized treatments and priority support.", button: { text: "Get Started", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"All Professional Plan features", "Dental implants coverage", "Emergency 24/7 support", "Dedicated dentist"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our Pricing"
|
|
description="Choose the plan that works best for you and your family."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How often should I visit the dentist?", content:
|
|
"Most people should visit their dentist twice a year for regular checkups and cleanings. However, some may need more frequent visits depending on their oral health condition."},
|
|
{
|
|
id: "2", title: "Are dental implants safe?", content:
|
|
"Yes, dental implants are a safe and effective solution for replacing missing teeth. They are made from biocompatible materials and have a high success rate when properly placed and maintained."},
|
|
{
|
|
id: "3", title: "How long does teeth whitening last?", content:
|
|
"Professional teeth whitening results typically last between 6 months to 2 years, depending on your lifestyle and maintenance habits. Regular touch-ups can help maintain the results."},
|
|
{
|
|
id: "4", title: "What should I do if I have a dental emergency?", content:
|
|
"If you have a dental emergency, please contact our office immediately. We offer emergency appointments and can provide guidance on initial care until you can see us."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our dental services and treatments."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
title="Ready to Improve Your Smile?"
|
|
description="Contact us today to schedule your appointment and experience the highest quality dental care."
|
|
buttons={[
|
|
{ text: "Schedule Appointment", href: "tel:+1234567890" },
|
|
{ text: "Send Message", href: "mailto:hello@example.com" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
};
|
|
|
|
export default page; |