Merge version_1 into main #1

Merged
bender merged 3 commits from version_1 into main 2026-05-06 18:21:06 +00:00
3 changed files with 65 additions and 331 deletions

View File

@@ -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>
);
}
}

View File

@@ -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>
);
}
}

View File

@@ -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>
);
}
}