bender/5a1cf640-e20a-4b37-9be7-83ca393d06ea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

9 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
bd5b2a15f1 Update theme colors 2026-03-07 18:06:58 +00:00
bender
464db28e16 Update theme colors 2026-03-07 18:06:09 +00:00
bender
8167c57ac1 Update theme colors 2026-03-07 18:05:46 +00:00
bender
4239110a21 Update src/app/page.tsx 2026-03-05 03:06:05 +00:00
bender
d38d9a3cae Update src/app/styles/variables.css 2026-03-05 03:05:24 +00:00
bender
c550251a54 Update src/app/styles/base.css 2026-03-05 03:05:24 +00:00
bender
1db06c2498 Update src/app/page.tsx 2026-03-05 03:05:23 +00:00
bender
276130a539 Update src/app/layout.tsx 2026-03-05 03:05:23 +00:00
bender
f5cb2f1fc0 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 03:02:49 +00:00
4 changed files with 62 additions and 65 deletions
Expand all files Collapse all files

25
src/app/layout.tsx
View File

@@ -1,32 +1,29 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Raleway } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const halant = Halant({ const dmSans = DM_Sans({
variable: "--font-halant", subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
const raleway = Raleway({
variable: "--font-raleway", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Smile Dental | Professional Dental Care in Karachi & Lahore", description: "Expert dental clinic offering comprehensive services including cleanings, cosmetic dentistry, and orthodontics. Book your appointment today.", keywords: "dental clinic, dentist, teeth cleaning, cosmetic dentistry, orthodontics, Karachi, Lahore", metadataBase: new URL("https://www.smiledental.pk"), title: "PakistanDental | Professional Dental Care in Pakistan", description: "Expert dental clinic offering comprehensive services including cleanings, cosmetic dentistry, and orthodontics. Book your appointment today.", keywords: "dental clinic, dentist, teeth cleaning, cosmetic dentistry, orthodontics, Pakistan", metadataBase: new URL("https://www.pakistandental.pk"),
alternates: { alternates: {
canonical: "https://www.smiledental.pk"}, canonical: "https://www.pakistandental.pk"
},
openGraph: { openGraph: {
title: "Smile Dental | Professional Dental Care", description: "Transform your smile with our expert dental team. Modern techniques, compassionate care.", url: "https://www.smiledental.pk", siteName: "Smile Dental", type: "website"}, title: "PakistanDental | Professional Dental Care", description: "Transform your smile with our expert dental team. Modern techniques, compassionate care.", url: "https://www.pakistandental.pk", siteName: "PakistanDental", type: "website"
},
twitter: { twitter: {
card: "summary_large_image", title: "Smile Dental | Professional Dental Care", description: "Expert dental clinic in Karachi and Lahore"}, card: "summary_large_image", title: "PakistanDental | Professional Dental Care", description: "Expert dental clinic in Pakistan"
},
robots: { robots: {
index: true, index: true,
follow: true, follow: true,
@@ -42,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${halant.variable} ${inter.variable} ${raleway.variable} antialiased`} className={`${dmSans.variable} ${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

80
src/app/page.tsx
View File

@@ -17,14 +17,14 @@ export default function LandingPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="medium"
sizing="largeSmallSizeLargeTitles" sizing="medium"
background="fluid" background="noise"
cardStyle="subtle-shadow" cardStyle="glass-elevated"
primaryButtonStyle="flat" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="extrabold" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
@@ -35,29 +35,29 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
{ name: "Testimonials", id: "testimonials" } { name: "Testimonials", id: "testimonials" }
]} ]}
brandName="Smile Dental" brandName="PakistanDental"
bottomLeftText="Serving Karachi & Lahore" bottomLeftText="Professional Dental Care"
bottomRightText="+92 (300) 123-4567" bottomRightText="+92 (0) 300-DENTAL-1"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="SMILE DENTAL" logoText="PAKISTANDENTAL"
description="Professional dental care for families in Karachi and Lahore. Experience modern techniques and compassionate treatment." description="Professional dental care for families across Pakistan. Experience modern techniques and compassionate treatment at our state-of-the-art facilities."
buttons={[ buttons={[
{ text: "Book Appointment", href: "contact" }, { text: "Book Appointment", href: "contact" },
{ text: "Learn More", href: "services" } { text: "Learn More", href: "services" }
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg", imageAlt: "Modern dental clinic with advanced equipment" imageSrc: "https://images.unsplash.com/photo-1606811841689-23cc3c8c8288?w=1200&h=600&fit=crop&_wi=1", imageAlt: "Modern dental clinic with advanced equipment"
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg", imageAlt: "Dentist providing professional treatment" imageSrc: "https://images.unsplash.com/photo-1631217314830-e387953ddc5f?w=1200&h=600&fit=crop", imageAlt: "Professional dental treatment room"
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2612.jpg", imageAlt: "Advanced dental care and orthodontics" imageSrc: "https://images.unsplash.com/photo-1606811841689-23cc3c8c8288?w=1200&h=600&fit=crop&_wi=2", imageAlt: "Advanced dental care and orthodontics"
} }
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
@@ -67,12 +67,12 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
title="Excellence in Dental Care Since 1998" title="Excellence in Dental Care"
metrics={[ metrics={[
{ icon: Users, label: "Happy Patients", value: "15,000+" }, { icon: Users, label: "Happy Patients", value: "10,000+" },
{ icon: Award, label: "Expert Dentists", value: "12" }, { icon: Award, label: "Expert Dentists", value: "15" },
{ icon: Star, label: "5-Star Reviews", value: "98%" }, { icon: Star, label: "5-Star Reviews", value: "99%" },
{ icon: TrendingUp, label: "Years Experience", value: "25+" } { icon: TrendingUp, label: "Years Experience", value: "50+" }
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
@@ -82,7 +82,7 @@ export default function LandingPage() {
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardSixteen <FeatureCardSixteen
title="Comprehensive Dental Solutions" title="Comprehensive Dental Solutions"
description="We offer a full range of dental services to keep your smile healthy and beautiful. From routine cleanings to advanced cosmetic procedures." description="We offer a full range of dental services to keep your smile healthy and beautiful. From routine cleanings to advanced cosmetic procedures, our expert team is here for you."
tag="Our Services" tag="Our Services"
tagIcon={Sparkles} tagIcon={Sparkles}
negativeCard={{ negativeCard={{
@@ -92,7 +92,7 @@ export default function LandingPage() {
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"Same-day appointments available", "No waiting room delays", "Latest dental technology", "Personalized treatment plans" "Same-day appointments available", "Minimal wait times", "Latest dental technology", "Personalized treatment plans"
] ]
}} }}
animationType="slide-up" animationType="slide-up"
@@ -107,21 +107,21 @@ export default function LandingPage() {
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardSix <TeamCardSix
title="Meet Our Expert Team" title="Meet Our Expert Team"
description="Dedicated professionals committed to your oral health and beautiful smile" description="Dedicated dental professionals committed to your oral health and beautiful smile"
tag="Our Doctors" tag="Our Doctors"
tagIcon={Users} tagIcon={Users}
members={[ members={[
{ {
id: "1", name: "Dr. Ahmed Khan", role: "Chief Dentist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-professional-therapist-with-stethoscope-looking-camera_1098-19305.jpg", imageAlt: "Dr. Ahmed Khan, Chief Dentist" id: "1", name: "Dr. Ahmed Khan", role: "Chief Dentist", imageSrc: "https://images.unsplash.com/photo-1612349317150-e539c59dc506?w=400&h=400&fit=crop", imageAlt: "Dr. Ahmed Khan, Chief Dentist"
}, },
{ {
id: "2", name: "Dr. Fatima Malik", role: "Cosmetic Dentist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg?_wi=1", imageAlt: "Dr. Fatima Malik, Cosmetic Dentist" id: "2", name: "Dr. Fatima Malik", role: "Cosmetic Dentist", imageSrc: "https://images.unsplash.com/photo-1594824476967-48c92f920292?w=400&h=400&fit=crop", imageAlt: "Dr. Fatima Malik, Cosmetic Dentist"
}, },
{ {
id: "3", name: "Dr. Hassan Ali", role: "Orthodontist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-isolated-grey_651396-917.jpg", imageAlt: "Dr. Hassan Ali, Orthodontist" id: "3", name: "Dr. Hassan Ali", role: "Orthodontist", imageSrc: "https://images.unsplash.com/photo-1537368310025-700d63c73106?w=400&h=400&fit=crop", imageAlt: "Dr. Hassan Ali, Orthodontist"
}, },
{ {
id: "4", name: "Amina Husain", role: "Dental Hygienist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg?_wi=2", imageAlt: "Amina Husain, Dental Hygienist" id: "4", name: "Amina Husain", role: "Dental Hygienist", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=400&h=400&fit=crop", imageAlt: "Amina Husain, Dental Hygienist"
} }
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -133,21 +133,21 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen <TestimonialCardFifteen
testimonial="The entire team at Smile Dental made me feel comfortable from the moment I walked in. Dr. Khan's expertise and the friendly staff transformed my dental anxiety into confidence. I'm thrilled with my new smile!" testimonial="The entire team at PakistanDental made me feel comfortable from the moment I walked in. Dr. Khan's expertise and the friendly staff transformed my dental anxiety into confidence. I'm thrilled with my new smile!"
rating={5} rating={5}
author="Sarah Ahmed, Business Owner" author="Sarah Ahmed, Business Owner"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", alt: "Sarah Ahmed" src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face", alt: "Sarah Ahmed"
}, },
{ {
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Mohammad Hassan" src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", alt: "Mohammad Hassan"
}, },
{ {
src: "http://img.b2bpic.net/free-photo/adorable-woman-smiling-medium-shot_23-2148376593.jpg", alt: "Zainab Khan" src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face", alt: "Zainab Khan"
}, },
{ {
src: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg", alt: "Usman Raza" src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=face", alt: "Usman Raza"
} }
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
@@ -166,7 +166,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", title: "Do you accept insurance plans?", content: "Yes, we accept most major insurance plans in Pakistan. Please contact our office with your insurance details, and we'll verify your coverage." id: "1", title: "Do you accept insurance plans?", content: "Yes, we accept major insurance plans in Pakistan. Please contact our office with your insurance details, and we'll verify your coverage."
}, },
{ {
id: "2", title: "How often should I visit for checkups?", content: "We recommend visiting every six months for routine cleanings and checkups. However, patients with specific conditions may need more frequent visits." id: "2", title: "How often should I visit for checkups?", content: "We recommend visiting every six months for routine cleanings and checkups. However, patients with specific conditions may need more frequent visits."
@@ -204,10 +204,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg" imageSrc="https://images.unsplash.com/photo-1606811841689-23cc3c8c8288?w=800&h=400&fit=crop"
imageAlt="Smile Dental Clinic Footer" imageAlt="PakistanDental Clinic Footer"
logoText="Smile Dental" logoText="PakistanDental"
copyrightText="© 2025 Smile Dental Clinic. All rights reserved." copyrightText="© 2025 PakistanDental. All rights reserved."
columns={[ columns={[
{ {
title: "Services", items: [ title: "Services", items: [
@@ -227,9 +227,9 @@ export default function LandingPage() {
}, },
{ {
title: "Contact", items: [ title: "Contact", items: [
{ label: "Karachi: +92 (21) 3456-7890", href: "tel:+922134567890" }, { label: "Info: +92 (0) 300-DENTAL-1", href: "tel:+923000335826" },
{ label: "Lahore: +92 (42) 3456-7890", href: "tel:+924234567890" }, { label: "Email: info@pakistandental.pk", href: "mailto:info@pakistandental.pk" },
{ label: "info@smiledental.pk", href: "mailto:info@smiledental.pk" }, { label: "WhatsApp Support", href: "https://wa.me/923001234567" },
{ label: "Book Appointment", href: "#contact" } { label: "Book Appointment", href: "#contact" }
] ]
} }

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-raleway), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-raleway), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }

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

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #efebe5; --background: #ffffff;
--card: #f7f2ea; --card: #f9f9f9;
--foreground: #000000; --foreground: #000612e6;
--primary-cta: #000000; --primary-cta: #15479c;
--primary-cta-text: #efebe5; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #000000; --secondary-cta-text: #000612e6;
--accent: #ffffff; --accent: #e2e2e2;
--background-accent: #e1b875; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);