Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Doctors",
|
||||
id: "#doctors",
|
||||
},
|
||||
name: "Doctors", id: "#doctors"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="Shining Smile"
|
||||
/>
|
||||
@@ -57,61 +49,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Dental care without fear, with confidence"
|
||||
description="Precise treatment, transparent pricing, and complete control over your care. Welcome to a new kind of dental experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book your consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Your Free Consultation", href: "#contact"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-room_1203-746.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-enterprise-director-having-chat-via-social-media-messages_482257-116875.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-enterprise-director-having-chat-via-social-media-messages_482257-116875.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-995.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-995.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-hair-bun_273609-14811.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-hair-bun_273609-14811.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pain-free technology",
|
||||
},
|
||||
type: "text", text: "Pain-free technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent fixed pricing",
|
||||
},
|
||||
type: "text", text: "Transparent fixed pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Board-certified specialists",
|
||||
},
|
||||
type: "text", text: "Board-certified specialists"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern dental clinic",
|
||||
},
|
||||
type: "text", text: "Modern dental clinic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Patient comfort",
|
||||
},
|
||||
type: "text", text: "100% Patient comfort"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,36 +92,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
title: "Review rating",
|
||||
items: [
|
||||
"Google verified",
|
||||
],
|
||||
id: "m1", value: "4.9", title: "Review rating", items: [
|
||||
"Google verified"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
title: "Happy patients",
|
||||
items: [
|
||||
"Trusted care",
|
||||
],
|
||||
id: "m2", value: "1000+", title: "Happy patients", items: [
|
||||
"Trusted care"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
title: "Pain experienced",
|
||||
items: [
|
||||
"Comfort first",
|
||||
],
|
||||
id: "m3", value: "0", title: "Pain experienced", items: [
|
||||
"Comfort first"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
title: "Transparent pricing",
|
||||
items: [
|
||||
"No surprises",
|
||||
],
|
||||
id: "m4", value: "100%", title: "Transparent pricing", items: [
|
||||
"No surprises"],
|
||||
},
|
||||
]}
|
||||
title="Our commitment in numbers"
|
||||
@@ -168,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Caries Treatment",
|
||||
price: "Expert care",
|
||||
variant: "General",
|
||||
imageSrc: "asset://srv-1",
|
||||
},
|
||||
id: "p1", name: "Caries Treatment", price: "Expert care", variant: "General", imageSrc: "asset://srv-1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Restoration",
|
||||
price: "Artful precision",
|
||||
variant: "General",
|
||||
imageSrc: "asset://srv-2",
|
||||
},
|
||||
id: "p2", name: "Restoration", price: "Artful precision", variant: "General", imageSrc: "asset://srv-2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crowns",
|
||||
price: "Durable solution",
|
||||
variant: "Restorative",
|
||||
imageSrc: "asset://srv-3",
|
||||
},
|
||||
id: "p3", name: "Crowns", price: "Durable solution", variant: "Restorative", imageSrc: "asset://srv-3"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Veneers",
|
||||
price: "Aesthetic design",
|
||||
variant: "Cosmetic",
|
||||
imageSrc: "asset://srv-4",
|
||||
},
|
||||
id: "p4", name: "Veneers", price: "Aesthetic design", variant: "Cosmetic", imageSrc: "asset://srv-4"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Orthodontics",
|
||||
price: "Health correction",
|
||||
variant: "Restorative",
|
||||
imageSrc: "asset://srv-5",
|
||||
},
|
||||
id: "p5", name: "Orthodontics", price: "Health correction", variant: "Restorative", imageSrc: "asset://srv-5"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pediatric",
|
||||
price: "Kind approach",
|
||||
variant: "Pediatric",
|
||||
imageSrc: "asset://srv-6",
|
||||
},
|
||||
id: "p6", name: "Pediatric", price: "Kind approach", variant: "Pediatric", imageSrc: "asset://srv-6"},
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="From aesthetic restoration to complex orthopedics, we cover every need."
|
||||
@@ -222,19 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hidden fees",
|
||||
"Rush appointments",
|
||||
"Painful procedures",
|
||||
"Vague planning",
|
||||
],
|
||||
"Hidden fees", "Rush appointments", "Painful procedures", "Vague planning"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fixed transparent pricing",
|
||||
"Unhurried appointments",
|
||||
"Total pain relief",
|
||||
"Explained treatment steps",
|
||||
],
|
||||
"Fixed transparent pricing", "Unhurried appointments", "Total pain relief", "Explained treatment steps"],
|
||||
}}
|
||||
title="Why patients choose Shining Smile"
|
||||
description="We blend deep clinical expertise with a focus on patient emotional comfort and full clarity."
|
||||
@@ -259,29 +174,13 @@ export default function LandingPage() {
|
||||
membersAnimation="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Gachay Aliev - Lead Prosthodontist",
|
||||
imageSrc: "asset://doc-1",
|
||||
imageAlt: "Dr Gachay Aliev",
|
||||
},
|
||||
id: "d1", name: "Gachay Aliev - Lead Prosthodontist", imageSrc: "asset://doc-1", imageAlt: "Dr Gachay Aliev"},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Maria Ivanova - Lead Therapist",
|
||||
imageSrc: "asset://doc-2",
|
||||
imageAlt: "Dr Maria Ivanova",
|
||||
},
|
||||
id: "d2", name: "Maria Ivanova - Lead Therapist", imageSrc: "asset://doc-2", imageAlt: "Dr Maria Ivanova"},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Ivan Petrov - Orthodontist",
|
||||
imageSrc: "asset://doc-3",
|
||||
imageAlt: "Dr Ivan Petrov",
|
||||
},
|
||||
id: "d3", name: "Ivan Petrov - Orthodontist", imageSrc: "asset://doc-3", imageAlt: "Dr Ivan Petrov"},
|
||||
{
|
||||
id: "d4",
|
||||
name: "Olena Melnyk - Pediatric Expert",
|
||||
imageSrc: "asset://doc-4",
|
||||
imageAlt: "Dr Olena Melnyk",
|
||||
},
|
||||
id: "d4", name: "Olena Melnyk - Pediatric Expert", imageSrc: "asset://doc-4", imageAlt: "Dr Olena Melnyk"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -292,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Yustyna",
|
||||
imageSrc: "asset://t-1",
|
||||
},
|
||||
id: "t1", name: "Yustyna", imageSrc: "asset://t-1"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ekaterina",
|
||||
imageSrc: "asset://t-2",
|
||||
},
|
||||
id: "t2", name: "Ekaterina", imageSrc: "asset://t-2"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Inna",
|
||||
imageSrc: "asset://t-3",
|
||||
},
|
||||
id: "t3", name: "Inna", imageSrc: "asset://t-3"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mykola",
|
||||
imageSrc: "asset://t-4",
|
||||
},
|
||||
id: "t4", name: "Mykola", imageSrc: "asset://t-4"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Olena",
|
||||
imageSrc: "asset://t-5",
|
||||
},
|
||||
id: "t5", name: "Olena", imageSrc: "asset://t-5"},
|
||||
]}
|
||||
cardTitle="What our patients say"
|
||||
cardTag="Stories"
|
||||
@@ -329,25 +213,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Consultation",
|
||||
content: "Initial meeting to discuss needs and baseline diagnostics.",
|
||||
},
|
||||
id: "f1", title: "Consultation", content: "Initial meeting to discuss needs and baseline diagnostics."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Treatment Plan",
|
||||
content: "Transparent roadmap with fixed costs before any work begins.",
|
||||
},
|
||||
id: "f2", title: "Treatment Plan", content: "Transparent roadmap with fixed costs before any work begins."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Procedure",
|
||||
content: "Performed with precision, attention to detail, and pain-free methods.",
|
||||
},
|
||||
id: "f3", title: "Procedure", content: "Performed with precision, attention to detail, and pain-free methods."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Control",
|
||||
content: "Careful monitoring of the results for lasting satisfaction.",
|
||||
},
|
||||
id: "f4", title: "Control", content: "Careful monitoring of the results for lasting satisfaction."},
|
||||
]}
|
||||
title="How we provide care"
|
||||
description="Understanding every step for complete peace of mind."
|
||||
@@ -362,47 +234,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
title: "Standard Checkup",
|
||||
price: "From $50",
|
||||
period: "/ visit",
|
||||
features: [
|
||||
"Exam",
|
||||
"Consultation",
|
||||
],
|
||||
id: "pl1", title: "Standard Checkup", price: "From $50", period: "/ visit", features: [
|
||||
"Exam", "Consultation"],
|
||||
button: {
|
||||
text: "Book",
|
||||
},
|
||||
imageSrc: "asset://p-1",
|
||||
},
|
||||
text: "Book"},
|
||||
imageSrc: "asset://p-1"},
|
||||
{
|
||||
id: "pl2",
|
||||
title: "Complex Restoration",
|
||||
price: "Customized",
|
||||
period: "/ case",
|
||||
features: [
|
||||
"Personal plan",
|
||||
"Follow-up",
|
||||
],
|
||||
id: "pl2", title: "Complex Restoration", price: "Customized", period: "/ case", features: [
|
||||
"Personal plan", "Follow-up"],
|
||||
button: {
|
||||
text: "Book",
|
||||
},
|
||||
imageSrc: "asset://p-2",
|
||||
},
|
||||
text: "Book"},
|
||||
imageSrc: "asset://p-2"},
|
||||
{
|
||||
id: "pl3",
|
||||
title: "Pediatric Plan",
|
||||
price: "From $40",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Exam",
|
||||
"Safe care",
|
||||
],
|
||||
id: "pl3", title: "Pediatric Plan", price: "From $40", period: "/ session", features: [
|
||||
"Exam", "Safe care"],
|
||||
button: {
|
||||
text: "Book",
|
||||
},
|
||||
imageSrc: "asset://p-3",
|
||||
},
|
||||
text: "Book"},
|
||||
imageSrc: "asset://p-3"},
|
||||
]}
|
||||
title="Transparent costs"
|
||||
description="No hidden surprises, just expert care."
|
||||
@@ -413,8 +261,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to begin?"
|
||||
title="Start your journey to health"
|
||||
description="Join Shining Smile for professional, comfortable care."
|
||||
@@ -431,4 +278,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user