Merge version_1 into main #1
@@ -12,61 +12,34 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Patient Resources",
|
||||
id: "/resources",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Patient Resources", id: "/resources" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Brickell Perio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Schedule Your Visit"
|
||||
description="Ready to improve your smile? Contact us today to book an appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Schedule Your Visit"
|
||||
description="Ready to improve your smile? Contact us today to book an appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+1000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -74,36 +47,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Brickell Perio"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Forms",
|
||||
href: "/resources",
|
||||
},
|
||||
{
|
||||
label: "Insurance",
|
||||
href: "/resources",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Forms", href: "/resources" }, { label: "Insurance", href: "/resources" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
244
src/app/page.tsx
244
src/app/page.tsx
@@ -16,23 +16,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Patient Resources",
|
||||
id: "/resources",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Patient Resources", id: "/resources" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Brickell Perio"
|
||||
/>
|
||||
@@ -40,66 +38,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Excellence in Periodontics and Dental Implants"
|
||||
description="Providing compassionate, state-of-the-art care for your periodontal health and aesthetic smile needs in the heart of Brickell."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Patient Resources",
|
||||
href: "/resources",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "/contact" }, { text: "Patient Resources", href: "/resources" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-chair-other-accesorries-used-by-dentist-empty-cabinet-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12475.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg",
|
||||
alt: "Full equiped medical cabinet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg",
|
||||
alt: "Dentist's office interior with modern chair and special dentisd equipment.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg",
|
||||
alt: "Interior of empty modern stomatology orthodontic hospital bright office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg",
|
||||
alt: "A male dentist explaining a teeth x-ray",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stomatologist-holding-sanitary-model-mandible-talking-with-sick-man_482257-6338.jpg",
|
||||
alt: "Stomatologist holding sanitary model of the mandible",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg", alt: "Full equiped medical cabinet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg", alt: "Dentist's office interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg", alt: "Interior of empty modern stomatology" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg", alt: "A male dentist explaining a teeth x-ray" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stomatologist-holding-sanitary-model-mandible-talking-with-sick-man_482257-6338.jpg", alt: "Stomatologist holding sanitary model" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Board Certified Periodontists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Dental Technology",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Compassionate Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Convenient Brickell Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Implant Solutions",
|
||||
},
|
||||
{ type: "text", text: "Board Certified Periodontists" },
|
||||
{ type: "text", text: "Modern Dental Technology" },
|
||||
{ type: "text", text: "Compassionate Care" },
|
||||
{ type: "text", text: "Convenient Brickell Location" },
|
||||
{ type: "text", text: "Advanced Implant Solutions" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,15 +65,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18599.jpg",
|
||||
alt: "Clinic office",
|
||||
},
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18599.jpg", alt: "Clinic office" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,119 +77,15 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@patient",
|
||||
testimonial: "Excellent care and friendly staff. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-dentist-s-chair-examination-process_651396-2246.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
handle: "@patient",
|
||||
testimonial: "Professional and clean environment. Truly great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-patient-gesturing-ok-sign-front-two-male-dentist_23-2147862057.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike L.",
|
||||
handle: "@patient",
|
||||
testimonial: "Very satisfied with my dental implants. Great experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-chair-while-female-dentist-working-clinic_662251-2551.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna P.",
|
||||
handle: "@patient",
|
||||
testimonial: "The doctor is very thorough and knowledgeable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
handle: "@patient",
|
||||
testimonial: "Comfortable and stress-free appointment. Best clinic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiles-toothily-keeps-eyes-closed-wears-round-transparent-glasses-pink-jacket-being-good-mood-isolated-blue_273609-56371.jpg",
|
||||
},
|
||||
{ id: "1", name: "John D.", handle: "@patient", testimonial: "Excellent care and friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/little-girl-dentist-s-chair-examination-process_651396-2246.jpg" },
|
||||
{ id: "2", name: "Sarah K.", handle: "@patient", testimonial: "Professional and clean environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-patient-gesturing-ok-sign-front-two-male-dentist_23-2147862057.jpg" },
|
||||
{ id: "3", name: "Mike L.", handle: "@patient", testimonial: "Very satisfied with my dental implants.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-chair-while-female-dentist-working-clinic_662251-2551.jpg" },
|
||||
{ id: "4", name: "Anna P.", handle: "@patient", testimonial: "The doctor is very thorough.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg" },
|
||||
{ id: "5", name: "David W.", handle: "@patient", testimonial: "Comfortable and stress-free appointment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiles-toothily-keeps-eyes-closed-wears-round-transparent-glasses-pink-jacket-being-good-mood-isolated-blue_273609-56371.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Patient Experiences"
|
||||
description="Hear from those who have trusted us with their smile and periodontal health."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Clinical Services"
|
||||
description="Transparent care options for your periodontal health."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Consultation",
|
||||
price: "$150",
|
||||
period: "initial",
|
||||
description: "Comprehensive periodontal exam and health assessment.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"X-ray imaging",
|
||||
"Gum health screening",
|
||||
"Customized care plan",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Implant Care",
|
||||
price: "Call",
|
||||
period: "custom",
|
||||
description: "Advanced dental implant solutions tailored to your unique smile.",
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
featuresTitle: "Treatment Benefits",
|
||||
features: [
|
||||
"Bone grafting",
|
||||
"Implant surgery",
|
||||
"Restoration support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Brickell Perio"
|
||||
description="Experience superior clinical standards in the heart of Miami."
|
||||
features={[
|
||||
{
|
||||
title: "Experienced Specialists",
|
||||
description: "Expert periodontists focused on your health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-examining-patient_107420-65606.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modern Technology",
|
||||
description: "Using the latest diagnostic tools for precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-her-patient-something-tablet_23-2148396131.jpg",
|
||||
},
|
||||
]}
|
||||
description="Hear from those who have trusted us with their smile."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,36 +93,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Brickell Perio"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Forms",
|
||||
href: "/resources",
|
||||
},
|
||||
{
|
||||
label: "Insurance",
|
||||
href: "/resources",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Forms", href: "/resources" }, { label: "Insurance", href: "/resources" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,23 +12,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Patient Resources",
|
||||
id: "/resources",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Patient Resources", id: "/resources" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Brickell Perio"
|
||||
/>
|
||||
@@ -39,23 +37,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Registration Forms",
|
||||
content: "Complete your registration forms before your visit.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Insurance",
|
||||
content: "We accept various insurance plans. Please contact our office.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Financing",
|
||||
content: "Flexible financing options are available for your convenience.",
|
||||
},
|
||||
{ id: "f1", title: "Registration Forms", content: "Complete your registration forms before your visit." },
|
||||
{ id: "f2", title: "Insurance", content: "We accept various insurance plans." },
|
||||
{ id: "f3", title: "Financing", content: "Flexible financing options are available." }
|
||||
]}
|
||||
title="Patient Resources"
|
||||
description="Common questions about our services and policies."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -64,36 +51,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Brickell Perio"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Forms",
|
||||
href: "/resources",
|
||||
},
|
||||
{
|
||||
label: "Insurance",
|
||||
href: "/resources",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Forms", href: "/resources" }, { label: "Insurance", href: "/resources" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user