Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -17,31 +18,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Muskan Dental"
|
||||
/>
|
||||
@@ -51,98 +49,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Your Smile, Our Priority"
|
||||
description="Providing exceptional, personalized dental care in a comfortable and modern environment."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
handle: "@rahulv",
|
||||
testimonial: "Excellent service and very gentle care. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-close-up-portrait-young-woman-smiling-looking-happy-wearing-casual-white-tshirt-standing-h_1258-127290.jpg?_wi=1",
|
||||
},
|
||||
name: "Rahul Verma", handle: "@rahulv", testimonial: "Excellent service and very gentle care. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-close-up-portrait-young-woman-smiling-looking-happy-wearing-casual-white-tshirt-standing-h_1258-127290.jpg"},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "@priyas",
|
||||
testimonial: "Muskan Dental changed my life with my new smile. Great team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg?_wi=1",
|
||||
},
|
||||
name: "Priya Sharma", handle: "@priyas", testimonial: "Muskan Dental changed my life with my new smile. Great team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg"},
|
||||
{
|
||||
name: "Amit Kumar",
|
||||
handle: "@amitk",
|
||||
testimonial: "Very professional and clean clinic. The staff is wonderful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg?_wi=1",
|
||||
},
|
||||
name: "Amit Kumar", handle: "@amitk", testimonial: "Very professional and clean clinic. The staff is wonderful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg"},
|
||||
{
|
||||
name: "Sunita Rao",
|
||||
handle: "@sunitar",
|
||||
testimonial: "Painless procedure! Thank you for such great care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=1",
|
||||
},
|
||||
name: "Sunita Rao", handle: "@sunitar", testimonial: "Painless procedure! Thank you for such great care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
name: "Vikram Seth",
|
||||
handle: "@vikrams",
|
||||
testimonial: "Best experience I've had at a dentist. Extremely satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-elder-woman-reading_23-2148373858.jpg?_wi=1",
|
||||
},
|
||||
name: "Vikram Seth", handle: "@vikrams", testimonial: "Best experience I've had at a dentist. Extremely satisfied.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-elder-woman-reading_23-2148373858.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-close-up-portrait-young-woman-smiling-looking-happy-wearing-casual-white-tshirt-standing-h_1258-127290.jpg",
|
||||
alt: "Rahul Verma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-close-up-portrait-young-woman-smiling-looking-happy-wearing-casual-white-tshirt-standing-h_1258-127290.jpg", alt: "Rahul Verma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg",
|
||||
alt: "Priya Sharma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg", alt: "Priya Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
|
||||
alt: "Amit Kumar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg", alt: "Amit Kumar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Sunita Rao",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Sunita Rao"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-elder-woman-reading_23-2148373858.jpg",
|
||||
alt: "Vikram Seth",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-elder-woman-reading_23-2148373858.jpg", alt: "Vikram Seth"},
|
||||
]}
|
||||
avatarText="Join 1000+ smiling patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Care",
|
||||
},
|
||||
type: "text", text: "Quality Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Equipment",
|
||||
},
|
||||
type: "text", text: "Modern Equipment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Dentists",
|
||||
},
|
||||
type: "text", text: "Certified Dentists"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Painless Procedures",
|
||||
},
|
||||
type: "text", text: "Painless Procedures"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable Pricing",
|
||||
},
|
||||
type: "text", text: "Affordable Pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,14 +107,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Muskan Dental Clinic",
|
||||
},
|
||||
type: "text", content: "Welcome to Muskan Dental Clinic"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-modern-teethcare-stomatology-hospital-office-with-nobody-it-equipped-with-dental-intruments-ready-orthodontist-healthcare-treatment-tooth-radiography-images-display_482257-9418.jpg",
|
||||
alt: "Clinic Interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/empty-modern-teethcare-stomatology-hospital-office-with-nobody-it-equipped-with-dental-intruments-ready-orthodontist-healthcare-treatment-tooth-radiography-images-display_482257-9418.jpg", alt: "Clinic Interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,28 +120,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "General Dentistry",
|
||||
description: "Routine cleanings and preventative checkups.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dental-care-infographic-set_1284-10433.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "General Dentistry", description: "Routine cleanings and preventative checkups.", imageSrc: "http://img.b2bpic.net/free-vector/dental-care-infographic-set_1284-10433.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Orthodontics",
|
||||
description: "Customized braces and clear aligner treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67310.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Orthodontics", description: "Customized braces and clear aligner treatments.", imageSrc: "http://img.b2bpic.net/free-photo/dental-procedure-installing-braces-close-up-dentistry-braces-teeth_169016-67310.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Implants",
|
||||
description: "High-quality, long-lasting dental implant solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-hair-washed_23-2148332476.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Implants", description: "High-quality, long-lasting dental implant solutions.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-hair-washed_23-2148332476.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Cosmetic Care",
|
||||
description: "Professional teeth whitening and smile makeovers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-casual-indoor-home_624325-1369.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Cosmetic Care", description: "Professional teeth whitening and smile makeovers.", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-casual-indoor-home_624325-1369.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -206,59 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul Verma",
|
||||
role: "Software Engineer",
|
||||
company: "TechIndia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-close-up-portrait-young-woman-smiling-looking-happy-wearing-casual-white-tshirt-standing-h_1258-127290.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Rahul Verma", role: "Software Engineer", company: "TechIndia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-close-up-portrait-young-woman-smiling-looking-happy-wearing-casual-white-tshirt-standing-h_1258-127290.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Sharma",
|
||||
role: "Architect",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Priya Sharma", role: "Architect", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Kumar",
|
||||
role: "Marketing Manager",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Amit Kumar", role: "Marketing Manager", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunita Rao",
|
||||
role: "Teacher",
|
||||
company: "BrightAcademy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Sunita Rao", role: "Teacher", company: "BrightAcademy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Seth",
|
||||
role: "Doctor",
|
||||
company: "City Hospital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-elder-woman-reading_23-2148373858.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Vikram Seth", role: "Doctor", company: "City Hospital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-elder-woman-reading_23-2148373858.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Happy Patients",
|
||||
},
|
||||
value: "1000+", label: "Happy Patients"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Care Availability",
|
||||
},
|
||||
value: "24/7", label: "Care Availability"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Hear what our patients have to say about their experience."
|
||||
@@ -271,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I visit?",
|
||||
content: "We recommend a routine checkup every 6 months.",
|
||||
},
|
||||
id: "1", title: "How often should I visit?", content: "We recommend a routine checkup every 6 months."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the procedure painful?",
|
||||
content: "Our modern techniques minimize discomfort significantly.",
|
||||
},
|
||||
id: "2", title: "Is the procedure painful?", content: "Our modern techniques minimize discomfort significantly."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we work with all major dental insurance providers.",
|
||||
},
|
||||
id: "3", title: "Do you accept insurance?", content: "Yes, we work with all major dental insurance providers."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your dental health."
|
||||
@@ -299,22 +197,14 @@ export default function LandingPage() {
|
||||
description="Ready to get started? Contact us today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your dental needs",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your dental needs"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -323,29 +213,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@muskandental.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@muskandental.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user