Merge version_1 into main #2
362
src/app/page.tsx
362
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Stethoscope, Users, MapPin, Smile, Star, Briefcase } from 'lucide-react';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
@@ -27,261 +28,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Edwards Dental Clinic"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Edwards Dental Clinic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Edwards Dental Clinic"
|
||||
description="Trusted, gentle, and affordable dental care for the whole family in Edwards, MS. Your smile, our priority."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 601-852-2832",
|
||||
href: "tel:+16018522832",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-396.jpg?_wi=1"
|
||||
imageAlt="Professional dentist team ready to help"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Edwards Dental Clinic"
|
||||
description="Trusted, gentle, and affordable dental care for the whole family in Edwards, MS. Your smile, our priority."
|
||||
buttons={[
|
||||
{ text: "Call Now: 601-852-2832", href: "tel:+16018522832" },
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-396.jpg"
|
||||
imageAlt="Professional dentist team ready to help"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Resident",
|
||||
company: "Edwards, MS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
role: "Patient",
|
||||
company: "Edwards, MS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retired-adult-with-chronic-disability-sitting-sofa-wheelchair-living-room-help-with-physical-recovery-transportation-injured-person-with-mobility-object_482257-37411.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
role: "Patient",
|
||||
company: "Clinton, MS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23503.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa K.",
|
||||
role: "Patient",
|
||||
company: "Edwards, MS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-wearing-medical-uniform-with-stethoscope-smiling-showing-thumbs-up-standing-white-wall_141793-47747.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David T.",
|
||||
role: "Patient",
|
||||
company: "Edwards, MS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-consult_23-2149309927.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why local families trust us with their smiles."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John D.", role: "Resident", company: "Edwards, MS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg" },
|
||||
{ id: "2", name: "Sarah M.", role: "Patient", company: "Edwards, MS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-retired-adult-with-chronic-disability-sitting-sofa-wheelchair-living-room-help-with-physical-recovery-transportation-injured-person-with-mobility-object_482257-37411.jpg" },
|
||||
{ id: "3", name: "Robert B.", role: "Patient", company: "Clinton, MS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23503.jpg" },
|
||||
{ id: "4", name: "Lisa K.", role: "Patient", company: "Edwards, MS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-wearing-medical-uniform-with-stethoscope-smiling-showing-thumbs-up-standing-white-wall_141793-47747.jpg" },
|
||||
{ id: "5", name: "David T.", role: "Patient", company: "Edwards, MS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-consult_23-2149309927.jpg" }
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why local families trust us with their smiles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tooth Extraction",
|
||||
description: "Gentle, quick, and painless extractions for immediate relief.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentis-using-computer-room-with-medical-equipment-background_613910-15099.jpg",
|
||||
imageAlt: "dentist working at desk",
|
||||
},
|
||||
{
|
||||
title: "General Dentistry",
|
||||
description: "Routine cleanings and exams to keep your teeth strong.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-396.jpg?_wi=2",
|
||||
imageAlt: "dentist working at desk",
|
||||
},
|
||||
{
|
||||
title: "Preventive Care",
|
||||
description: "Helping you prevent issues before they start with proactive care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg?_wi=2",
|
||||
imageAlt: "dentist working at desk",
|
||||
},
|
||||
{
|
||||
title: "Emergency Dental",
|
||||
description: "Available when you need us most for urgent dental pain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-retired-adult-with-chronic-disability-sitting-sofa-wheelchair-living-room-help-with-physical-recovery-transportation-injured-person-with-mobility-object_482257-37411.jpg?_wi=2",
|
||||
imageAlt: "dentist working at desk",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="We offer a wide range of treatments to keep your smile healthy."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Tooth Extraction", description: "Gentle, quick, and painless extractions for immediate relief.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentis-using-computer-room-with-medical-equipment-background_613910-15099.jpg" },
|
||||
{ title: "General Dentistry", description: "Routine cleanings and exams to keep your teeth strong.", imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-396.jpg" },
|
||||
{ title: "Preventive Care", description: "Helping you prevent issues before they start with proactive care.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg" },
|
||||
{ title: "Emergency Dental", description: "Available when you need us most for urgent dental pain.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-retired-adult-with-chronic-disability-sitting-sofa-wheelchair-living-room-help-with-physical-recovery-transportation-injured-person-with-mobility-object_482257-37411.jpg" }
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="We offer a wide range of treatments to keep your smile healthy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.7⭐",
|
||||
title: "Rating",
|
||||
description: "Based on 14+ local patient reviews.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Affordable",
|
||||
description: "Transparent pricing for all procedures.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
title: "Community",
|
||||
description: "Proudly serving the Edwards community.",
|
||||
},
|
||||
]}
|
||||
title="Quality Care Guaranteed"
|
||||
description="Why patients choose us for their dental needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.7⭐", title: "Rating", description: "Based on 14+ local patient reviews.", icon: Star },
|
||||
{ id: "m2", value: "100%", title: "Affordable", description: "Transparent pricing for all procedures.", icon: Users },
|
||||
{ id: "m3", value: "Local", title: "Community", description: "Proudly serving the Edwards community.", icon: MapPin }
|
||||
]}
|
||||
title="Quality Care Guaranteed"
|
||||
description="Why patients choose us for their dental needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted Local Clinic"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
label: "Patient Smiles",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
label: "Local Area",
|
||||
value: "Edwards",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted Local Clinic"
|
||||
metrics={[
|
||||
{ label: "Years Experience", value: "10+", icon: Stethoscope },
|
||||
{ label: "Patient Smiles", value: "500+", icon: Smile },
|
||||
{ label: "Local Area", value: "Edwards", icon: Briefcase }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "l1",
|
||||
title: "Clinic Address",
|
||||
content: "1202 MS-22, Edwards, MS 39066",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
title: "Call Us",
|
||||
content: "601-852-2832",
|
||||
},
|
||||
{
|
||||
id: "l3",
|
||||
title: "Hours",
|
||||
content: "Open Mon-Fri, Call for appointment.",
|
||||
},
|
||||
]}
|
||||
title="Find Us Easily"
|
||||
description="Located on MS-22, ready to serve you."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "l1", title: "Clinic Address", content: "1202 MS-22, Edwards, MS 39066" },
|
||||
{ id: "l2", title: "Call Us", content: "601-852-2832" },
|
||||
{ id: "l3", title: "Hours", content: "Open Mon-Fri, Call for appointment." }
|
||||
]}
|
||||
title="Find Us Easily"
|
||||
description="Located on MS-22, ready to serve you."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Book Today"
|
||||
title="Need a Dentist Today?"
|
||||
description="Don't wait. Call us or drop us a message to schedule your visit."
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book Today"
|
||||
title="Need a Dentist Today?"
|
||||
description="Don't wait. Call us or drop us a message to schedule your visit."
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 601-852-2832",
|
||||
href: "tel:+16018522832",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Edwards Dental"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Call: 601-852-2832", href: "tel:+16018522832" }, { label: "Directions", href: "#location" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Edwards Dental"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user