bender/7b35a656-c660-4702-8040-bf017f92a410
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
be091bd9ac Update src/app/page.tsx 2026-03-07 08:49:39 +00:00
bender
6e55b5f309 Update src/app/layout.tsx 2026-03-07 08:49:38 +00:00
bender
9f2f4c2f29 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 08:44:47 +00:00
2 changed files with 114 additions and 59 deletions
Expand all files Collapse all files

52
src/app/layout.tsx
View File

@@ -1,52 +1,33 @@
import type { Metadata } from "next";
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 halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Trusmile Dental Clinic | Luxury Dental Care in Surat", description: "Premium dental clinic in Surat offering advanced cosmetic dentistry, implants, and comprehensive dental care with expert dentists and modern technology.", keywords: "dental clinic Surat, best dentist Surat, teeth whitening, dental implants, root canal treatment, cosmetic dentistry, luxury dental care", metadataBase: new URL("https://trusmile-dental.com"),
alternates: {
canonical: "https://trusmile-dental.com"},
openGraph: {
title: "Trusmile Dental Clinic | Luxury Dental Care in Surat", description: "Experience premium dental healthcare with expert dentists and cutting-edge technology at Trusmile Dental Clinic in Surat.", url: "https://trusmile-dental.com", siteName: "Trusmile Dental Clinic", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg", alt: "Luxury dental clinic professional treatment"},
],
},
twitter: {
card: "summary_large_image", title: "Trusmile Dental Clinic | Premium Dental Care", description: "Advanced dental solutions and cosmetic treatments in Surat", images: ["http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Trusmile Dental Clinic - Precision Dentistry in Surat", description: "Advanced dental care and cosmetic smile solutions at Trusmile Dental Clinic in Surat. Experience luxury healthcare with cutting-edge technology and compassionate expertise."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<head>
<script
async
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"
></script>
<script
async
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"
></script>
</head>
<body className={`${inter.variable} antialiased`}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1414,7 +1395,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

121
src/app/page.tsx
View File

@@ -8,10 +8,32 @@ import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Award, Sparkles } from "lucide-react";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Award, Sparkles, Phone, Mail, MapPin, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
export default function LandingPage() {
const handleCallClick = () => {
window.location.href = "tel:+919876543210";
};
const handleEmailClick = () => {
window.location.href = "mailto:info@trusmile.com";
};
const handleBookAppointment = () => {
const appointmentSection = document.getElementById("appointment");
if (appointmentSection) {
appointmentSection.scrollIntoView({ behavior: "smooth" });
}
};
const handleNavigateToSection = (sectionId: string) => {
const section = document.getElementById(sectionId);
if (section) {
section.scrollIntoView({ behavior: "smooth" });
}
};
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -34,7 +56,9 @@ export default function LandingPage() {
{ name: "Why Us", id: "whyus" },
{ name: "Testimonials", id: "testimonials" },
]}
button={{ text: "Book Appointment", href: "appointment" }}
button={{
text: "Book Appointment", onClick: handleBookAppointment,
}}
animateOnLoad={true}
className="backdrop-blur-md bg-opacity-95"
navItemClassName="text-sm font-medium tracking-wide"
@@ -56,8 +80,8 @@ export default function LandingPage() {
showBlur={true}
showDimOverlay={true}
buttons={[
{ text: "Book Appointment", href: "appointment" },
{ text: "Call Clinic", href: "tel:+919876543210" },
{ text: "Book Appointment", onClick: handleBookAppointment },
{ text: "Call Clinic", onClick: handleCallClick },
]}
buttonAnimation="slide-up"
className="relative overflow-hidden"
@@ -77,7 +101,11 @@ export default function LandingPage() {
title="About Trusmile Dental Clinic"
description={[
"At Trusmile Dental Clinic in Surat, we combine decades of expertise with state-of-the-art dental technology to deliver exceptional patient care. Our team of experienced dentists is dedicated to creating comfortable, confident smiles through personalized treatment planning and advanced clinical techniques.", "We maintain the strictest hygiene standards and utilize cutting-edge equipment to ensure every patient receives the highest quality dental care. Our philosophy centers on patient comfort, transparent communication, and long-term oral health—making us the trusted choice for comprehensive dental solutions in Gujarat."]}
buttons={[{ text: "Learn More", href: "#services" }]}
buttons={[
{
text: "Learn More", onClick: () => handleNavigateToSection("services"),
},
]}
buttonAnimation="slide-up"
showBorder={true}
useInvertedBackground={false}
@@ -115,7 +143,11 @@ export default function LandingPage() {
id: 4,
title: "Root Canal Treatment", description: "Advanced treatment to remove infection from inside the tooth and save natural teeth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-mouth-undergoing-dental-check-up_107420-65610.jpg", imageAlt: "Root canal treatment procedure"},
]}
buttons={[{ text: "View All Services", href: "#allservices" }]}
buttons={[
{
text: "View All Services", onClick: () => handleNavigateToSection("services"),
},
]}
buttonAnimation="slide-up"
className="py-20"
containerClassName="max-w-7xl mx-auto px-6"
@@ -167,12 +199,18 @@ export default function LandingPage() {
rating={5}
author="Priya Sharma, Surat"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", alt: "Patient testimonial avatar" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-doctor-nursing-home_637285-11403.jpg", alt: "Patient testimonial avatar" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213172.jpg", alt: "Patient testimonial avatar" },
{ src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "Patient testimonial avatar" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", alt: "Patient testimonial avatar" },
{ src: "http://img.b2bpic.net/free-photo/man-putting-face-discomfort_1187-1592.jpg", alt: "Patient testimonial avatar" },
{
src: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", alt: "Patient testimonial avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-doctor-nursing-home_637285-11403.jpg", alt: "Patient testimonial avatar"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213172.jpg", alt: "Patient testimonial avatar"},
{
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "Patient testimonial avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", alt: "Patient testimonial avatar"},
{
src: "http://img.b2bpic.net/free-photo/man-putting-face-discomfort_1187-1592.jpg", alt: "Patient testimonial avatar"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -191,8 +229,10 @@ export default function LandingPage() {
text="Ready to transform your smile? Schedule your personalized consultation with our expert dentists today."
animationType="background-highlight"
buttons={[
{ text: "Book Appointment", href: "#appointmentform" },
{ text: "Call +91 98765 43210", href: "tel:+919876543210" },
{
text: "Book Appointment", onClick: handleBookAppointment,
},
{ text: "Call +91 98765 43210", onClick: handleCallClick },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -207,16 +247,51 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBase
logoText="Trusmile"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
copyrightText="© 2025 Trusmile Dental Clinic. All rights reserved."
columns={[
{
title: "Services", items: [
{ label: "General Dentistry", onClick: () => handleNavigateToSection("services") },
{ label: "Cosmetic Dentistry", onClick: () => handleNavigateToSection("services") },
{ label: "Root Canal Treatment", onClick: () => handleNavigateToSection("services") },
{ label: "Dental Implants", onClick: () => handleNavigateToSection("services") },
],
},
{
title: "Company", items: [
{ label: "About Us", onClick: () => handleNavigateToSection("about") },
{ label: "Our Team", onClick: () => handleNavigateToSection("about") },
{ label: "Testimonials", onClick: () => handleNavigateToSection("testimonials") },
{
label: "Book Appointment", onClick: handleBookAppointment,
},
],
},
{
title: "Contact", items: [
{ label: "Phone: +91 98765 43210", onClick: handleCallClick },
{ label: "Email: info@trusmile.com", onClick: handleEmailClick },
{ label: "Address: Surat, Gujarat", href: "#" },
{ label: "Hours: Mon-Sat 9AM-8PM", href: "#" },
],
},
]}
onPrivacyClick={() => {
console.log("Privacy policy clicked");
}}
ariaLabel="Trusmile Dental Clinic footer"
className="bg-gradient-to-t from-charcoal to-transparent text-white"
wrapperClassName="py-16"
containerClassName="max-w-7xl mx-auto px-6 flex justify-between items-center"
logoClassName="text-2xl font-extrabold tracking-wider"
linkClassName="text-sm hover:text-gold transition-colors duration-300"
className="bg-slate-900 text-white"
containerClassName="max-w-7xl mx-auto px-6 py-16"
logoTextClassName="text-2xl font-extrabold tracking-wider mb-8"
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12"
columnClassName="space-y-4"
columnTitleClassName="text-lg font-semibold text-white"
columnItemClassName="text-sm text-gray-300 hover:text-white transition-colors duration-200"
copyrightContainerClassName="border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between items-center gap-4"
copyrightTextClassName="text-sm text-gray-400"
privacyButtonClassName="text-sm text-gray-300 hover:text-white transition-colors duration-200"
/>
</div>
</ThemeProvider>