bender/85471bcd-eb8a-4ebb-96a7-9324fa428aee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-18 14:31:03 +00:00
parent 0eea3e568b 83bc0ac250
commit 2be3e32842
1 changed files with 141 additions and 309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

450
src/app/page.tsx
View File

@@ -16,325 +16,157 @@ import { Activity, Award, Heart, ShieldCheck, Smile, Star, Zap } from "lucide-re
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Results",
id: "results",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Your Dent Clinic"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Results", id: "results" },
{ name: "Contact", id: "contact" },
]}
brandName="Your Dent Clinic"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Let's Make Your Smile Shine"
description="See real results from our clients. Book your appointment with Egypt's trusted cosmetic dentistry experts."
buttons={[
{
text: "Book your appointment",
href: "#contact",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg",
alt: "Portrait of dentist and patient smiling",
},
{
src: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg",
alt: "Woman showing her teeth in clinic",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg",
alt: "Portrait of beautiful woman at the dentist",
},
{
src: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg",
alt: "Young female patient on bed in a physiotherapy center.",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg",
alt: "Portrait of smiling young woman sitting on chair at dental clinic",
},
]}
avatarText="Trusted by 1000+ happy patients across Egypt."
marqueeItems={[
{
type: "text-icon",
text: "Expert Care",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Modern Tech",
icon: Activity,
},
{
type: "text-icon",
text: "Top Rated",
icon: Star,
},
{
type: "text-icon",
text: "Fast Results",
icon: Zap,
},
{
type: "text-icon",
text: "Gentle Dentistry",
icon: Heart,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "gradient-bars" }}
title="Let's Make Your Smile Shine"
description="See real results from our clients. Book your appointment with Egypt's trusted cosmetic dentistry experts."
buttons={[{ text: "Book your appointment", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg", alt: "Portrait of dentist and patient smiling" },
{ src: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg", alt: "Woman showing her teeth in clinic" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg", alt: "Portrait of beautiful woman at the dentist" },
{ src: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg", alt: "Young female patient on bed in a physiotherapy center." },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg", alt: "Portrait of smiling young woman sitting on chair at dental clinic" },
]}
avatarText="Trusted by 1000+ happy patients across Egypt."
marqueeItems={[
{ type: "text-icon", text: "Expert Care", icon: ShieldCheck },
{ type: "text-icon", text: "Modern Tech", icon: Activity },
{ type: "text-icon", text: "Top Rated", icon: Star },
{ type: "text-icon", text: "Fast Results", icon: Zap },
{ type: "text-icon", text: "Gentle Dentistry", icon: Heart },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Teeth Whitening",
tags: [
"Whitening",
],
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-discussing-digital-tablet_107420-65415.jpg",
},
{
id: "s2",
title: "Professional Fillings",
tags: [
"Restorative",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg",
},
{
id: "s3",
title: "Orthodontic Braces",
tags: [
"Alignment",
],
imageSrc: "http://img.b2bpic.net/free-photo/dental-care-tooth-decay-concept-curly-young-woman-uses-dental-floss-wears-headband-casual-striped-t-shirt-has-perfect-smile-looks-away-isolated-blue-studio-background-teeth-flossing_273609-60927.jpg",
},
]}
title="Our Cosmetic Services"
description="Professional treatments for a brighter, healthier smile."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "s1", title: "Teeth Whitening", tags: ["Whitening"], imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-discussing-digital-tablet_107420-65415.jpg" },
{ id: "s2", title: "Professional Fillings", tags: ["Restorative"], imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg" },
{ id: "s3", title: "Orthodontic Braces", tags: ["Alignment"], imageSrc: "http://img.b2bpic.net/free-photo/dental-care-tooth-decay-concept-curly-young-woman-uses-dental-floss-wears-headband-casual-striped-t-shirt-has-perfect-smile-looks-away-isolated-blue-studio-background-teeth-flossing_273609-60927.jpg" },
]}
title="Our Cosmetic Services"
description="Professional treatments for a brighter, healthier smile."
/>
</div>
<div id="results" data-section="results">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Veneers",
name: "Case Study 1",
price: "Before/After",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/female-facial-beautiful-clean-fresh_1301-1935.jpg",
},
{
id: "p2",
brand: "Whitening",
name: "Case Study 2",
price: "Before/After",
rating: 5,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg",
},
{
id: "p3",
brand: "Braces",
name: "Case Study 3",
price: "Before/After",
rating: 5,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-beautiful-young-lifestyle-blogger-woman-sitting-floor-recording-video-about_1258-255219.jpg",
},
{
id: "p4",
brand: "Fillings",
name: "Case Study 4",
price: "Before/After",
rating: 5,
reviewCount: "84",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg",
},
{
id: "p5",
brand: "Cosmetic",
name: "Case Study 5",
price: "Before/After",
rating: 5,
reviewCount: "112",
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1708.jpg",
},
{
id: "p6",
brand: "Smile Design",
name: "Case Study 6",
price: "Before/After",
rating: 5,
reviewCount: "140",
imageSrc: "http://img.b2bpic.net/free-photo/positive-dreamy-young-lady-with-hand-cheek_23-2148054963.jpg",
},
]}
title="Client Transformations"
description="Real life results from our cosmetic dental treatments."
/>
</div>
<div id="results" data-section="results">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Veneers", name: "Case Study 1", price: "Before/After", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/female-facial-beautiful-clean-fresh_1301-1935.jpg" },
{ id: "p2", brand: "Whitening", name: "Case Study 2", price: "Before/After", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg" },
{ id: "p3", brand: "Braces", name: "Case Study 3", price: "Before/After", rating: 5, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-beautiful-young-lifestyle-blogger-woman-sitting-floor-recording-video-about_1258-255219.jpg" },
{ id: "p4", brand: "Fillings", name: "Case Study 4", price: "Before/After", rating: 5, reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg" },
{ id: "p5", brand: "Cosmetic", name: "Case Study 5", price: "Before/After", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1708.jpg" },
{ id: "p6", brand: "Smile Design", name: "Case Study 6", price: "Before/After", rating: 5, reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/positive-dreamy-young-lady-with-hand-cheek_23-2148054963.jpg" },
]}
title="Client Transformations"
description="Real life results from our cosmetic dental treatments."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1000+",
title: "Happy Patients",
description: "Successfully treated patients across Egypt.",
icon: Smile,
},
{
id: "m2",
value: "15+",
title: "Years Experience",
description: "Deep expertise in cosmetic dentistry.",
icon: Award,
},
{
id: "m3",
value: "4.9/5",
title: "Google Reviews",
description: "Highly trusted by our local community.",
icon: Star,
},
]}
title="Proven Excellence"
description="Our clinic metrics speak to our quality and trust."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "1000+", title: "Happy Patients", description: "Successfully treated patients across Egypt.", icon: Smile },
{ id: "m2", value: "15+", title: "Years Experience", description: "Deep expertise in cosmetic dentistry.", icon: Award },
{ id: "m3", value: "4.9/5", title: "Google Reviews", description: "Highly trusted by our local community.", icon: Star },
]}
title="Proven Excellence"
description="Our clinic metrics speak to our quality and trust."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Amira Ahmed",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-adult-woman-dentist_23-2148396159.jpg",
},
{
id: "t2",
name: "Mostafa Hassan",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
},
{
id: "t3",
name: "Layla Mahmoud",
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg",
},
{
id: "t4",
name: "Omar Khaled",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg",
},
{
id: "t5",
name: "Sara Ali",
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg",
},
]}
cardTitle="Patient Feedback"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
cardAnimation="slide-up"
cardTitle="Patient Feedback"
cardTag="Testimonials"
testimonials={[
{ id: "t1", name: "Amira Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-adult-woman-dentist_23-2148396159.jpg" },
{ id: "t2", name: "Mostafa Hassan", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
{ id: "t3", name: "Layla Mahmoud", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg" },
{ id: "t4", name: "Omar Khaled", imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg" },
{ id: "t5", name: "Sara Ali", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Is cosmetic dentistry safe?",
content: "Yes, our advanced procedures meet the highest safety standards.",
},
{
id: "f2",
title: "How much do veneers cost?",
content: "Costs vary based on your personal needs; contact us for a consultation.",
},
{
id: "f3",
title: "Do you offer international booking?",
content: "Yes, we welcome patients globally for dental tourism.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"
title="Common Questions"
description="Answers to help you feel confident in your decision."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Is cosmetic dentistry safe?", content: "Yes, our advanced procedures meet the highest safety standards." },
{ id: "f2", title: "How much do veneers cost?", content: "Costs vary based on your personal needs; contact us for a consultation." },
{ id: "f3", title: "Do you offer international booking?", content: "Yes, we welcome patients globally for dental tourism." },
]}
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"
title="Common Questions"
description="Answers to help you feel confident in your decision."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Book Your Appointment"
description="Get in touch at yourdentclinic@gmail.com or +20 1008889978. Address: Abrag Othman, Maadi, Cairo."
imageSrc="http://img.b2bpic.net/free-photo/portrait-hospital-receptionist-standing-front-desk_482257-131181.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contact Us"
title="Book Your Appointment"
description="Get in touch at yourdentclinic@gmail.com or +20 1008889978. Address: Abrag Othman, Maadi, Cairo."
imageSrc="http://img.b2bpic.net/free-photo/portrait-hospital-receptionist-standing-front-desk_482257-131181.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Your Dent Clinic"
copyrightText="© 2025 | Your Dent Clinic Egypt"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Your Dent Clinic"
copyrightText="© 2025 | Your Dent Clinic Egypt"
/>
</div>
</ReactLenis>
</ThemeProvider>
);