Merge version_2 into main #1
286
src/app/page.tsx
286
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BrightSmile Dental"
|
||||
/>
|
||||
@@ -60,112 +50,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="A Healthier Smile Starts Here"
|
||||
description="Professional dental care delivered with compassion and cutting-edge technology. Experience modern dentistry tailored to your unique needs."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-holding-sanitary-model-mandible-talking-with-sick-man_482257-6338.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-holding-sanitary-model-mandible-talking-with-sick-man_482257-6338.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-happy-girl-sitting-dentist-office_651396-1709.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-happy-girl-sitting-dentist-office_651396-1709.jpg", imageAlt: "dentist holding teeth model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780294.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780294.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-dentist-s-hand-holding-teeth-model_23-2147879290.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-dentist-s-hand-holding-teeth-model_23-2147879290.jpg", imageAlt: "dentist holding teeth model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dentist-chair-children-dental_627829-9375.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dentist-chair-children-dental_627829-9375.jpg", imageAlt: "dentist holding teeth model"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-recommends-brushing-teeth-everyday_329181-322.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-recommends-brushing-teeth-everyday_329181-322.jpg", imageAlt: "dentist holding teeth model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-brunette-female-waiting-while-dentist-working-computer-dentistry-care-visit_613910-4204.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-brunette-female-waiting-while-dentist-working-computer-dentistry-care-visit_613910-4204.jpg", imageAlt: "dentist holding teeth model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-stomatology-teeth-drill-prepared-dentistry-surgery-oral-dental-healt_482257-3470.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-stomatology-teeth-drill-prepared-dentistry-surgery-oral-dental-healt_482257-3470.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-delicious-macrons-pastries-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-12218.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-delicious-macrons-pastries-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-12218.jpg", imageAlt: "dentist holding teeth model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-nurse-hospital_23-2150796684.jpg",
|
||||
alt: "Front view female nurse at hospital",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-nurse-hospital_23-2150796684.jpg", alt: "Front view female nurse at hospital"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-74076.jpg",
|
||||
alt: "Portrait of dentist standing with arms crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-74076.jpg", alt: "Portrait of dentist standing with arms crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
alt: "Happy beautiful blonde woman wearing white shirt, standing in co-working space, leaning on desk",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg", alt: "Happy beautiful blonde woman wearing white shirt, standing in co-working space, leaning on desk"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-clinic_107420-65271.jpg",
|
||||
alt: "Portrait of dentist standing in clinic",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-clinic_107420-65271.jpg", alt: "Portrait of dentist standing in clinic"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-looking-happy-gesturing-victory-peace_1194-400145.jpg",
|
||||
alt: "Smiling and looking happy gesturing victory or peace",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-looking-happy-gesturing-victory-peace_1194-400145.jpg", alt: "Smiling and looking happy gesturing victory or peace"},
|
||||
]}
|
||||
avatarText="Join over 15,000 happy patients."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "State-of-the-art Technology",
|
||||
},
|
||||
type: "text", text: "State-of-the-art Technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Care Available",
|
||||
},
|
||||
type: "text", text: "Emergency Care Available"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comprehensive Dental Hygiene",
|
||||
},
|
||||
type: "text", text: "Comprehensive Dental Hygiene"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Orthodontic Care",
|
||||
},
|
||||
type: "text", text: "Expert Orthodontic Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flexible Payment Options",
|
||||
},
|
||||
type: "text", text: "Flexible Payment Options"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -190,23 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Preventative Care",
|
||||
description: "Regular cleanings and exams to keep your smile healthy and avoid future complications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentists-looking-scan_23-2148104949.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
title: "Preventative Care", description: "Regular cleanings and exams to keep your smile healthy and avoid future complications.", imageSrc: "http://img.b2bpic.net/free-photo/dentists-looking-scan_23-2148104949.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
{
|
||||
title: "Cosmetic Dentistry",
|
||||
description: "Professional teeth whitening and veneers designed to enhance the natural beauty of your smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dentist-holding-equipment_23-2148338101.jpg",
|
||||
imageAlt: "dentist holding teeth model",
|
||||
},
|
||||
title: "Cosmetic Dentistry", description: "Professional teeth whitening and veneers designed to enhance the natural beauty of your smile.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dentist-holding-equipment_23-2148338101.jpg", imageAlt: "dentist holding teeth model"},
|
||||
{
|
||||
title: "Orthodontics",
|
||||
description: "Straighten your teeth effectively with modern braces or clear aligner systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg",
|
||||
imageAlt: "smiling dentist portrait clinic",
|
||||
},
|
||||
title: "Orthodontics", description: "Straighten your teeth effectively with modern braces or clear aligner systems.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg", imageAlt: "smiling dentist portrait clinic"},
|
||||
]}
|
||||
title="Comprehensive Dental Services"
|
||||
description="From routine check-ups to complex cosmetic surgeries, our clinic offers a full spectrum of oral healthcare."
|
||||
@@ -220,20 +151,11 @@ export default function LandingPage() {
|
||||
tag="Statistics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Happy Patients Served",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Happy Patients Served"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m2", value: "20", description: "Years of Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Sterilization Compliance",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Sterilization Compliance"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -247,26 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah Miller",
|
||||
role: "Lead Dentist",
|
||||
description: "Expert in aesthetic dentistry and restorative treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-66978.jpg",
|
||||
},
|
||||
id: "t1", name: "Dr. Sarah Miller", role: "Lead Dentist", description: "Expert in aesthetic dentistry and restorative treatments.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-66978.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. James Carter",
|
||||
role: "Orthodontist",
|
||||
description: "Specializing in braces and clear aligner technology.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-dentist-stomatology-cabinet-with-orange-equiptment-wearing-dental-uniform-medical-specialist-oral-hygiene-wearing-lab-coat-looking-camera-dentistry-office_482257-16216.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. James Carter", role: "Orthodontist", description: "Specializing in braces and clear aligner technology.", imageSrc: "http://img.b2bpic.net/free-photo/confident-dentist-stomatology-cabinet-with-orange-equiptment-wearing-dental-uniform-medical-specialist-oral-hygiene-wearing-lab-coat-looking-camera-dentistry-office_482257-16216.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Lead Hygienist",
|
||||
description: "Passionate about oral health and preventative care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Watson", role: "Lead Hygienist", description: "Passionate about oral health and preventative care.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our team of skilled dentists and hygienists is here to ensure you get the best possible care every visit."
|
||||
@@ -280,59 +187,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Artist",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-cheerful-woman-happily-looking-away-modern-workshop_574295-2037.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Artist", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-cheerful-woman-happily-looking-away-modern-workshop_574295-2037.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-adventurous-woman-bivouacking_23-2150562947.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", role: "CEO", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-adventurous-woman-bivouacking_23-2150562947.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
role: "Teacher",
|
||||
company: "School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg",
|
||||
},
|
||||
id: "3", name: "Robert Brown", role: "Teacher", company: "School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice White",
|
||||
role: "Manager",
|
||||
company: "Store",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg",
|
||||
},
|
||||
id: "4", name: "Alice White", role: "Manager", company: "Store", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-couple-having-date_23-2149016160.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charlie Black",
|
||||
role: "Engineer",
|
||||
company: "Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
|
||||
},
|
||||
id: "5", name: "Charlie Black", role: "Engineer", company: "Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "5k+", label: "Google Reviews"},
|
||||
]}
|
||||
title="Patient Success Stories"
|
||||
description="See why our patients trust us with their smiles."
|
||||
@@ -344,20 +220,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I get a checkup?",
|
||||
content: "We recommend visiting every 6 months for optimal oral health.",
|
||||
},
|
||||
id: "q1", title: "How often should I get a checkup?", content: "We recommend visiting every 6 months for optimal oral health."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we work with most major insurance providers.",
|
||||
},
|
||||
id: "q2", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you accepting new patients?",
|
||||
content: "Yes, we welcome new patients of all ages.",
|
||||
},
|
||||
id: "q3", title: "Are you accepting new patients?", content: "Yes, we welcome new patients of all ages."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Have questions about your treatment? We are here to help."
|
||||
@@ -369,34 +236,47 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Restore Your Smile?"
|
||||
description="Book your consultation today and take the first step towards better oral health."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBaseCard
|
||||
logoText="BrightSmile Dental"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Preventative Care", href: "#features" },
|
||||
{ label: "Cosmetic Dentistry", href: "#features" },
|
||||
{ label: "Orthodontics", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Fri: 9am - 6pm", href: "#" },
|
||||
{ label: "Sat: 10am - 4pm", href: "#" },
|
||||
{ label: "Sun: Closed", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "123 Dental St, City", href: "#" },
|
||||
{ label: "(555) 123-4567", href: "#" },
|
||||
{ label: "info@gaurdental.com", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 BrightSmile Dental | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user