Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Liddawi Clinic"
|
||||
/>
|
||||
@@ -50,38 +45,17 @@ export default function LandingPage() {
|
||||
title="Your Perfect Smile, Crafted with Precision & Care"
|
||||
description="Experience pain-free, world-class dentistry in a luxurious, calming environment at Liddawi Clinic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "WhatsApp Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-dentist-woman-dental-office-while-medical-nurse-talking-with-patient-background_482257-4866.jpg",
|
||||
alt: "Dentist in office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-going-through-dental-treatment-with-expander_23-2147862044.jpg",
|
||||
alt: "Patient treatment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66732.jpg",
|
||||
alt: "Dentist at work",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg",
|
||||
alt: "Modern clinic interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor-holding-glasses_23-2148485968.jpg",
|
||||
alt: "Doctor smiling",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-dentist-woman-dental-office-while-medical-nurse-talking-with-patient-background_482257-4866.jpg", alt: "Dentist in office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-going-through-dental-treatment-with-expander_23-2147862044.jpg", alt: "Patient treatment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66732.jpg", alt: "Dentist at work" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg", alt: "Modern clinic interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor-holding-glasses_23-2148485968.jpg", alt: "Doctor smiling" },
|
||||
]}
|
||||
avatarText="Trusted by 2000+ patients"
|
||||
/>
|
||||
@@ -94,27 +68,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9+",
|
||||
title: "Rating",
|
||||
description: "Patient Satisfaction",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years",
|
||||
description: "Experience in Dentistry",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
title: "Smiles",
|
||||
description: "Successfully Transformed",
|
||||
icon: Smile,
|
||||
},
|
||||
{ id: "m1", value: "4.9+", title: "Rating", description: "Patient Satisfaction", icon: Star },
|
||||
{ id: "m2", value: "10+", title: "Years", description: "Experience in Dentistry", icon: Award },
|
||||
{ id: "m3", value: "2000+", title: "Smiles", description: "Successfully Transformed", icon: Smile },
|
||||
]}
|
||||
title="Trusted by Hundreds"
|
||||
description="We are proud of the smiles we have restored over the last decade."
|
||||
@@ -128,28 +84,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Teeth Whitening",
|
||||
description: "Advanced whitening for a radiant, brighter smile.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-doctor-clinic_23-2147767565.jpg?_wi=1",
|
||||
imageAlt: "professional male dentist portrait",
|
||||
title: "Teeth Whitening", description: "Advanced whitening for a radiant, brighter smile.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Veneers & Makeovers",
|
||||
description: "Customized aesthetic transformations for your smile.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg?_wi=2",
|
||||
imageAlt: "professional male dentist portrait",
|
||||
title: "Veneers & Makeovers", description: "Customized aesthetic transformations for your smile.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "High-quality, durable solutions for missing teeth.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-procedure-dentist_23-2148380356.jpg?_wi=1",
|
||||
imageAlt: "professional male dentist portrait",
|
||||
title: "Dental Implants", description: "High-quality, durable solutions for missing teeth.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Dental Care"
|
||||
@@ -161,12 +102,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Meet Dr. Raja Liddawi"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,28 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pain-Free Approach",
|
||||
description: "State-of-the-art techniques to ensure your comfort.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-procedure-dentist_23-2148380356.jpg?_wi=2",
|
||||
imageAlt: "teeth whitening procedure bright smile",
|
||||
title: "Pain-Free Approach", description: "State-of-the-art techniques to ensure your comfort.", bentoComponent: "reveal-icon", icon: Smile,
|
||||
},
|
||||
{
|
||||
title: "Luxury Environment",
|
||||
description: "Designed to be calm, welcoming, and relaxing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LayoutDashboard,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg?_wi=3",
|
||||
imageAlt: "teeth whitening procedure bright smile",
|
||||
title: "Luxury Environment", description: "Designed to be calm, welcoming, and relaxing.", bentoComponent: "reveal-icon", icon: LayoutDashboard,
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Highly trained specialists dedicated to your health.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-doctor-clinic_23-2147767565.jpg?_wi=2",
|
||||
imageAlt: "teeth whitening procedure bright smile",
|
||||
title: "Expert Team", description: "Highly trained specialists dedicated to your health.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Liddawi"
|
||||
@@ -213,26 +134,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Dania S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-working-nurse_23-2150829831.jpg",
|
||||
alt: "Dania S.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-wearing-white-coat_23-2149844582.jpg",
|
||||
alt: "Happy Patient",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",
|
||||
alt: "Satisfied Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg",
|
||||
alt: "Patient Smile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168431.jpg",
|
||||
alt: "Content Patient",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-female-working-nurse_23-2150829831.jpg", alt: "Dania S." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-wearing-white-coat_23-2149844582.jpg", alt: "Happy Patient" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg", alt: "Satisfied Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg", alt: "Patient Smile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168431.jpg", alt: "Content Patient" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -243,21 +149,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the treatment painful?",
|
||||
content: "Our pain-free approach is designed to keep you relaxed and comfortable throughout your visit.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we offer transparent and flexible payment plans to suit your budget.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book easily online, via WhatsApp, or by calling our clinic directly.",
|
||||
},
|
||||
{ id: "1", title: "Is the treatment painful?", content: "Our pain-free approach is designed to keep you relaxed and comfortable throughout your visit." },
|
||||
{ id: "2", title: "Do you offer financing?", content: "Yes, we offer transparent and flexible payment plans to suit your budget." },
|
||||
{ id: "3", title: "How do I book an appointment?", content: "You can book easily online, via WhatsApp, or by calling our clinic directly." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -267,19 +161,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to Transform Your Smile? Book your appointment today and experience dentistry like never before."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Book Now", href: "#" },
|
||||
{ text: "WhatsApp Us", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,29 +175,15 @@ export default function LandingPage() {
|
||||
logoText="Liddawi Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Clinic", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user