bender/58ffcbe8-41d6-4cce-9e34-81eeb97e98c7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-05-05 20:26:18 +00:00
Conversation 0 Commits 2 Files Changed 2 +53 -106
2 changed files with 53 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/page.tsx
View File

@@ -5,10 +5,11 @@ import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Shield, Sparkles } from "lucide-react";
@@ -30,67 +31,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "home"},
{
name: "About", id: "about"},
{
name: "Treatments", id: "treatments"},
{
name: "Technology", id: "technology"},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Team", id: "team" },
{ name: "Treatments", id: "treatments" },
{ name: "Technology", id: "technology" },
]}
brandName="Ben's Orthodontie"
button={{
text: "Book Now", href: "#booking"}}
button={{ text: "Book Now", href: "#booking" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "glowing-orb"}}
background={{ 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: "2000+", label: "Smiles Transformed"},
{
value: "100%", label: "Patient Care"},
{ value: "15+", label: "Years Experience" },
{ value: "2000+", label: "Smiles Transformed" },
{ value: "100%", label: "Patient Care" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Consultation", href: "#booking"},
]}
buttons={[{ 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/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-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"},
]}
marqueeItems={[
{
type: "text", text: "Antwerp's Premier Orthodontist"},
{
type: "text", text: "Advanced 3D Technology"},
{
type: "text", text: "Personalized Care"},
{
type: "text", text: "Patient-First Approach"},
{
type: "text", text: "Proven Results"},
]}
/>
</div>
@@ -99,37 +65,38 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Advanced Orthodontics in Antwerp"
metrics={[
{
icon: Shield,
label: "Precision Tech", value: "Digital Scans"},
{
icon: Award,
label: "Certified Pros", value: "Top Tier"},
{
icon: Sparkles,
label: "Comfort First", value: "Patient focus"},
{ icon: Shield, label: "Precision Tech", value: "Digital Scans" },
{ icon: Award, label: "Certified Pros", value: "Top Tier" },
{ icon: Sparkles, label: "Comfort First", value: "Patient focus" },
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Meet Our Experts"
tag="Professional Staff"
memberVariant="card"
members={[
{ id: "m1", name: "Dr. Ben Ortho", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" },
{ id: "m2", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051723.jpg" }
]}
membersAnimation="slide-up"
/>
</div>
<div id="treatments" data-section="treatments">
<FeatureCardMedia
animationType="scale-rotate"
textboxLayout="split"
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: "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: "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: "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" }
]}
title="Treatment Solutions"
description="Tailored orthodontic solutions for every smile, from discreet aligners to advanced bracing systems."
description="Tailored orthodontic solutions for every smile."
/>
</div>
@@ -140,12 +107,8 @@ export default function LandingPage() {
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: "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: "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" }
]}
title="Cutting-Edge Tech"
description="Leveraging world-class scanning and AI-driven predictive modeling."
@@ -158,21 +121,8 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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: "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" }
]}
showRating={true}
title="Smile Transformations"
@@ -183,28 +133,25 @@ export default function LandingPage() {
<div id="booking" data-section="booking">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient"}}
background={{ 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: "#"},
]}
buttons={[{ text: "Book Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Ben's Orthodontie"
leftLink={{
text: "Jan Van Rijswijcklaan 107, Antwerp", href: "#"}}
rightLink={{
text: "Instagram", href: "https://instagram.com"}}
/>
<FooterSimple
columns={[
{ title: "Contact", items: [{ label: "Jan Van Rijswijcklaan 107, Antwerp" }, { label: "hello@orthodontie.be" }] },
{ title: "Social", items: [{ label: "Instagram" }, { label: "Facebook" }] }
]}
bottomLeftText="© 2024 Ben's Orthodontie"
bottomRightText="All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0A0A0F;
--background: #F5F0E8;
--card: #0D1B2A;
--foreground: #F5F0E8;
--primary-cta: #F5F0E8;
--foreground: #0A0A0F;
--primary-cta: #1B2A4A;
--primary-cta-text: #0A0A0F;
--secondary-cta: #1B2A4A;
--secondary-cta: #EDE8DC;
--secondary-cta-text: #F5F0E8;
--accent: #EDE8DC;
--background-accent: #0D1B2A;
--accent: #1B2A4A;
--background-accent: #0A0A0F;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);