10 Commits

2 changed files with 42 additions and 77 deletions

View File

@@ -1,12 +1,10 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./styles/variables.css";
import "./styles/base.css";
const inter = Inter({ subsets: ["latin"] });
import "./globals.css";
export const metadata: Metadata = {
title: "Expert Dental Care", description: "Premium dental care excellence with luxury amenities and cutting-edge technology"};
title: "Expert Dental Care", description: "Premium dental services with luxury care and advanced technology"};
export default function RootLayout({
children,
@@ -15,7 +13,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={inter.className}>{children}
<body className="antialiased">{children}
<script
dangerouslySetInnerHTML={{
__html: `

View File

@@ -2,8 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import HeroSplitKPI from "@/components/sections/hero/HeroSplitKPI";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
@@ -358,6 +357,7 @@ export default function LandingPage() {
const handleBookingSubmit = (data: any) => {
console.log('Booking submitted:', data);
// Here you would typically send this to your backend
alert(`Booking confirmed for ${data.name} on ${data.date} at ${data.time}`);
};
@@ -386,7 +386,6 @@ export default function LandingPage() {
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
@@ -398,28 +397,44 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Premium Dental Care Excellence"
description="Experience world-class dental treatment in a luxurious, calming environment. Our expert team delivers exceptional results with cutting-edge technology and personalized care for every patient."
tag="Trusted by 1000+ Patients"
tagIcon={Star}
<HeroSplitKPI
title="Premium Dental Services"
description="Discover our comprehensive range of luxury dental treatments designed to enhance your smile and oral health."
tag="Our Services"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "25+", label: "Years Experience" },
{ value: "99%", label: "Patient Satisfaction" },
{ value: "500+", label: "Successful Smiles" },
]}
enableKpiAnimation={true}
textSide="left"
imageSrc="http://img.b2bpic.net/free-photo/female-patient-smiling_107420-65384.jpg?_wi=1"
imageAlt="Cosmetic smile enhancement"
mediaAnimation="slide-up"
buttons={[
{ text: "Book Consultation", onClick: () => setBookingOpen(true) },
{ text: "Learn More", href: "#features" },
{ text: "Learn More", href: "#about" },
]}
buttonAnimation="slide-up"
kpis={[
{ value: "25+", label: "Years Experience" },
{ value: "10K+", label: "Happy Patients" },
{ value: "98%", label: "Satisfaction Rate" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Luxury Dental Excellence with" },
{
type: "image", src: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg", alt: "Modern dental office"
},
{ type: "text", content: "State-of-the-Art Care" },
]}
useInvertedBackground={true}
buttons={[
{ text: "Discover Our Practice", href: "#about" },
{ text: "Meet Our Team", href: "#testimonials" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2973.jpg"
imageAlt="Beautiful professional smile"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
@@ -456,54 +471,6 @@ export default function LandingPage() {
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
title="Premium Dental Services"
description="Discover our comprehensive range of luxury dental treatments designed to enhance your smile and oral health."
tag="Our Services"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{
id: "1", brand: "Cosmetic Dentistry", name: "Smile Enhancement", price: "From $500", rating: 5,
reviewCount: "248", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling_107420-65384.jpg", imageAlt: "Cosmetic smile enhancement"
},
{
id: "2", brand: "Restorative", name: "Dental Implants", price: "From $2,500", rating: 5,
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg", imageAlt: "Advanced dental implant procedure"
},
{
id: "3", brand: "Preventive Care", name: "Professional Cleaning", price: "From $150", rating: 5,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-dental-treatment-from-male-dentist-clinic_662251-2591.jpg", imageAlt: "Professional dental cleaning"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
buttons={[{ text: "View All Services", onClick: () => setBookingOpen(true) }]}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Luxury Dental Excellence with" },
{
type: "image", src: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg", alt: "Modern dental office"
},
{ type: "text", content: "State-of-the-Art Care" },
]}
useInvertedBackground={true}
buttons={[
{ text: "Discover Our Practice", href: "#services" },
{ text: "Meet Our Team", href: "#testimonials" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Patient Success Stories"
@@ -564,10 +531,10 @@ export default function LandingPage() {
columns={[
{
title: "Services", items: [
{ label: "Cosmetic Dentistry", href: "#services" },
{ label: "Implants", href: "#services" },
{ label: "Preventive Care", href: "#services" },
{ label: "Emergency Care", href: "#services" },
{ label: "Cosmetic Dentistry", href: "#about" },
{ label: "Implants", href: "#about" },
{ label: "Preventive Care", href: "#about" },
{ label: "Emergency Care", href: "#contact" },
],
},
{