Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
@@ -13,112 +13,62 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Patients",
|
||||
id: "/patients",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Patients", id: "/patients" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-body" data-section="about-body">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197258.jpg",
|
||||
alt: "Clinic Exterior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-body" data-section="about-body">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197258.jpg", alt: "Clinic Exterior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Leadership"
|
||||
description="The faces behind our practice."
|
||||
members={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "Dr. Jane Smith",
|
||||
role: "Director",
|
||||
description: "Committed to clinical excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-hospital-interior_1398-731.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Leadership"
|
||||
description="The faces behind our practice."
|
||||
members={[
|
||||
{ id: "a1", name: "Dr. Jane Smith", role: "Director", description: "Committed to clinical excellence.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-hospital-interior_1398-731.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Patients",
|
||||
href: "/patients",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -13,112 +13,63 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Patients",
|
||||
id: "/patients",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Patients", id: "/patients" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Schedule your visit today."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Schedule your visit today."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Send Us a Message"
|
||||
description="Our team will get back to you shortly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Send Us a Message"
|
||||
description="Our team will get back to you shortly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Patients",
|
||||
href: "/patients",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
318
src/app/page.tsx
318
src/app/page.tsx
@@ -17,233 +17,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Patients",
|
||||
id: "/patients",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Patients", id: "/patients" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Smile, Our Passion"
|
||||
description="Compassionate dental care for the whole family in the heart of Noe Valley."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-397.jpg",
|
||||
imageAlt: "Modern dentistry office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg",
|
||||
imageAlt: "Friendly dentist",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg",
|
||||
imageAlt: "Clean clinic room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg",
|
||||
imageAlt: "Braces equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg",
|
||||
imageAlt: "Happy patient",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg",
|
||||
imageAlt: "Dental tech",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Smile, Our Passion"
|
||||
description="Compassionate dental care for the whole family in the heart of Noe Valley."
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-397.jpg", imageAlt: "Modern dentistry office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg", imageAlt: "Friendly dentist" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg", imageAlt: "Clean clinic room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg", imageAlt: "Braces equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg", imageAlt: "Happy patient" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg", imageAlt: "Dental tech" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Patient Stories"
|
||||
description="What our community says about their experience."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great care!",
|
||||
quote: "The team at Noe Valley Smiles is fantastic.",
|
||||
name: "Sarah J.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professional",
|
||||
quote: "I felt very comfortable during my treatment.",
|
||||
name: "Mark D.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Recommend",
|
||||
quote: "The best dental experience I've had in SF.",
|
||||
name: "Alice W.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Excellent!",
|
||||
quote: "Gentle, kind, and very thorough.",
|
||||
name: "John B.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Patient Stories"
|
||||
description="What our community says about their experience."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Great care!", quote: "The team at Noe Valley Smiles is fantastic.", name: "Sarah J.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg" },
|
||||
{ id: "t2", title: "Professional", quote: "I felt very comfortable during my treatment.", name: "Mark D.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg" },
|
||||
{ id: "t3", title: "Highly Recommend", quote: "The best dental experience I've had in SF.", name: "Alice W.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" },
|
||||
{ id: "t4", title: "Excellent!", quote: "Gentle, kind, and very thorough.", name: "John B.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our clinic."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept new patients?",
|
||||
content: "Yes, we are currently accepting new patients of all ages.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Street parking is available nearby, and we are close to public transit.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our clinic."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept new patients?", content: "Yes, we are currently accepting new patients of all ages." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Street parking is available nearby, and we are close to public transit." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Dentists"
|
||||
description="Meet our team of caring professionals."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Dr. Miller",
|
||||
role: "Lead Dentist",
|
||||
description: "Passionate about cosmetic dentistry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15128.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Dr. Davis",
|
||||
role: "Orthodontist",
|
||||
description: "Specializing in braces and Invisalign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-standing-with-arms-crossed-clinic_107420-65658.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Dentists"
|
||||
description="Meet our team of caring professionals."
|
||||
members={[
|
||||
{ id: "m1", name: "Dr. Miller", role: "Lead Dentist", description: "Passionate about cosmetic dentistry.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15128.jpg" },
|
||||
{ id: "m2", name: "Dr. Davis", role: "Orthodontist", description: "Specializing in braces and Invisalign.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-standing-with-arms-crossed-clinic_107420-65658.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="A glimpse into our success serving Noe Valley."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Smile,
|
||||
title: "Happy Patients",
|
||||
value: "2,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "15",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="A glimpse into our success serving Noe Valley."
|
||||
metrics={[
|
||||
{ id: "m1", icon: Smile, title: "Happy Patients", value: "2,000+" },
|
||||
{ id: "m2", icon: Award, title: "Years Experience", value: "15" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Patients",
|
||||
href: "/patients",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -13,111 +13,63 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Patients",
|
||||
id: "/patients",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Patients", id: "/patients" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Resources FAQ"
|
||||
description="Useful tips for your dental health."
|
||||
faqsAnimation="opacity"
|
||||
faqs={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "What insurance do you take?",
|
||||
content: "We work with most major PPO insurance providers.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Resources FAQ"
|
||||
description="Useful tips for your dental health."
|
||||
faqsAnimation="opacity"
|
||||
faqs={[
|
||||
{ id: "p1", title: "What insurance do you take?", content: "We work with most major PPO insurance providers." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Resources Testimonials"
|
||||
description="Patient experiences using our resources."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great tools",
|
||||
quote: "The resources online were so helpful.",
|
||||
name: "Kelsey P.",
|
||||
role: "Patient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-pain-recovery-clinic-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-9533.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Resources Testimonials"
|
||||
description="Patient experiences using our resources."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Great tools", quote: "The resources online were so helpful.", name: "Kelsey P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-pain-recovery-clinic-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-9533.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Patients",
|
||||
href: "/patients",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -14,126 +14,66 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Patients",
|
||||
id: "/patients",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Patients", id: "/patients" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "General Dentistry",
|
||||
description: "Preventive and restorative care.",
|
||||
tag: "General",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Orthodontics",
|
||||
description: "Expert alignment solutions.",
|
||||
tag: "Ortho",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Invisalign",
|
||||
description: "Clear aligner therapy.",
|
||||
tag: "Invisible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="Explore our expert dental care solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "General Dentistry", description: "Preventive and restorative care.", tag: "General", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
|
||||
{ id: "s2", title: "Orthodontics", description: "Expert alignment solutions.", tag: "Ortho", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg" },
|
||||
{ id: "s3", title: "Invisalign", description: "Clear aligner therapy.", tag: "Invisible", imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg" }
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="Explore our expert dental care solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Services Stats"
|
||||
description="Proven results for your dental care."
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
icon: CheckCircle,
|
||||
title: "Procedures",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Services Stats"
|
||||
description="Proven results for your dental care."
|
||||
metrics={[
|
||||
{ id: "s1", icon: CheckCircle, title: "Procedures", value: "500+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Patients",
|
||||
href: "/patients",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Noe Valley Smiles"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user