Switch to version 7: modified src/app/page.tsx
This commit is contained in:
123
src/app/page.tsx
123
src/app/page.tsx
@@ -2,7 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
@@ -357,7 +358,6 @@ 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,6 +386,7 @@ 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" },
|
||||
]}
|
||||
@@ -397,56 +398,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
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}
|
||||
<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}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "25+", label: "Years Experience" },
|
||||
{ value: "99%", label: "Patient Satisfaction" },
|
||||
{ value: "500+", label: "Successful Smiles" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Book Consultation", onClick: () => setBookingOpen(true) },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling_107420-65384.jpg?_wi=1", imageAlt: "Cosmetic smile enhancement"
|
||||
},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg", imageAlt: "Advanced dental implant procedure"
|
||||
},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-dental-treatment-from-male-dentist-clinic_662251-2591.jpg", imageAlt: "Professional dental cleaning"
|
||||
},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2973.jpg", imageAlt: "Dental care treatment"
|
||||
},
|
||||
{
|
||||
id: "5", imageSrc: "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", imageAlt: "Modern dental office"
|
||||
},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling_107420-65384.jpg?_wi=2", imageAlt: "Cosmetic smile enhancement"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -483,6 +456,54 @@ 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"
|
||||
@@ -543,10 +564,10 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Cosmetic Dentistry", href: "#about" },
|
||||
{ label: "Implants", href: "#about" },
|
||||
{ label: "Preventive Care", href: "#about" },
|
||||
{ label: "Emergency Care", href: "#contact" },
|
||||
{ label: "Cosmetic Dentistry", href: "#services" },
|
||||
{ label: "Implants", href: "#services" },
|
||||
{ label: "Preventive Care", href: "#services" },
|
||||
{ label: "Emergency Care", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user