Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BrightSmile Dental"
|
||||
/>
|
||||
@@ -49,14 +44,8 @@ export default function LandingPage() {
|
||||
logoText="BrightSmile Dental"
|
||||
description="Your journey to a healthier, brighter smile starts here. Providing professional dental care with comfort and compassion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-chair-ready-be-used_23-2149195906.jpg"
|
||||
imageAlt="Professional dentist consultation"
|
||||
@@ -71,23 +60,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Preventive Care",
|
||||
description: "Regular checkups and cleanings to maintain optimal oral health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-shaking-hand-with-patient_23-2148396210.jpg",
|
||||
imageAlt: "Preventive care",
|
||||
},
|
||||
title: "Preventive Care", description: "Regular checkups and cleanings to maintain optimal oral health.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-shaking-hand-with-patient_23-2148396210.jpg", imageAlt: "Preventive care"},
|
||||
{
|
||||
title: "Cosmetic Dentistry",
|
||||
description: "Whiten, brighten, and transform your smile with confidence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacy-blue-pills-diagnosis-diagnoses-help_1291-170.jpg",
|
||||
imageAlt: "Cosmetic dentistry",
|
||||
},
|
||||
title: "Cosmetic Dentistry", description: "Whiten, brighten, and transform your smile with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/pharmacy-blue-pills-diagnosis-diagnoses-help_1291-170.jpg", imageAlt: "Cosmetic dentistry"},
|
||||
{
|
||||
title: "Restorative Services",
|
||||
description: "Fix damaged teeth and restore function with advanced care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-nurse-duty-communicating-with-mature-man-reception-desk-clinic_637285-471.jpg",
|
||||
imageAlt: "Restorative services",
|
||||
},
|
||||
title: "Restorative Services", description: "Fix damaged teeth and restore function with advanced care.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-nurse-duty-communicating-with-mature-man-reception-desk-clinic_637285-471.jpg", imageAlt: "Restorative services"},
|
||||
]}
|
||||
title="Our Expert Dental Services"
|
||||
description="Comprehensive care tailored to your unique smile."
|
||||
@@ -111,36 +88,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg",
|
||||
imageAlt: "Sarah Miller",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg",
|
||||
imageAlt: "James Chen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-romantic-elderly-lesbian-couple_52683-100045.jpg",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-sofa-smiling_1098-1328.jpg",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021768.jpg",
|
||||
imageAlt: "Linda White",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg", imageAlt: "James Chen" },
|
||||
{ id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-romantic-elderly-lesbian-couple_52683-100045.jpg", imageAlt: "Elena Rodriguez" },
|
||||
{ id: "4", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-sofa-smiling_1098-1328.jpg", imageAlt: "Marcus Johnson" },
|
||||
{ id: "5", name: "Linda White", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021768.jpg", imageAlt: "Linda White" },
|
||||
]}
|
||||
cardTitle="What Our Patients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -152,31 +104,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I visit?",
|
||||
content: "We recommend a routine cleaning every six months.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we accept all major dental insurance plans.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment options are available?",
|
||||
content: "We offer flexible financing options for larger procedures.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you treat children?",
|
||||
content: "Yes, we provide gentle, friendly care for patients of all ages.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What is an emergency appointment?",
|
||||
content: "If you are in pain, please call us immediately and we will prioritize your visit.",
|
||||
},
|
||||
{ id: "1", title: "How often should I visit?", content: "We recommend a routine cleaning every six months." },
|
||||
{ id: "2", title: "Do you accept insurance?", content: "Yes, we accept all major dental insurance plans." },
|
||||
{ id: "3", title: "What payment options are available?", content: "We offer flexible financing options for larger procedures." },
|
||||
{ id: "4", title: "Do you treat children?", content: "Yes, we provide gentle, friendly care for patients of all ages." },
|
||||
{ id: "5", title: "What is an emergency appointment?", content: "If you are in pain, please call us immediately and we will prioritize your visit." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Common questions about our practice and procedures."
|
||||
@@ -190,30 +122,11 @@ export default function LandingPage() {
|
||||
title="Book Your Visit"
|
||||
description="Ready for a better dental experience? Fill out the form and we will reach out to confirm your slot."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any specific concerns?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Any specific concerns?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-hospital-waiting-room-front-desk-with-office-supplies-promotional-flyers-healthcare-facility-empty-reception-counter-with-no-people-private-practice-clinic_482257-45891.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -224,29 +137,15 @@ export default function LandingPage() {
|
||||
logoText="BrightSmile Dental"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Explore", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Call Us", href: "tel:5550123" },
|
||||
{ label: "Directions", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -255,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user