Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -31,104 +31,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "treatments",
|
||||
},
|
||||
name: "Treatments", id: "treatments"},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "technology",
|
||||
},
|
||||
name: "Technology", id: "technology"},
|
||||
]}
|
||||
brandName="Ben's Orthodontie"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Now", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Precision. Comfort. Confidence."
|
||||
description="Ben's Orthodontie sets a new standard for orthodontic care in Antwerp, utilizing advanced 3D scanning and personalized treatment plans."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Smiles Transformed",
|
||||
},
|
||||
value: "2000+", label: "Smiles Transformed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Patient Care",
|
||||
},
|
||||
value: "100%", label: "Patient Care"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Consultation", href: "#booking"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212458.jpg"
|
||||
imageAlt="3D Dental Model"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212418.jpg",
|
||||
alt: "Front view man posing with dental gems",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212418.jpg", alt: "Front view man posing with dental gems"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medical-denture-smile-jaws-teeth-white-background_633478-82.jpg",
|
||||
alt: "Medical denture smile jaws teeth on white background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medical-denture-smile-jaws-teeth-white-background_633478-82.jpg", alt: "Medical denture smile jaws teeth on white background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg",
|
||||
alt: "3d representation of dental health and hygiene",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg", alt: "3d representation of dental health and hygiene"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473214.jpg",
|
||||
alt: "3d representation of dental health and hygiene",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473214.jpg", alt: "3d representation of dental health and hygiene"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
alt: "Front view happy man showing approval",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "Front view happy man showing approval"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Antwerp's Premier Orthodontist",
|
||||
},
|
||||
type: "text", text: "Antwerp's Premier Orthodontist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced 3D Technology",
|
||||
},
|
||||
type: "text", text: "Advanced 3D Technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Care",
|
||||
},
|
||||
type: "text", text: "Personalized Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patient-First Approach",
|
||||
},
|
||||
type: "text", text: "Patient-First Approach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Proven Results",
|
||||
},
|
||||
type: "text", text: "Proven Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,19 +101,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Precision Tech",
|
||||
value: "Digital Scans",
|
||||
},
|
||||
label: "Precision Tech", value: "Digital Scans"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified Pros",
|
||||
value: "Top Tier",
|
||||
},
|
||||
label: "Certified Pros", value: "Top Tier"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Comfort First",
|
||||
value: "Patient focus",
|
||||
},
|
||||
label: "Comfort First", value: "Patient focus"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -165,33 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Invisalign",
|
||||
description: "Crystal clear aligners for a seamless smile journey.",
|
||||
tag: "Invisible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-gummy-bear-candy_23-2149894275.jpg",
|
||||
},
|
||||
id: "t1", title: "Invisalign", description: "Crystal clear aligners for a seamless smile journey.", tag: "Invisible", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-gummy-bear-candy_23-2149894275.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Insignia Braces",
|
||||
description: "Customized brackets tailored exactly to your tooth anatomy.",
|
||||
tag: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38199.jpg",
|
||||
},
|
||||
id: "t2", title: "Insignia Braces", description: "Customized brackets tailored exactly to your tooth anatomy.", tag: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38199.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Damon System",
|
||||
description: "Self-ligating braces for faster and more comfortable results.",
|
||||
tag: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surgical-taper-kit_651396-1888.jpg",
|
||||
},
|
||||
id: "t3", title: "Damon System", description: "Self-ligating braces for faster and more comfortable results.", tag: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/surgical-taper-kit_651396-1888.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Teen Aligners",
|
||||
description: "Designed specifically for adolescent growth and alignment.",
|
||||
tag: "Youth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-orthodontist-child-dentist-s-office_329181-17720.jpg",
|
||||
},
|
||||
id: "t4", title: "Teen Aligners", description: "Designed specifically for adolescent growth and alignment.", tag: "Youth", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-orthodontist-child-dentist-s-office_329181-17720.jpg"},
|
||||
]}
|
||||
title="Treatment Solutions"
|
||||
description="Tailored orthodontic solutions for every smile, from discreet aligners to advanced bracing systems."
|
||||
@@ -200,31 +135,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="technology" data-section="technology">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "iTero Scanner",
|
||||
price: "High Speed",
|
||||
variant: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg",
|
||||
},
|
||||
id: "p1", name: "iTero Scanner", price: "High Speed", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "3D Printing",
|
||||
price: "Precision",
|
||||
variant: "Hardware",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019902.jpg",
|
||||
},
|
||||
id: "p2", name: "3D Printing", price: "Precision", variant: "Hardware", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019902.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "ClinCheck AI",
|
||||
price: "Predictive",
|
||||
variant: "Software",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-monitor-with-horizontal-green-screen-talking-dentist-about-oral-care-cabinet-specialists-working-with-dental-tools-teethcare-isolated-mockup-template-computer_482257-38465.jpg",
|
||||
},
|
||||
id: "p3", name: "ClinCheck AI", price: "Predictive", variant: "Software", imageSrc: "http://img.b2bpic.net/free-photo/man-using-monitor-with-horizontal-green-screen-talking-dentist-about-oral-care-cabinet-specialists-working-with-dental-tools-teethcare-isolated-mockup-template-computer_482257-38465.jpg"},
|
||||
]}
|
||||
title="Cutting-Edge Tech"
|
||||
description="Leveraging world-class scanning and AI-driven predictive modeling."
|
||||
@@ -238,45 +159,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Sofie V.",
|
||||
handle: "@sofie_v",
|
||||
testimonial: "The precision and care at Ben's is incredible. My teeth look perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051723.jpg",
|
||||
},
|
||||
id: "ts1", name: "Sofie V.", handle: "@sofie_v", testimonial: "The precision and care at Ben's is incredible. My teeth look perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051723.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Fast, professional, and very comfortable experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg",
|
||||
},
|
||||
id: "ts2", name: "Mark D.", handle: "@mark_d", testimonial: "Fast, professional, and very comfortable experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Elena C.",
|
||||
handle: "@elena_c",
|
||||
testimonial: "I love my new smile. Highly recommended for Antwerp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
id: "ts3", name: "Elena C.", handle: "@elena_c", testimonial: "I love my new smile. Highly recommended for Antwerp.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Thomas P.",
|
||||
handle: "@thomas_p",
|
||||
testimonial: "Advanced technology made all the difference in my alignment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
},
|
||||
id: "ts4", name: "Thomas P.", handle: "@thomas_p", testimonial: "Advanced technology made all the difference in my alignment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Lise K.",
|
||||
handle: "@lise_k",
|
||||
testimonial: "The most modern clinic I have ever visited. Truly top-notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
id: "ts5", name: "Lise K.", handle: "@lise_k", testimonial: "The most modern clinic I have ever visited. Truly top-notch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Smile Transformations"
|
||||
@@ -288,16 +184,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Begin Your Smile Journey"
|
||||
description="Book a consultation with Ben's Orthodontie to discuss your personalized plan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,13 +199,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Ben's Orthodontie"
|
||||
leftLink={{
|
||||
text: "Jan Van Rijswijcklaan 107, Antwerp",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Jan Van Rijswijcklaan 107, Antwerp", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
text: "Instagram", href: "https://instagram.com"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user