bender/baed84f1-2c70-4302-a4a8-348ad6dc3c26
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 3 commits from version_2 into main 2026-03-04 09:02:48 +00:00
Conversation 0 Commits 3 Files Changed 3 +82 -122
3 changed files with 82 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/app/layout.tsx
View File

@@ -1,60 +1,22 @@
import type { Metadata } from "next";
import { Roboto } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const roboto = Roboto({
variable: "--font-roboto", subsets: ["latin"],
weight: ["100", "300", "400", "500", "700", "900"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Eziam Dental - Premium Dental Care in Pretoria | 5★ Rated", description: "Exceptional dental care in Pretoria with 5-star reviews from 245+ patients. Comprehensive services from cleanings to restorative dentistry at Willows Crossing.", keywords: "dental care Pretoria, dentist Pretoria, dental clinic, teeth cleaning, smile makeover, cosmetic dentistry", metadataBase: new URL("https://eziamdental.co.za"),
alternates: {
canonical: "https://eziamdental.co.za"
},
openGraph: {
title: "Eziam Dental - Premium Dental Care in Pretoria", description: "Exceptional dental care combining advanced techniques with a gentle touch. 5★ rated by 245+ satisfied patients.", url: "https://eziamdental.co.za", siteName: "Eziam Dental", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg", alt: "Eziam Dental - Premium Care in Pretoria"
}
]
},
twitter: {
card: "summary_large_image", title: "Eziam Dental - Pretoria's Premier Dental Practice", description: "5★ rated dental excellence. Book your appointment today.", images: ["http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg"]
},
robots: {
index: true,
follow: true
}
};
title: "Eziam Dental | Premium Dental Care in Pretoria", description: "Experience exceptional dental care in Pretoria. Rated 5.0 by 245 verified patients. Comprehensive dental services at Willows Crossing Shopping Centre."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${roboto.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1422,7 +1384,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

135
src/app/page.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { Sparkles } from "lucide-react";
import { Sparkles, Award, Heart, Zap, Shield, Smile } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
@@ -15,26 +15,25 @@ import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noise"
cardStyle="layered-gradient"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmall"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="light"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Eziam"
brandName="Eziam Dental"
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
{ name: "Reviews", id: "testimonials" },
{ name: "Location", id: "location" }
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Book Now", href: "contact" }}
/>
@@ -42,67 +41,67 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
tag="Premium Dental Care"
tag="Premium Dental Excellence"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Where Every Smile Becomes Art"
description="Experience exceptional dental care in Pretoria. Combining advanced techniques with a gentle touch, we deliver results that transform smiles. Rated 5.0 by 245 verified patients at Willows Crossing Shopping Centre."
background={{ variant: "plain" }}
title="Your Smile, Our Passion"
description="Transform your smile with Eziam Dental—Pretoria's trusted partner for exceptional dental care. With a perfect 5.0 rating from 245 verified patients, we combine advanced techniques with genuine compassion. Experience clinical excellence in a warm, welcoming environment at Willows Crossing Shopping Centre."
background={{ variant: "glowing-orb" }}
buttons={[
{ text: "Call 067 401 1372", href: "tel:0674011372" },
{ text: "Schedule Visit", href: "#contact" }
{ text: "Schedule Now", href: "#contact" },
{ text: "Call 067 401 1372", href: "tel:0674011372" }
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=1", imageAlt: "Professional dental care environment"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=1", imageAlt: "Professional dental examination in modern clinic"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-having-examination-while-sitting-dental-chair-clinic_613910-17749.jpg?_wi=1", imageAlt: "Dental examination and treatment"
imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-having-examination-while-sitting-dental-chair-clinic_613910-17749.jpg?_wi=1", imageAlt: "Patient receiving expert dental care"
}
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated by 245 Loving Clients"
ratingText="Trusted by 245 Satisfied Patients"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
tag="Who We Are"
title="Dental Excellence in the Heart of Pretoria"
description="Eziam Dental is a full-service dental practice committed to providing exceptional care in a calm, welcoming environment. Our team combines advanced techniques with a gentle touch—because we believe dentistry should feel as good as it looks. With a perfect 5-star rating from 245 verified patients, we're your trusted partner for comprehensive dental health."
tag="Why Choose Eziam Dental"
title="Clinical Excellence Meets Warm Compassion"
description="At Eziam Dental, we believe exceptional dental care means combining cutting-edge clinical techniques with genuine care for your comfort. Located in the heart of Pretoria at Willows Crossing Shopping Centre, our practice is dedicated to creating beautiful, healthy smiles in a calm, professional environment. With a perfect 5-star rating from 245 verified patients, we've earned the trust of our community through consistent excellence and a commitment to patient wellbeing."
imageSrc="http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=1"
imageAlt="Modern dental practice in Pretoria"
buttons={[{ text: "Learn More", href: "#services" }]}
imageAlt="State-of-the-art dental practice"
buttons={[{ text: "Learn Our Story", href: "#services" }]}
useInvertedBackground={true}
/>
</div>
<div id="services" data-section="services">
<FeatureCardOne
tag="What We Offer"
title="Comprehensive Care for Every Smile"
description="From routine check-ups to advanced restorative treatments, we provide a full spectrum of dental services designed to maintain and enhance your oral health."
tag="Our Services"
title="Comprehensive Dental Care"
description="From routine maintenance to advanced cosmetic enhancements, we offer a complete spectrum of dental services designed to preserve and enhance your oral health."
textboxLayout="default"
features={[
{
title: "Dental Examination", description: "Thorough assessments to understand your oral health, identify concerns early, and create a personalized care plan tailored to your needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=2", imageAlt: "Dental examination service"
title: "Preventive Care", description: "Regular examinations, professional cleanings, and fluoride treatments to keep your teeth healthy and strong.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=2", imageAlt: "Preventive dental care"
},
{
title: "Professional Cleaning", description: "Expert scaling and polishing to remove plaque and tartar, leaving your teeth clean, fresh, and brilliantly bright.", imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-having-examination-while-sitting-dental-chair-clinic_613910-17749.jpg?_wi=2", imageAlt: "Professional cleaning service"
title: "Restorative Solutions", description: "Expert fillings, crowns, and bridges that restore function and natural appearance to damaged teeth.", imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-having-examination-while-sitting-dental-chair-clinic_613910-17749.jpg?_wi=2", imageAlt: "Restorative dental work"
},
{
title: "Tooth Fillings", description: "Durable, natural-looking restorations that repair cavities and restore the full function and appearance of your teeth.", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=2", imageAlt: "Tooth fillings service"
title: "Cosmetic Excellence", description: "Professional whitening, veneers, and smile makeovers that enhance your natural beauty and confidence.", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=2", imageAlt: "Cosmetic dentistry results"
},
{
title: "Dental Extractions", description: "Safe and gentle extractions performed with care and precision to minimize discomfort and facilitate quick recovery.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=3", imageAlt: "Dental extractions service"
title: "Emergency Care", description: "Rapid response to dental emergencies with compassionate, pain-relieving treatment when you need it most.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg?_wi=3", imageAlt: "Emergency dental care"
},
{
title: "Teeth Whitening", description: "Professional whitening treatments that effectively brighten your smile by several shades in a single comfortable session.", imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-having-examination-while-sitting-dental-chair-clinic_613910-17749.jpg?_wi=3", imageAlt: "Teeth whitening service"
title: "Advanced Extractions", description: "Gentle, precise extractions performed with minimal discomfort and comprehensive aftercare guidance.", imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-having-examination-while-sitting-dental-chair-clinic_613910-17749.jpg?_wi=3", imageAlt: "Professional extraction services"
},
{
title: "Restorative Dentistry", description: "From crowns and bridges to complete smile makeovers—we restore confidence in every patient we see with beautiful, functional results.", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=3", imageAlt: "Restorative dentistry service"
title: "Patient Education", description: "Empowering you with knowledge about oral health, treatment options, and preventive practices.", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg?_wi=3", imageAlt: "Patient education and consultation"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -113,28 +112,28 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
tag="Client Testimonials"
title="What Our Patients Say"
description="Hear directly from satisfied patients who have experienced exceptional care at Eziam Dental."
tag="Patient Testimonials"
title="Stories from Our Community"
description="Hear directly from patients who have experienced the Eziam Dental difference—clinical excellence combined with genuine care."
textboxLayout="default"
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarahj_pretoria", testimonial: "The most professional and caring dental practice I have ever visited. The team made me feel completely at ease from the moment I walked in. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Johnson"
id: "1", name: "Sarah Johnson", handle: "@sarahj_pretoria", testimonial: "I've never felt more confident in a dental practice. The team's professionalism and genuine care made my entire experience exceptional. My smile transformation exceeded all my expectations!", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Johnson"
},
{
id: "2", name: "Michael Chen", handle: "@mchen_smile", testimonial: "Exceptional service and genuine care. Dr. and the team are truly invested in your dental health. My smile has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Michael Chen"
id: "2", name: "Michael Chen", handle: "@mchen_smile", testimonial: "Outstanding clinical expertise paired with genuine patient care. Every interaction shows they truly invest in your dental health. The results speak for themselves—five stars!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Michael Chen"
},
{
id: "3", name: "Emily Rodriguez", handle: "@emily_dental", testimonial: "I was nervous about dental work, but Eziam Dental made the entire experience comfortable and stress-free. Will definitely return for my next appointment!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "Emily Rodriguez"
id: "3", name: "Emily Rodriguez", handle: "@emily_dental", testimonial: "I was nervous about dental procedures, but the Eziam team made me feel completely at ease. Their compassionate approach and professional skill made the entire experience comfortable and stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "Emily Rodriguez"
},
{
id: "4", name: "David Kim", handle: "@david_km", testimonial: "Outstanding professionalism and attention to detail. The office is modern and clean, and the staff is incredibly friendly. Five stars all the way!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "David Kim"
id: "4", name: "David Kim", handle: "@david_km", testimonial: "The modern facilities, meticulous attention to detail, and incredibly friendly staff create an environment where you actually want to come to the dentist. Truly exceptional practice!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "David Kim"
},
{
id: "5", name: "Jessica Lee", handle: "@jess_smile2025", testimonial: "Finally found a dentist who listens and truly cares. The treatment was painless and the results exceeded my expectations. Highly satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Jessica Lee"
id: "5", name: "Jessica Lee", handle: "@jess_smile2025", testimonial: "Finally found a dentist who truly listens and cares about your oral health. The treatment was painless, the results exceeded my expectations, and I feel heard throughout the entire process.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Jessica Lee"
},
{
id: "6", name: "Robert Thompson", handle: "@rob_healthy_teeth", testimonial: "Been coming here for two years. Consistent excellence, friendly team, and genuine care for patient wellbeing. This is the dental home I've been searching for!", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", imageAlt: "Robert Thompson"
id: "6", name: "Robert Thompson", handle: "@rob_healthy_teeth", testimonial: "A consistent beacon of excellence. Over two years of visiting, I've experienced nothing but professionalism, care, and genuine investment in patient wellbeing. This is dental care done right!", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", imageAlt: "Robert Thompson"
}
]}
animationType="slide-up"
@@ -145,15 +144,15 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
tag="Our Impact"
title="Trusted by Pretoria"
description="Proven excellence in patient care and dental health outcomes."
tag="Our Track Record"
title="Trusted Excellence in Pretoria"
description="Proven results that reflect our commitment to clinical excellence and patient satisfaction."
textboxLayout="default"
metrics={[
{ id: "1", value: "5.0", description: "Google Rating" },
{ id: "2", value: "245+", description: "Verified Reviews" },
{ id: "3", value: "100%", description: "Patient Satisfaction" },
{ id: "4", value: "6", description: "Years Excellence" }
{ id: "4", value: "6", description: "Years of Excellence" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -163,12 +162,12 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
tag="Trusted Partners"
title="Partnered with Industry Leaders"
description="We work with the finest dental equipment manufacturers and health organizations."
tag="Industry Leadership"
title="Trusted by Premier Dental Organizations"
description="We partner with leading dental health associations and clinical innovators to bring you the latest in dental care excellence."
textboxLayout="default"
names={[
"Dental Health Association", "Advanced Care Solutions", "ProSmile Innovations", "TrustCare Medical", "Premier Dental Group", "Smile Excellence Network", "HealthFirst Dental", "Professional Care Alliance"
"South African Dental Association", "Pretoria Dental Excellence Network", "Advanced Clinical Solutions", "Premier Smile Innovations", "TrustCare Medical Partners", "Clinical Excellence Alliance", "Professional Dental Consortium", "Innovation in Oral Care"
]}
useInvertedBackground={true}
speed={40}
@@ -178,14 +177,14 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Book Your Appointment"
title="Ready to Transform Your Smile?"
description="Schedule a visit with our expert team at Willows Crossing Shopping Centre, Die Wilgers. We look forward to providing you with exceptional dental care."
tag="Ready for Your Transformation?"
title="Schedule Your Appointment Today"
description="Join hundreds of satisfied patients who have experienced exceptional dental care at Eziam Dental. Located at Willows Crossing Shopping Centre, Die Wilgers—your smile deserves our expertise."
buttons={[
{ text: "Call Now: 067 401 1372", href: "tel:0674011372" },
{ text: "Get Directions", href: "https://maps.google.com/maps/place/Willows+Crossing+Shopping+Centre,+Die+Wilgers,+Pretoria" }
{ text: "Book Appointment", href: "#contact" },
{ text: "Call 067 401 1372", href: "tel:0674011372" }
]}
background={{ variant: "plain" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
/>
</div>
@@ -196,9 +195,9 @@ export default function LandingPage() {
columns={[
{
title: "Services", items: [
{ label: "Dental Examination", href: "#services" },
{ label: "Teeth Cleaning", href: "#services" },
{ label: "Cosmetic Dentistry", href: "#services" },
{ label: "Preventive Care", href: "#services" },
{ label: "Restorative Solutions", href: "#services" },
{ label: "Cosmetic Excellence", href: "#services" },
{ label: "Emergency Care", href: "#contact" }
]
},
@@ -206,16 +205,16 @@ export default function LandingPage() {
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#about" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "Patient Stories", href: "#testimonials" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Contact", items: [
{ label: "Call: 067 401 1372", href: "tel:0674011372" },
{ label: "Willows Crossing, Die Wilgers", href: "https://maps.google.com/maps/place/Willows+Crossing+Shopping+Centre,+Die+Wilgers,+Pretoria" },
{ label: "Open Daily, Closes 5 PM", href: "#" },
{ label: "Email Inquiry", href: "#contact" }
{ label: "Phone: 067 401 1372", href: "tel:0674011372" },
{ label: "Willows Crossing, Die Wilgers, Pretoria", href: "https://maps.google.com/?q=Willows+Crossing+Shopping+Centre+Die+Wilgers+Pretoria" },
{ label: "Monday - Friday: 08:00 - 17:00", href: "#" },
{ label: "Saturday: By Appointment", href: "#contact" }
]
}
]}

20
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f7f6f7;;
/* --background: #f9f6f3;;
--card: #ffffff;;
--foreground: #0c1325;;
--primary-cta: #0798ff;;
--foreground: #2b1810;;
--primary-cta: #c97147;;
--secondary-cta: #ffffff;;
--accent: #93c7ff;;
--background-accent: #a8cde8;; */
--accent: #d4a574;;
--background-accent: #e8d4c4;; */
--background: #f7f6f7;;
--background: #f9f6f3;;
--card: #ffffff;;
--foreground: #0c1325;;
--primary-cta: #0798ff;;
--foreground: #2b1810;;
--primary-cta: #c97147;;
--primary-cta-text: #f7f6f7;;
--secondary-cta: #ffffff;;
--secondary-cta-text: #0c1325;;
--accent: #93c7ff;;
--background-accent: #a8cde8;;
--accent: #d4a574;;
--background-accent: #e8d4c4;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);