Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -6,13 +6,55 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Award, Diamond, Gauge, Heart, ListChecks, ShieldCheck, Smile, Sparkles, Star, Trophy } from "lucide-react";
|
||||
|
||||
const commonNavbarProps = {
|
||||
navItems: [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/#about" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "Results", id: "/#achievements" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "FAQ", id: "/#faq" }
|
||||
],
|
||||
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", brandName: "Maryam Dental Clinic", button: {
|
||||
text: "Book Consultation", href: "/#contact"
|
||||
}
|
||||
};
|
||||
|
||||
const commonFooterProps = {
|
||||
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", logoText: "Maryam Dental Clinic", copyrightText: "© 2025 Maryam Dental Clinic. All rights reserved.", columns: [
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Team", href: "/team" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Dental Care", href: "/#services" },
|
||||
{ label: "Testimonials", href: "/testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -30,25 +72,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w"
|
||||
logoAlt="Maryam Dental Clinic Logo"
|
||||
brandName="Maryam Dental Clinic"
|
||||
button={{
|
||||
text: "Book Consultation", href: "#contact"}}
|
||||
{...commonNavbarProps}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,7 +84,7 @@ export default function LandingPage() {
|
||||
description="Experience advanced dentistry with Dr. Maryam and her award-winning team. We transform smiles with precision, comfort, and personalized care tailored to your needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Consultation Today", href: "#contact"},
|
||||
text: "Book Your Consultation Today", href: "/#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-woman-nurse-applying-anesthesia-with-cotton-swab-before-stomatological-procedure-orthodontic-office-medical-team-discussing-treatment-against-caries-infection-dentistry-examination_482257-40994.jpg"
|
||||
@@ -231,14 +255,8 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w"
|
||||
logoAlt="Maryam Dental Clinic Logo"
|
||||
logoText="Maryam Dental Clinic"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
<FooterBase
|
||||
{...commonFooterProps}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
108
src/app/pricing/page.tsx
Normal file
108
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,108 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
|
||||
const commonNavbarProps = {
|
||||
navItems: [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/#about" }, { name: "Services", id: "/#services" },
|
||||
{ name: "Results", id: "/#achievements" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "FAQ", id: "/#faq" }
|
||||
],
|
||||
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", brandName: "Maryam Dental Clinic", button: {
|
||||
text: "Book Consultation", href: "/#contact"
|
||||
}
|
||||
};
|
||||
|
||||
const commonFooterProps = {
|
||||
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", logoText: "Maryam Dental Clinic", copyrightText: "© 2025 Maryam Dental Clinic. All rights reserved.", columns: [
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Team", href: "/team" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Dental Care", href: "/#services" },
|
||||
{ label: "Testimonials", href: "/testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline {...commonNavbarProps} />
|
||||
</div>
|
||||
|
||||
<div id="pricing-page-content" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Flexible Dental Plans for Every Smile"
|
||||
description="Choose the perfect plan that fits your needs, offering comprehensive care and exceptional value."
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Basic Care", price: "$49", period: "/month", features: [
|
||||
"Annual Check-up", "Basic Cleaning", "2 X-Rays per year", "Emergency Consultation"
|
||||
],
|
||||
button: { text: "Choose Basic", href: "/#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-blue-background_23-2150935579.jpg"
|
||||
},
|
||||
{
|
||||
id: "standard", title: "Standard Plan", price: "$89", period: "/month", features: [
|
||||
"Annual Check-up", "Deep Cleaning (2x/year)", "4 X-Rays per year", "Emergency Consultation", "10% off Fillings"
|
||||
],
|
||||
button: { text: "Choose Standard", href: "/#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-making-procedure-dental-clinic-woman-receptionist-with-patient-waiting-her-turn-cabinet-dental-health-care_613910-15336.jpg"
|
||||
},
|
||||
{
|
||||
id: "premium", title: "Premium Plan", price: "$149", period: "/month", features: [
|
||||
"Bi-Annual Check-up", "Deep Cleaning (4x/year)", "Full Mouth X-Rays", "Priority Emergency Care", "20% off Cosmetic Procedures", "Free Teeth Whitening Kit"
|
||||
],
|
||||
button: { text: "Choose Premium", href: "/#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-teeth-dental-practice-dental-hygiene-dentist-healthy-teeth_613910-14902.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase {...commonFooterProps} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
118
src/app/team/page.tsx
Normal file
118
src/app/team/page.tsx
Normal file
@@ -0,0 +1,118 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
|
||||
const commonNavbarProps = {
|
||||
navItems: [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/#about" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "Results", id: "/#achievements" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "FAQ", id: "/#faq" }
|
||||
],
|
||||
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", brandName: "Maryam Dental Clinic", button: {
|
||||
text: "Book Consultation", href: "/#contact"
|
||||
}
|
||||
};
|
||||
|
||||
const commonFooterProps = {
|
||||
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", logoText: "Maryam Dental Clinic", copyrightText: "© 2025 Maryam Dental Clinic. All rights reserved.", columns: [
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Team", href: "/team" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Dental Care", href: "/#services" },
|
||||
{ label: "Testimonials", href: "/testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
export default function TeamPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline {...commonNavbarProps} />
|
||||
</div>
|
||||
|
||||
<div id="team-page-content" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Our passionate professionals are committed to providing you with the highest quality dental care."
|
||||
groups={[
|
||||
{
|
||||
id: "leadership", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "maryam-khani", title: "Dr. Maryam Khani", subtitle: "Founder & Head Dentist", detail: "Specializing in cosmetic and restorative dentistry with over 20 years of experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-1.jpg"
|
||||
},
|
||||
{
|
||||
id: "ahmed-zaman", title: "Dr. Ahmed Zaman", subtitle: "Orthodontic Specialist", detail: "Expert in clear aligners and traditional braces for all ages.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-3.jpg"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "specialists", groupTitle: "Dental Specialists", members: [
|
||||
{
|
||||
id: "fatima-ali", title: "Dr. Fatima Ali", subtitle: "Pediatric Dentist", detail: "Creating positive dental experiences for children.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-2.jpg"
|
||||
},
|
||||
{
|
||||
id: "tariq-khan", title: "Dr. Tariq Khan", subtitle: "Periodontist", detail: "Focusing on gum health and implant dentistry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-4.jpg"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "support-staff", groupTitle: "Support Staff", members: [
|
||||
{
|
||||
id: "sara-hassan", title: "Sara Hassan", subtitle: "Clinic Manager", detail: "Ensuring smooth operations and patient satisfaction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-5.jpg"
|
||||
},
|
||||
{
|
||||
id: "nida-raza", title: "Nida Raza", subtitle: "Dental Hygienist", detail: "Providing exceptional preventative care and education.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-6.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase {...commonFooterProps} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user