Merge version_1 into main #3

Merged
bender merged 5 commits from version_1 into main 2026-03-11 04:24:14 +00:00
5 changed files with 263 additions and 574 deletions

View File

@@ -1,13 +1,14 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Heart, Star, Users, Award, Shield, Lightbulb, Handshake, Eye } from "lucide-react";
import Link from "next/link";
import { Heart, Phone, Star, Users, Award, Shield } from "lucide-react";
export default function AboutPage() {
return (
@@ -17,7 +18,7 @@ export default function AboutPage() {
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -33,119 +34,76 @@ export default function AboutPage() {
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Book Appointment",
href: "/contact",
}}
button={{ text: "Book Appointment", href: "/contact" }}
animateOnLoad={true}
/>
</div>
{/* About Hero Section */}
<div id="about-hero" data-section="about-hero">
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="About The Dental Care Clinic"
description="Led by Dr. Shahnawaz Ahmed, a renowned dentist with over 15 years of experience. Our clinic is dedicated to providing world-class dental care with a compassionate touch and commitment to patient satisfaction."
description="Dedicated to providing exceptional dental care with a patient-first approach. Dr. Shahnawaz Ahmed and his team are committed to creating beautiful, healthy smiles in a comfortable, modern environment."
tag="Our Story"
tagIcon={Heart}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
buttons={[
{
text: "Meet Dr. Ahmed",
href: "#team",
},
{
text: "Book Consultation",
href: "/contact",
},
{ text: "Call Now", href: "tel:+923352114347" },
{ text: "Book Appointment", href: "/contact" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-work-young-woman-dentist-treating-kid-tooth-dentistry-concept_169016-67116.jpg?_wi=2",
imageAlt: "Modern dental clinic interior with advanced equipment",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg", imageAlt: "dentist patient consultation friendly smile"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg?_wi=2",
imageAlt: "Dr. Shahnawaz Ahmed with patient",
},
imageSrc: "http://img.b2bpic.net/free-photo/dentist-work-young-woman-dentist-treating-kid-tooth-dentistry-concept_169016-67116.jpg", imageAlt: "modern dental clinic reception area clean"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2955.jpg?_wi=1",
imageAlt: "Professional dental treatment procedure",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18577.jpg", imageAlt: "professional teeth cleaning dental hygiene"},
]}
mediaAnimation="blur-reveal"
/>
</div>
{/* Our Mission & Values */}
<div id="mission" data-section="mission">
{/* About Metrics Section */}
<div id="about" data-section="about">
<AboutMetric
title="Our Commitment to Excellence: Exceptional Dental Care Built on Trust, Innovation, and Patient Wellness"
title="Why Choose The Dental Care Clinic? We deliver exceptional dental care with patient comfort as our priority."
metrics={[
{
icon: Eye,
label: "Our Vision",
value: "Excellence",
},
{
icon: Lightbulb,
label: "Our Philosophy",
value: "Innovation",
},
{
icon: Handshake,
label: "Our Promise",
value: "Trust",
},
{
icon: Heart,
label: "Our Priority",
value: "Care",
},
{ icon: Star, label: "Patient Satisfaction", value: "4.9★" },
{ icon: Users, label: "Satisfied Patients", value: "160+" },
{ icon: Award, label: "Years of Experience", value: "15+" },
{ icon: Shield, label: "Hygiene Standard", value: "100%" },
]}
metricsAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
{/* Why We're Different */}
<div id="difference" data-section="difference">
{/* Our Team Section */}
<div id="team" data-section="team">
<FeatureHoverPattern
title="What Makes Us Different"
description="Our unique approach combines advanced technology with genuine compassion for every patient. Here's what distinguishes The Dental Care Clinic."
title="Meet Our Expert Team"
description="Dedicated professionals committed to your oral health and smile transformation."
features={[
{
icon: Star,
title: "Award-Winning Expertise",
description: "Dr. Shahnawaz Ahmed's credentials and continuous professional development ensure you receive the highest standard of dental care.",
},
{
icon: Shield,
title: "100% Sterile Environment",
description: "We follow international hygiene standards with complete sterilization protocols, infection control measures, and modern biosafety procedures.",
},
icon: Heart,
title: "Dr. Shahnawaz Ahmed", description: "BDS, Principal Dentist with 15+ years of experience in general and cosmetic dentistry. Specializes in complex cases and patient comfort."},
{
icon: Heart,
title: "Patient-First Approach",
description: "Every decision is guided by what's best for your health. We listen, educate, and involve you in your treatment planning.",
},
title: "Professional Hygienists", description: "Certified dental hygienists dedicated to preventive care and patient education for optimal oral health."},
{
icon: Lightbulb,
title: "Cutting-Edge Technology",
description: "Our clinic is equipped with the latest dental technology including digital imaging, advanced anesthesia, and precision instruments.",
},
icon: Heart,
title: "Caring Support Staff", description: "Welcoming and compassionate team members ensuring your comfort from arrival to departure."},
{
icon: Users,
title: "Experienced Team",
description: "Beyond Dr. Ahmed, our trained staff members share a passion for dental excellence and patient comfort.",
},
icon: Heart,
title: "Continuous Learning", description: "Our team undergoes regular training in latest dental techniques and technologies."},
{
icon: Handshake,
title: "Community Trust",
description: "Over 160+ satisfied patients and a 4.9-star rating reflect our commitment to building lasting relationships with our community.",
},
icon: Heart,
title: "Patient-Focused", description: "Every team member is trained to prioritize your comfort, concerns, and long-term oral health."},
{
icon: Heart,
title: "Advanced Expertise", description: "Qualified to handle routine to complex dental procedures with precision and care."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -153,93 +111,86 @@ export default function AboutPage() {
/>
</div>
{/* Our Values Section */}
<div id="values" data-section="values">
<FeatureHoverPattern
title="Our Core Values"
description="These principles guide everything we do at The Dental Care Clinic."
features={[
{
icon: Heart,
title: "Patient Comfort", description: "Your comfort and well-being are at the center of everything we do."},
{
icon: Shield,
title: "Excellence", description: "We strive for excellence in every procedure, every interaction, and every visit."},
{
icon: Star,
title: "Integrity", description: "Transparent communication, honest advice, and ethical practices in all matters."},
{
icon: Users,
title: "Compassion", description: "We treat every patient with genuine care and empathy for their concerns."},
{
icon: Heart,
title: "Innovation", description: "Investing in latest technology and techniques for better patient outcomes."},
{
icon: Award,
title: "Community Care", description: "Dedicated to improving oral health standards in our local Islamabad community."},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* CTA Section */}
<div id="cta" data-section="cta">
<ContactCenter
tag="Get Started"
tagIcon={Phone}
title="Ready to Experience Exceptional Dental Care?"
description="Schedule your appointment with Dr. Shahnawaz Ahmed today and discover the difference our patient-centered approach makes."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
buttonText="Book Your Visit"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="The Dental Care Clinic"
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About Us",
href: "/about",
},
{
label: "Our Services",
href: "/services",
},
{
label: "Patient Reviews",
href: "/reviews",
},
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Our Services", href: "/services" },
{ label: "Patient Reviews", href: "/reviews" },
],
},
{
title: "Services",
items: [
{
label: "Root Canal Treatment",
href: "/services",
},
{
label: "Tooth Extraction",
href: "/services",
},
{
label: "Dental Fillings",
href: "/services",
},
{
label: "Teeth Cleaning",
href: "/services",
},
title: "Services", items: [
{ label: "Root Canal Treatment", href: "/services" },
{ label: "Tooth Extraction", href: "/services" },
{ label: "Dental Fillings", href: "/services" },
{ label: "Teeth Cleaning", href: "/services" },
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +92 335 2114347", href: "tel:+923352114347" },
{
label: "Phone: +92 335 2114347",
href: "tel:+923352114347",
},
{
label: "Location",
href: "https://maps.google.com/?q=12+Mezzanine+Floor+Huma+Plaza+Fazal-e-Haq+Road+Blue+Area+Islamabad",
},
{
label: "Book Appointment",
href: "/contact",
},
{
label: "WhatsApp Us",
href: "https://wa.me/923352114347",
},
label: "Location", href: "https://maps.google.com/?q=12+Mezzanine+Floor+Huma+Plaza+Fazal-e-Haq+Road+Blue+Area+Islamabad"},
{ label: "Book Appointment", href: "/contact" },
{ label: "WhatsApp Us", href: "https://wa.me/923352114347" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Disclaimer",
href: "#",
},
{
label: "Appointment Policy",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Appointment Policy", href: "#" },
],
},
]}

View File

@@ -1,83 +1,18 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import {
Heart,
Star,
Users,
Award,
Shield,
Zap,
Scissors,
Droplet,
Sparkles,
Crown,
Smile,
Wind,
DollarSign,
Phone,
MessageCircle,
} from "lucide-react";
import Link from "next/link";
import { Heart, MessageCircle, Phone, Star, Users, Award, Shield } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Quick Links",
items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Our Services", href: "/services" },
{ label: "Patient Reviews", href: "/reviews" },
],
},
{
title: "Services",
items: [
{ label: "Root Canal Treatment", href: "/services" },
{ label: "Tooth Extraction", href: "/services" },
{ label: "Dental Fillings", href: "/services" },
{ label: "Teeth Cleaning", href: "/services" },
],
},
{
title: "Contact",
items: [
{ label: "Phone: +92 335 2114347", href: "tel:+923352114347" },
{
label: "Location",
href: "https://maps.google.com/?q=12+Mezzanine+Floor+Huma+Plaza+Fazal-e-Haq+Road+Blue+Area+Islamabad",
},
{ label: "Book Appointment", href: "/contact" },
{ label: "WhatsApp Us", href: "https://wa.me/923352114347" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Appointment Policy", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -85,24 +20,28 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="The Dental Care Clinic"
navItems={navItems}
button={{
text: "Book Appointment",
href: "/contact",
}}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Book Appointment", href: "/contact" }}
animateOnLoad={true}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Trusted Dental Care in Islamabad"
@@ -110,112 +49,63 @@ export default function HomePage() {
tag="Excellence in Dentistry"
tagIcon={Heart}
tagAnimation="slide-up"
background={{
variant: "aurora",
}}
background={{ variant: "plain" }}
buttons={[
{
text: "Call Now",
href: "tel:+923352114347",
},
{
text: "Book Appointment",
href: "/contact",
},
{ text: "Call Now", href: "tel:+923352114347" },
{ text: "Book Appointment", href: "/contact" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg?_wi=1",
imageAlt: "Dentist consultation with smiling patient",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg", imageAlt: "dentist patient consultation friendly smile"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/dentist-work-young-woman-dentist-treating-kid-tooth-dentistry-concept_169016-67116.jpg?_wi=1",
imageAlt: "Modern dental clinic interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/dentist-work-young-woman-dentist-treating-kid-tooth-dentistry-concept_169016-67116.jpg", imageAlt: "modern dental clinic reception area clean"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18577.jpg?_wi=1",
imageAlt: "Professional teeth cleaning procedure",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18577.jpg", imageAlt: "professional teeth cleaning dental hygiene"},
]}
mediaAnimation="blur-reveal"
/>
</div>
{/* About Section */}
<div id="about" data-section="about">
<AboutMetric
title="Why Choose The Dental Care Clinic? We deliver exceptional dental care with patient comfort as our priority."
metrics={[
{
icon: Star,
label: "Patient Satisfaction",
value: "4.9★",
},
{
icon: Users,
label: "Satisfied Patients",
value: "160+",
},
{
icon: Award,
label: "Years of Experience",
value: "15+",
},
{
icon: Shield,
label: "Hygiene Standard",
value: "100%",
},
{ icon: Star, label: "Patient Satisfaction", value: "4.9★" },
{ icon: Users, label: "Satisfied Patients", value: "160+" },
{ icon: Award, label: "Years of Experience", value: "15+" },
{ icon: Shield, label: "Hygiene Standard", value: "100%" },
]}
metricsAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
{/* Services Section */}
<div id="services" data-section="services">
<FeatureHoverPattern
title="Our Services"
description="Comprehensive dental treatments tailored to your needs. From preventive care to advanced restorative procedures, we handle it all with expertise and care."
features={[
{
icon: Zap,
title: "Root Canal Treatment",
description:
"Advanced endodontic therapy to save your tooth and eliminate pain using the latest techniques.",
},
icon: Heart,
title: "Root Canal Treatment", description: "Advanced endodontic therapy to save your tooth and eliminate pain using the latest techniques."},
{
icon: Scissors,
title: "Tooth Extraction",
description:
"Safe, gentle tooth removal with minimal discomfort. Expert care for wisdom teeth and difficult extractions.",
},
icon: Heart,
title: "Tooth Extraction", description: "Safe, gentle tooth removal with minimal discomfort. Expert care for wisdom teeth and difficult extractions."},
{
icon: Droplet,
title: "Dental Fillings",
description:
"Durable composite and amalgam fillings to restore decayed teeth and maintain natural appearance.",
},
icon: Heart,
title: "Dental Fillings", description: "Durable composite and amalgam fillings to restore decayed teeth and maintain natural appearance."},
{
icon: Sparkles,
title: "Teeth Cleaning",
description:
"Professional cleaning and scaling to prevent gum disease and maintain optimal oral health.",
},
icon: Heart,
title: "Teeth Cleaning", description: "Professional cleaning and scaling to prevent gum disease and maintain optimal oral health."},
{
icon: Crown,
title: "Wisdom Tooth Removal",
description:
"Expert surgical extraction of impacted or problematic wisdom teeth with precision care.",
},
icon: Heart,
title: "Wisdom Tooth Removal", description: "Expert surgical extraction of impacted or problematic wisdom teeth with precision care."},
{
icon: Smile,
title: "Cosmetic Dentistry",
description:
"Transform your smile with teeth whitening, veneers, and aesthetic treatments for a confident look.",
},
icon: Heart,
title: "Cosmetic Dentistry", description: "Transform your smile with teeth whitening, veneers, and aesthetic treatments for a confident look."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -223,6 +113,7 @@ export default function HomePage() {
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Patient Testimonials"
@@ -231,89 +122,24 @@ export default function HomePage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Fatima Khan, Islamabad Patient",
date: "Date: 15 January 2025",
title: "Best dentist experience ever!",
quote:
"Dr. Shahnawaz Ahmed is incredibly professional and caring. My root canal treatment was painless, and the clinic is spotlessly clean. Highly recommended!",
tag: "Root Canal Patient",
avatarSrc:
"http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg?_wi=1",
},
id: "1", name: "Fatima Khan, Islamabad Patient", date: "Date: 15 January 2025", title: "Best dentist experience ever!", quote: "Dr. Shahnawaz Ahmed is incredibly professional and caring. My root canal treatment was painless, and the clinic is spotlessly clean. Highly recommended!", tag: "Root Canal Patient", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg"},
{
id: "2",
name: "Ahmed Hassan, Blue Area Resident",
date: "Date: 12 January 2025",
title: "Outstanding service and care",
quote:
"I was nervous about tooth extraction, but Dr. Shahnawaz made me feel comfortable throughout. The staff is friendly and the facility is modern. Worth every penny!",
tag: "Extraction Patient",
avatarSrc:
"http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg?_wi=1",
},
id: "2", name: "Ahmed Hassan, Blue Area Resident", date: "Date: 12 January 2025", title: "Outstanding service and care", quote: "I was nervous about tooth extraction, but Dr. Shahnawaz made me feel comfortable throughout. The staff is friendly and the facility is modern. Worth every penny!", tag: "Extraction Patient", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg"},
{
id: "3",
name: "Aisha Malik, Regular Patient",
date: "Date: 8 January 2025",
title: "Transforms smiles and builds confidence",
quote:
"The cosmetic dentistry work was exceptional. My smile has completely changed for the better. Dr. Shahnawaz's expertise is unmatched in Islamabad.",
tag: "Cosmetic Dentistry",
avatarSrc:
"http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg?_wi=1",
},
id: "3", name: "Aisha Malik, Regular Patient", date: "Date: 8 January 2025", title: "Transforms smiles and builds confidence", quote: "The cosmetic dentistry work was exceptional. My smile has completely changed for the better. Dr. Shahnawaz's expertise is unmatched in Islamabad.", tag: "Cosmetic Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg"},
{
id: "4",
name: "Muhammad Farooq, Business Owner",
date: "Date: 5 January 2025",
title: "Professional and efficient",
quote:
"As someone with a busy schedule, I appreciate the efficiency and professionalism. My dental work was completed quickly without compromising quality.",
tag: "Dental Filling",
avatarSrc:
"http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg?_wi=1",
},
id: "4", name: "Muhammad Farooq, Business Owner", date: "Date: 5 January 2025", title: "Professional and efficient", quote: "As someone with a busy schedule, I appreciate the efficiency and professionalism. My dental work was completed quickly without compromising quality.", tag: "Dental Filling", avatarSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg"},
{
id: "5",
name: "Sara Ahmed, Student",
date: "Date: 2 January 2025",
title: "Gentle approach to dental care",
quote:
"I was terrified of dentists, but Dr. Shahnawaz's gentle approach completely changed my perspective. Now I actually look forward to my appointments!",
tag: "Teeth Cleaning",
avatarSrc:
"http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg?_wi=1",
},
id: "5", name: "Sara Ahmed, Student", date: "Date: 2 January 2025", title: "Gentle approach to dental care", quote: "I was terrified of dentists, but Dr. Shahnawaz's gentle approach completely changed my perspective. Now I actually look forward to my appointments!", tag: "Teeth Cleaning", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg"},
{
id: "6",
name: "Dr. Nadeem Iqbal, Retired Professional",
date: "Date: 29 December 2024",
title: "Expert care with modern technology",
quote:
"Having visited many dental clinics, this is by far the best. Modern equipment, strict hygiene protocols, and genuine care for patient comfort. Five stars!",
tag: "Senior Patient",
avatarSrc:
"http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg?_wi=1",
},
id: "6", name: "Dr. Nadeem Iqbal, Retired Professional", date: "Date: 29 December 2024", title: "Expert care with modern technology", quote: "Having visited many dental clinics, this is by far the best. Modern equipment, strict hygiene protocols, and genuine care for patient comfort. Five stars!", tag: "Senior Patient", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Why Choose Us Section */}
<div id="whychooseus" data-section="whychooseus">
<FeatureHoverPattern
title="Why Choose The Dental Care Clinic?"
@@ -321,40 +147,22 @@ export default function HomePage() {
features={[
{
icon: Users,
title: "Experienced Dentist",
description:
"Dr. Shahnawaz Ahmed brings 15+ years of expertise in general and cosmetic dentistry.",
},
{
icon: Wind,
title: "Gentle & Pain-Free Care",
description:
"Advanced anesthesia techniques and compassionate approach ensure comfortable treatment.",
},
{
icon: Zap,
title: "Modern Equipment",
description:
"Latest dental technology and equipment for precise, efficient treatments.",
},
{
icon: DollarSign,
title: "Affordable Pricing",
description:
"Transparent pricing with flexible payment options for quality dental care.",
},
{
icon: Shield,
title: "Hygienic Environment",
description:
"Strict sterilization protocols and pristine clinic conditions for your safety.",
},
title: "Experienced Dentist", description: "Dr. Shahnawaz Ahmed brings 15+ years of expertise in general and cosmetic dentistry."},
{
icon: Heart,
title: "Patient-Centered Focus",
description:
"We prioritize your comfort, concerns, and long-term oral health outcomes.",
},
title: "Gentle & Pain-Free Care", description: "Advanced anesthesia techniques and compassionate approach ensure comfortable treatment."},
{
icon: Heart,
title: "Modern Equipment", description: "Latest dental technology and equipment for precise, efficient treatments."},
{
icon: Heart,
title: "Affordable Pricing", description: "Transparent pricing with flexible payment options for quality dental care."},
{
icon: Shield,
title: "Hygienic Environment", description: "Strict sterilization protocols and pristine clinic conditions for your safety."},
{
icon: Heart,
title: "Patient-Centered Focus", description: "We prioritize your comfort, concerns, and long-term oral health outcomes."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -362,6 +170,7 @@ export default function HomePage() {
/>
</div>
{/* Location Section */}
<div id="location" data-section="location">
<MetricCardFourteen
title="Visit us at our modern clinic in the heart of Islamabad's business district. We're conveniently located with easy access and ample parking."
@@ -369,41 +178,67 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "12 Mezzanine Floor",
description:
"Huma Plaza, Fazal-e-Haq Road, Blue Area, Islamabad, Pakistan",
},
id: "1", value: "12 Mezzanine Floor", description: "Huma Plaza, Fazal-e-Haq Road, Blue Area, Islamabad, Pakistan"},
{
id: "2",
value: "+92 335 2114347",
description:
"Call us for appointments, emergencies, or inquiries. We're available Monday to Saturday, 9 AM to 7 PM.",
},
id: "2", value: "+92 335 2114347", description: "Call us for appointments, emergencies, or inquiries. We're available Monday to Saturday, 9 AM to 7 PM."},
]}
metricsAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
{/* CTA Section */}
<div id="cta" data-section="cta">
<ContactCenter
tag="Take Action"
tagIcon={Phone}
title="Need a Dentist in Islamabad?"
description="Don't let dental problems affect your health and confidence. Contact us today to schedule your appointment or call for emergency dental care."
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
buttonText="Book Now"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="The Dental Care Clinic"
columns={footerColumns}
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Our Services", href: "/services" },
{ label: "Patient Reviews", href: "/reviews" },
],
},
{
title: "Services", items: [
{ label: "Root Canal Treatment", href: "/services" },
{ label: "Tooth Extraction", href: "/services" },
{ label: "Dental Fillings", href: "/services" },
{ label: "Teeth Cleaning", href: "/services" },
],
},
{
title: "Contact", items: [
{ label: "Phone: +92 335 2114347", href: "tel:+923352114347" },
{
label: "Location", href: "https://maps.google.com/?q=12+Mezzanine+Floor+Huma+Plaza+Fazal-e-Haq+Road+Blue+Area+Islamabad"},
{ label: "Book Appointment", href: "/contact" },
{ label: "WhatsApp Us", href: "https://wa.me/923352114347" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Appointment Policy", href: "#" },
],
},
]}
copyrightText="© 2025 The Dental Care Clinic. All rights reserved. Dr. Shahnawaz Ahmed, BDS"
/>
</div>

View File

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import AboutMetric from "@/components/sections/about/AboutMetric";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Heart, Star, Users, Award, Shield, MessageCircle } from "lucide-react";
import { Heart, MessageCircle, Phone } from "lucide-react";
export default function ReviewsPage() {
return (
@@ -17,7 +17,7 @@ export default function ReviewsPage() {
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -41,12 +41,12 @@ export default function ReviewsPage() {
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Patient Reviews & Success Stories"
description="Hear from our satisfied patients who have experienced exceptional dental care and life-changing results. Our 4.9★ rating reflects our commitment to excellence."
tag="Real Patient Stories"
title="Patient Reviews & Testimonials"
description="Read what our satisfied patients have to say about their experience at The Dental Care Clinic. Your comfort, satisfaction, and results are our priority."
tag="Patient Voices"
tagIcon={Heart}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Call Now", href: "tel:+923352114347" },
{ text: "Book Appointment", href: "/contact" },
@@ -54,53 +54,16 @@ export default function ReviewsPage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg?_wi=2",
imageAlt: "happy patient dental clinic satisfied",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg", imageAlt: "dentist patient consultation friendly smile"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg?_wi=2",
imageAlt: "male patient satisfied smile dentist",
},
imageSrc: "http://img.b2bpic.net/free-photo/dentist-work-young-woman-dentist-treating-kid-tooth-dentistry-concept_169016-67116.jpg", imageAlt: "modern dental clinic reception area clean"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg?_wi=2",
imageAlt: "young woman happy patient smile",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18577.jpg", imageAlt: "professional teeth cleaning dental hygiene"},
]}
mediaAnimation="blur-reveal"
/>
</div>
{/* Metrics Section */}
<div id="about" data-section="about">
<AboutMetric
title="Why Our Patients Trust Us - The Numbers Speak for Themselves"
metrics={[
{
icon: Star,
label: "Patient Satisfaction",
value: "4.9★",
},
{
icon: Users,
label: "Satisfied Patients",
value: "160+",
},
{
icon: Award,
label: "Years of Experience",
value: "15+",
},
{
icon: Shield,
label: "Hygiene Standard",
value: "100%",
},
]}
metricsAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
@@ -110,85 +73,43 @@ export default function ReviewsPage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Fatima Khan, Islamabad Patient",
date: "Date: 15 January 2025",
title: "Best dentist experience ever!",
quote:
"Dr. Shahnawaz Ahmed is incredibly professional and caring. My root canal treatment was painless, and the clinic is spotlessly clean. Highly recommended!",
tag: "Root Canal Patient",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg?_wi=3",
},
id: "1", name: "Fatima Khan, Islamabad Patient", date: "Date: 15 January 2025", title: "Best dentist experience ever!", quote: "Dr. Shahnawaz Ahmed is incredibly professional and caring. My root canal treatment was painless, and the clinic is spotlessly clean. Highly recommended!", tag: "Root Canal Patient", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-with-stethoscope-showing-thumb-up-isolated-orange-background_141793-119257.jpg"},
{
id: "2",
name: "Ahmed Hassan, Blue Area Resident",
date: "Date: 12 January 2025",
title: "Outstanding service and care",
quote:
"I was nervous about tooth extraction, but Dr. Shahnawaz made me feel comfortable throughout. The staff is friendly and the facility is modern. Worth every penny!",
tag: "Extraction Patient",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg?_wi=3",
},
id: "2", name: "Ahmed Hassan, Blue Area Resident", date: "Date: 12 January 2025", title: "Outstanding service and care", quote: "I was nervous about tooth extraction, but Dr. Shahnawaz made me feel comfortable throughout. The staff is friendly and the facility is modern. Worth every penny!", tag: "Extraction Patient", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg"},
{
id: "3",
name: "Aisha Malik, Regular Patient",
date: "Date: 8 January 2025",
title: "Transforms smiles and builds confidence",
quote:
"The cosmetic dentistry work was exceptional. My smile has completely changed for the better. Dr. Shahnawaz's expertise is unmatched in Islamabad.",
tag: "Cosmetic Dentistry",
avatarSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg?_wi=3",
},
id: "3", name: "Aisha Malik, Regular Patient", date: "Date: 8 January 2025", title: "Transforms smiles and builds confidence", quote: "The cosmetic dentistry work was exceptional. My smile has completely changed for the better. Dr. Shahnawaz's expertise is unmatched in Islamabad.", tag: "Cosmetic Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dentist-sitting-beside-female-patient-dental-office_651396-2234.jpg"},
{
id: "4",
name: "Muhammad Farooq, Business Owner",
date: "Date: 5 January 2025",
title: "Professional and efficient",
quote:
"As someone with a busy schedule, I appreciate the efficiency and professionalism. My dental work was completed quickly without compromising quality.",
tag: "Dental Filling",
avatarSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg?_wi=2",
},
id: "4", name: "Muhammad Farooq, Business Owner", date: "Date: 5 January 2025", title: "Professional and efficient", quote: "As someone with a busy schedule, I appreciate the efficiency and professionalism. My dental work was completed quickly without compromising quality.", tag: "Dental Filling", avatarSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg"},
{
id: "5",
name: "Sara Ahmed, Student",
date: "Date: 2 January 2025",
title: "Gentle approach to dental care",
quote:
"I was terrified of dentists, but Dr. Shahnawaz's gentle approach completely changed my perspective. Now I actually look forward to my appointments!",
tag: "Teeth Cleaning",
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg?_wi=2",
},
id: "5", name: "Sara Ahmed, Student", date: "Date: 2 January 2025", title: "Gentle approach to dental care", quote: "I was terrified of dentists, but Dr. Shahnawaz's gentle approach completely changed my perspective. Now I actually look forward to my appointments!", tag: "Teeth Cleaning", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg"},
{
id: "6",
name: "Dr. Nadeem Iqbal, Retired Professional",
date: "Date: 29 December 2024",
title: "Expert care with modern technology",
quote:
"Having visited many dental clinics, this is by far the best. Modern equipment, strict hygiene protocols, and genuine care for patient comfort. Five stars!",
tag: "Senior Patient",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg?_wi=2",
},
id: "6", name: "Dr. Nadeem Iqbal, Retired Professional", date: "Date: 29 December 2024", title: "Expert care with modern technology", quote: "Having visited many dental clinics, this is by far the best. Modern equipment, strict hygiene protocols, and genuine care for patient comfort. Five stars!", tag: "Senior Patient", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* CTA Section */}
<div id="cta" data-section="cta">
<ContactCenter
tag="Join Our Family"
tagIcon={Phone}
title="Ready to Experience Our Exceptional Care?"
description="Schedule your appointment today and become part of our growing family of satisfied patients. Dr. Shahnawaz Ahmed and his team are ready to help you achieve your best smile."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
buttonText="Book Your Appointment"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="The Dental Care Clinic"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Our Services", href: "/services" },
@@ -196,8 +117,7 @@ export default function ReviewsPage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Root Canal Treatment", href: "/services" },
{ label: "Tooth Extraction", href: "/services" },
{ label: "Dental Fillings", href: "/services" },
@@ -205,20 +125,16 @@ export default function ReviewsPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +92 335 2114347", href: "tel:+923352114347" },
{
label: "Location",
href: "https://maps.google.com/?q=12+Mezzanine+Floor+Huma+Plaza+Fazal-e-Haq+Road+Blue+Area+Islamabad",
},
label: "Location", href: "https://maps.google.com/?q=12+Mezzanine+Floor+Huma+Plaza+Fazal-e-Haq+Road+Blue+Area+Islamabad"},
{ label: "Book Appointment", href: "/contact" },
{ label: "WhatsApp Us", href: "https://wa.me/923352114347" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Disclaimer", href: "#" },

View File

@@ -7,7 +7,7 @@ import FeatureHoverPattern from "@/components/sections/feature/featureHoverPatte
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Zap, Scissors, Droplet, Sparkles, Crown, Smile, Users, Wind, DollarSign, Shield, Heart, Phone } from "lucide-react";
import { Heart, Zap, Scissors, Droplet, Sparkles, Crown, Smile, Users, Wind, DollarSign, Shield, Phone } from "lucide-react";
export default function ServicesPage() {
return (
@@ -17,7 +17,7 @@ export default function ServicesPage() {
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -46,7 +46,7 @@ export default function ServicesPage() {
tag="Excellence in Dentistry"
tagIcon={Heart}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Call Now", href: "tel:+923352114347" },
{ text: "Book Appointment", href: "/contact" },

View File

@@ -1,51 +1,38 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text?: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
textAnchor?: "start" | "middle" | "end";
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text = "Logo", fontSize = 24,
fontFamily = "Arial, sans-serif", fontWeight = "bold", fill = "currentColor", textAnchor = "middle", className = ""}: SvgTextLogoProps) {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 200 50"
width="200"
height="50"
className={className}
aria-label={text}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="100"
y="35"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
textAnchor={textAnchor}
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}