Files
94fcfd9a-7d56-49d9-bbc8-e23…/src/app/page.tsx
2026-04-07 01:07:04 +00:00

380 lines
12 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, Heart, Shield, Sparkles, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Approach",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Stories",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
]}
brandName="Autumn Hill Dental"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
imagePosition="right"
title="Dentistry built on trust, not upsells"
description="For over a decade, Autumn Hill Dental has earned 100% five-star reviews by prioritizing your health and honesty. Meet Dr. Jaura and experience the difference."
buttons={[
{
text: "Book Your Visit",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29141.jpg"
imageAlt="Luxurious Autumn Hill Dental practice interior"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-dentist-with-patient_23-2148104931.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-parents-with-their-children_1098-887.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/still-life-colorful-gummy-bears_23-2149870775.jpg",
alt: "Patient",
},
]}
avatarText="Trusted by 500+ local families"
marqueeItems={[
{
type: "text-icon",
text: "100% Honest Care",
icon: CheckCircle,
},
{
type: "text-icon",
text: "Zero Pressure",
icon: Shield,
},
{
type: "text-icon",
text: "Family Focused",
icon: Users,
},
{
type: "text-icon",
text: "Modern Tech",
icon: Sparkles,
},
{
type: "text-icon",
text: "Gentle Dentistry",
icon: Heart,
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our philosophy: Honest care for the families of Autumn Hill."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Transparent Care",
description: "Clear explanations of all procedures without hidden costs.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg",
imageAlt: "Dental consultation",
},
items: [
{
icon: CheckCircle,
text: "Honest assessments",
},
{
icon: CheckCircle,
text: "No pressure sales",
},
{
icon: CheckCircle,
text: "Direct communication",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29141.jpg",
imageAlt: "luxury dental office interior",
},
{
title: "Modern Comfort",
description: "A serene environment designed to put our patients at ease.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67130.jpg",
imageAlt: "Clinic technology",
},
items: [
{
icon: Sparkles,
text: "Gentle dental care",
},
{
icon: Sparkles,
text: "Premium facilities",
},
{
icon: Sparkles,
text: "Comfort-first design",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67059.jpg",
imageAlt: "professional dentist portrait",
},
{
title: "Family Trusted",
description: "Expert care for every generation, backed by a decade of trust.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-stomatology-teeth-drill-prepared-dentistry-surgery-oral-dental-healt_482257-3470.jpg",
imageAlt: "Clinic workspace",
},
items: [
{
icon: Shield,
text: "Family-focused expertise",
},
{
icon: Shield,
text: "Proven track record",
},
{
icon: Shield,
text: "Gentle on nerves",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/crowded-stomatology-waiting-area-with-people-filling-form-dental-consultation_482257-4858.jpg",
imageAlt: "dental consultation modern room",
},
]}
title="A Gentle, Transparent Approach to Oral Health"
description="We believe your dental health should be managed with integrity, precision, and comfort. No aggressive sales, just clinical excellence."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Exceptional care",
quote: "Dr. Jaura changed the way I feel about visiting the dentist.",
name: "Sarah Johnson",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-with-patient_23-2148104931.jpg",
},
{
id: "2",
title: "So transparent",
quote: "No upselling, just pure professional advice. I feel heard.",
name: "Michael Chen",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
},
{
id: "3",
title: "Family favorite",
quote: "Our whole family visits Autumn Hill. Dr. Jaura is incredible.",
name: "Emily Rodriguez",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg",
},
{
id: "4",
title: "Comfort first",
quote: "Finally found a dentist that understands my fears and comforts me.",
name: "David Kim",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-parents-with-their-children_1098-887.jpg",
},
{
id: "5",
title: "Highly recommended",
quote: "The gold standard for honest dental care in this region.",
name: "Julia Smith",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-gummy-bears_23-2149870775.jpg",
},
]}
title="Stories from our patients"
description="Over a decade of smiles built on trust."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer financing?",
content: "Yes, we have transparent, zero-stress financing options.",
},
{
id: "2",
title: "Are you accepting new patients?",
content: "We are currently welcoming new families to our practice.",
},
{
id: "3",
title: "What makes your dental approach different?",
content: "Our commitment to honesty, zero upselling, and patient comfort sets us apart.",
},
{
id: "4",
title: "Do you treat children?",
content: "Absolutely, we provide gentle care for all ages.",
},
]}
title="Common Questions"
description="Everything you need to know about our approach."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
text="Experience dentistry the way it was meant to be. Dr. Jaura and the Autumn Hill team are here for you."
buttons={[
{
text: "Book Your Consultation",
href: "mailto:info@autumnhilldental.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Practice",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Book Now",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "mailto:info@autumnhilldental.com",
},
{
label: "FAQ",
href: "#faq",
},
{
label: "Patient Portal",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Autumn Hill Dental. All rights reserved."
bottomRightText="123 Maple Street, Hillside, State"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}