Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -30,74 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Treatment",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Journey",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Treatment", id: "services" },
|
||||
{ name: "Journey", id: "process" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="OrthoSense"
|
||||
button={{
|
||||
text: "Consultation",
|
||||
}}
|
||||
button={{ text: "Consultation" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="SMART ORTHODONTICS FOR MODERN SMILES"
|
||||
description="Clear aligners designed through data, guided by expertise. Every smile is unique. Your treatment should be too."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Consultation", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-young-girl-headphones-laughing_176420-9456.jpg?_wi=1",
|
||||
imageAlt: "Patient smiling",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg",
|
||||
imageAlt: "Patient smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683479.jpg",
|
||||
imageAlt: "Patient smiling",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-doctor-giving-ct-scan-patient_23-2149341504.jpg",
|
||||
imageAlt: "Patient smiling",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-holding-apple_1169-103.jpg",
|
||||
imageAlt: "Patient smiling",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg",
|
||||
imageAlt: "Patient smiling",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/nice-young-girl-headphones-laughing_176420-9456.jpg", imageAlt: "Patient smiling" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg", imageAlt: "Patient smiling" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683479.jpg", imageAlt: "Patient smiling" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-doctor-giving-ct-scan-patient_23-2149341504.jpg", imageAlt: "Patient smiling" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-holding-apple_1169-103.jpg", imageAlt: "Patient smiling" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", imageAlt: "Patient smiling" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,13 +61,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"DIGITAL ORTHODONTICS",
|
||||
"CLEAR ALIGNERS",
|
||||
"PRECISION FIT",
|
||||
"MODERN SMILES",
|
||||
"COMFORT FIRST",
|
||||
]}
|
||||
names={["DIGITAL ORTHODONTICS", "CLEAR ALIGNERS", "PRECISION FIT", "MODERN SMILES", "COMFORT FIRST"]}
|
||||
title="Our Precision Standards"
|
||||
description="Excellence in orthodontic care."
|
||||
/>
|
||||
@@ -125,60 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Tech",
|
||||
name: "Digital Diagnosis",
|
||||
price: "From $120",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-patient-wear-invisible-braces_107420-65666.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Premium",
|
||||
name: "Clear Aligners",
|
||||
price: "From $2.5k",
|
||||
rating: 5,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053313.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Custom",
|
||||
name: "Monitoring",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tech-item-background_23-2148882630.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Care",
|
||||
name: "Maintenance",
|
||||
price: "From $200",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-brunette-woman-calling-someone-talking-mobile-phone-answer-telephone-call_1258-190011.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Standard",
|
||||
name: "Consultation",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-caucasian-student-keeping-her-fingers-crossed-eyes-closed-make-desired-wish-charming-white-smile-positive-heartwarming-look-girl-sincerely-believing-her-victory_273609-5743.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Advanced",
|
||||
name: "Simulated Results",
|
||||
price: "From $500",
|
||||
rating: 5,
|
||||
reviewCount: "600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-surprised-woman-with-fair-curly-hair-holds-plastic-mouth-expander-syringe-with-gel-apply-it-wears-casual-green-t-shirt-poses-indoor-against-white-background-people-oral-care_273609-62657.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Tech", name: "Digital Diagnosis", price: "From $120", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-patient-wear-invisible-braces_107420-65666.jpg" },
|
||||
{ id: "p2", brand: "Premium", name: "Clear Aligners", price: "From $2.5k", rating: 5, reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053313.jpg" },
|
||||
{ id: "p3", brand: "Custom", name: "Monitoring", price: "Included", rating: 5, reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tech-item-background_23-2148882630.jpg" },
|
||||
{ id: "p4", brand: "Care", name: "Maintenance", price: "From $200", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-brunette-woman-calling-someone-talking-mobile-phone-answer-telephone-call_1258-190011.jpg" },
|
||||
{ id: "p5", brand: "Standard", name: "Consultation", price: "Free", rating: 5, reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/young-female-caucasian-student-keeping-her-fingers-crossed-eyes-closed-make-desired-wish-charming-white-smile-positive-heartwarming-look-girl-sincerely-believing-her-victory_273609-5743.jpg" },
|
||||
{ id: "p6", brand: "Advanced", name: "Simulated Results", price: "From $500", rating: 5, reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/positive-surprised-woman-with-fair-curly-hair-holds-plastic-mouth-expander-syringe-with-gel-apply-it-wears-casual-green-t-shirt-poses-indoor-against-white-background-people-oral-care_273609-62657.jpg" }
|
||||
]}
|
||||
title="Orthodontic Services"
|
||||
description="Complete range of solutions powered by digital planning."
|
||||
@@ -192,41 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Step 01",
|
||||
description: "Digital Scan",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sanitary-towels-line_23-2148163015.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-tooth-with-toothpaste-as-hair_52683-111490.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-young-girl-headphones-laughing_176420-9456.jpg?_wi=2",
|
||||
imageAlt: "3d tooth render minimal",
|
||||
title: "Step 01", description: "Digital Scan", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-sanitary-towels-line_23-2148163015.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-tooth-with-toothpaste-as-hair_52683-111490.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Step 02",
|
||||
description: "Precision Analysis",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312464.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312450.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-assisting-patient-wear-invisible-braces_107420-65666.jpg?_wi=2",
|
||||
imageAlt: "3d tooth render minimal",
|
||||
title: "Step 02", description: "Precision Analysis", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312464.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-blue-background_23-2150312450.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Step 03",
|
||||
description: "Treatment Planning",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-good-dental-care_53876-47285.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dental-oral-tooth-care-logo-sign-template_1017-42487.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-explaining-dental-hygiene-female-patient_23-2147862034.jpg?_wi=1",
|
||||
imageAlt: "3d tooth render minimal",
|
||||
},
|
||||
title: "Step 03", description: "Treatment Planning", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/family-with-good-dental-care_53876-47285.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/dental-oral-tooth-care-logo-sign-template_1017-42487.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Journey"
|
||||
@@ -241,46 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Patient",
|
||||
company: "OrthoSense",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Patient",
|
||||
company: "OrthoSense",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Patient",
|
||||
company: "OrthoSense",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-model-holds-camera-spotlight-generated-by-ai_188544-27654.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Patient",
|
||||
company: "OrthoSense",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna K.",
|
||||
role: "Patient",
|
||||
company: "OrthoSense",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Patient", company: "OrthoSense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg" },
|
||||
{ id: "2", name: "Michael D.", role: "Patient", company: "OrthoSense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Patient", company: "OrthoSense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-young-model-holds-camera-spotlight-generated-by-ai_188544-27654.jpg" },
|
||||
{ id: "4", name: "James L.", role: "Patient", company: "OrthoSense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg" },
|
||||
{ id: "5", name: "Anna K.", role: "Patient", company: "OrthoSense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg" }
|
||||
]}
|
||||
title="Patient Success"
|
||||
description="Real smiles, real transformations."
|
||||
@@ -292,23 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do clear aligners work?",
|
||||
content: "Custom trays guide teeth gradually.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long is treatment?",
|
||||
content: "Average treatment time is 12-18 months.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it comfortable?",
|
||||
content: "Most patients adapt within a few days.",
|
||||
},
|
||||
{ id: "1", title: "How do clear aligners work?", content: "Custom trays guide teeth gradually." },
|
||||
{ id: "2", title: "How long is treatment?", content: "Average treatment time is 12-18 months." },
|
||||
{ id: "3", title: "Is it comfortable?", content: "Most patients adapt within a few days." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-explaining-dental-hygiene-female-patient_23-2147862034.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-explaining-dental-hygiene-female-patient_23-2147862034.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Answers to your orthodontic journey."
|
||||
@@ -322,16 +152,8 @@ export default function LandingPage() {
|
||||
title="Book Your Consultation"
|
||||
description="Start your journey to a better smile."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg"
|
||||
/>
|
||||
@@ -342,31 +164,17 @@ export default function LandingPage() {
|
||||
logoText="OrthoSense"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Clinic", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "123 Smile Way, NYC",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "555-0101",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "123 Smile Way, NYC", href: "#" },
|
||||
{ label: "555-0101", href: "tel:5550101" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user