Compare commits
10 Commits
version_18
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| baf21463ab | |||
| ad142ded4a | |||
| c96baad45a | |||
| fd2444fe0e | |||
| 9a804caf49 | |||
| 9a92f15ab1 | |||
| 3a4bb1e6cc | |||
| a92ab596fd | |||
| 805791ee56 | |||
| cf46b2a4be |
282
src/app/page.tsx
282
src/app/page.tsx
@@ -1,255 +1,155 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, CheckCircle, Quote, Twitter, Linkedin } from "lucide-react";
|
||||
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";
|
||||
|
||||
export default function Home() {
|
||||
const page = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Book Now", href: "contact" }}
|
||||
brandName="Expert Dental"
|
||||
/>
|
||||
</div>
|
||||
<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">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="Professional Care"
|
||||
tagIcon={Sparkles}
|
||||
title="Transform Your Smile"
|
||||
description="Comprehensive dental care solutions with expert professionals and state-of-the-art technology"
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=1", imageAlt: "Dental treatment 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=2", imageAlt: "Dental treatment 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=3", imageAlt: "Dental treatment 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=4", imageAlt: "Dental treatment 4"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=5", imageAlt: "Dental service 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=6", imageAlt: "Dental service 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=7", imageAlt: "Dental service 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=8", imageAlt: "Dental service 4"},
|
||||
<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?_wi=1"
|
||||
imageAlt="Dental care background"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Time-consuming manual processes", "Limited access to specialists", "Higher costs", "Poor communication"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Streamlined digital workflows", "Access to expert dentists", "Transparent pricing", "Clear treatment plans"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
title="Why Choose Our Dental Services"
|
||||
description="Experience the difference with modern dental care solutions"
|
||||
textboxLayout="default"
|
||||
<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?_wi=2"
|
||||
imageAlt="Our dental clinic"
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#services" },
|
||||
{ text: "Schedule Appointment", href: "#contact" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="About Us"
|
||||
title="Dedicated to Your Oral Health and Beautiful Smile"
|
||||
<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?_wi=3", 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?_wi=4", 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?_wi=5", 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?_wi=6", 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">
|
||||
<PricingCardEight
|
||||
<PricingCardFive
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Starter", price: "$99", subtitle: "Essential dental care", buttons: [{ text: "Get Started", href: "contact" }],
|
||||
features: [
|
||||
"Regular check-ups", "Teeth cleaning", "Basic X-rays", "Emergency care"],
|
||||
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: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$199", subtitle: "Comprehensive care", buttons: [{ text: "Get Started", href: "contact" }],
|
||||
features: [
|
||||
"Everything in Starter", "Teeth whitening", "Cavity fillings", "Root canal treatment", "Priority scheduling"],
|
||||
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: "3", badge: "Premium", price: "$299", subtitle: "Complete smile makeover", buttons: [{ text: "Get Started", href: "contact" }],
|
||||
features: [
|
||||
"Everything in Comprehensive", "Cosmetic dentistry", "Dental implants", "Braces & aligners", "24/7 support"],
|
||||
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 Plans"
|
||||
description="Choose the perfect plan for your dental needs"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarah.j", testimonial:
|
||||
"Amazing experience! The team is professional and caring. My teeth have never looked better.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=9", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@m.chen", testimonial:
|
||||
"Best dental care I've received. The staff made me feel comfortable and the results speak for themselves.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=10", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emily.r", testimonial:
|
||||
"Professional, friendly, and affordable. Highly recommend to anyone looking for quality dental care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=11", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4", name: "David Thompson", handle: "@d.thompson", testimonial:
|
||||
"The implant procedure was seamless. I'm thrilled with my new smile!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=12", imageAlt: "David Thompson"},
|
||||
{
|
||||
id: "5", name: "Jessica Lee", handle: "@jessica.lee", testimonial:
|
||||
"After years of dental anxiety, this practice made me feel safe and cared for.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=13", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "6", name: "Robert Wilson", handle: "@r.wilson", testimonial:
|
||||
"The cosmetic dentistry work exceeded my expectations. Worth every penny!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=14", imageAlt: "Robert Wilson"},
|
||||
{
|
||||
id: "7", name: "Amanda Martinez", handle: "@amanda.m", testimonial:
|
||||
"Whitening treatment gave me the bright smile I've always wanted.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=15", imageAlt: "Amanda Martinez"},
|
||||
{
|
||||
id: "8", name: "Christopher Blake", handle: "@c.blake", testimonial:
|
||||
"Professional staff and state-of-the-art equipment. Highly satisfied!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=16", imageAlt: "Christopher Blake"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="What Our Patients Say"
|
||||
description="Real experiences from our satisfied patients"
|
||||
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">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are your office hours?", content:
|
||||
"We are open Monday through Friday from 8:00 AM to 6:00 PM, and Saturday from 9:00 AM to 2:00 PM. We are closed on Sundays and major holidays."},
|
||||
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: "Do you accept insurance?", content:
|
||||
"Yes, we accept most major dental insurance plans. Please contact us to verify your specific coverage."},
|
||||
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: "What is your cancellation policy?", content:
|
||||
"We require at least 24 hours notice for cancellations. Cancellations made less than 24 hours before your appointment may incur a fee."},
|
||||
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: "Are emergency appointments available?", content:
|
||||
"Yes, we offer emergency dental care. Please call our office immediately for urgent dental issues."},
|
||||
{
|
||||
id: "5", title: "How often should I visit the dentist?", content:
|
||||
"Most people should visit the dentist every 6 months for regular check-ups and cleanings. Some patients with specific conditions may need more frequent visits."},
|
||||
{
|
||||
id: "6", title: "Do you offer payment plans?", content:
|
||||
"Yes, we offer flexible payment plans to make dental care more affordable. Ask our staff about available options."},
|
||||
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 services"
|
||||
faqsAnimation="slide-up"
|
||||
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">
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: false,
|
||||
},
|
||||
<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" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=17"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Teeth Cleaning", href: "#services" },
|
||||
{ label: "Dental Implants", href: "#services" },
|
||||
{ label: "Teeth Whitening", href: "#services" },
|
||||
{ label: "Root Canal", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Expert Dental Care. All rights reserved."
|
||||
bottomRightText="Made with care for your smile"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default page;
|
||||
Reference in New Issue
Block a user