bender/10ff1a90-7159-4336-bde0-9cfc6eca9023
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-13 14:45:30 +00:00
Conversation 0 Commits 1 Files Changed 1 +108 -165
1 changed files with 108 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

273
src/app/page.tsx
View File

@@ -10,6 +10,7 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Award, CheckCircle, Users, Heart, HelpCircle, Star } from "lucide-react";
@@ -21,7 +22,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
@@ -31,15 +32,13 @@ export default function HomePage() {
<NavbarLayoutFloatingOverlay
brandName="Manchester Dental"
navItems={[
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Call Now",
href: "tel:+441618330704",
}}
text: "Call Now", href: "tel:+441618330704"}}
buttonClassName="bg-[var(--primary-cta)] hover:bg-[#ff7a2a] text-[var(--primary-cta-text)] px-6 py-2 rounded-full font-bold transition-all duration-300"
buttonTextClassName="text-sm font-bold tracking-wide"
/>
@@ -49,22 +48,18 @@ export default function HomePage() {
<HeroBillboardScroll
title="Trusted Manchester Dentists — Same Week Appointments Available"
description="Modern dental care in the heart of Manchester. Friendly team, advanced technology, and transparent pricing. Your smile is our priority."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
tag="Professional Dental Care"
tagIcon={Sparkles}
tagAnimation="blur-reveal"
buttons={[
{
text: "Call Now: +44 161 833 0704",
href: "tel:+441618330704",
},
text: "Call Now: +44 161 833 0704", href: "tel:+441618330704"},
{
text: "Book Appointment",
href: "/contact",
},
text: "Book Appointment", href: "/contact"},
]}
buttonAnimation="blur-reveal"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il"
imageAlt="Modern Manchester dental clinic interior"
containerClassName="min-h-screen flex items-center justify-center"
titleClassName="text-5xl md:text-6xl font-bold text-[var(--foreground)] mb-6"
@@ -78,14 +73,7 @@ export default function HomePage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={[
"Google Reviews",
"NHS Approved",
"BDA Member",
"CQC Registered",
"Patient Choice",
"5-Star Rated",
"Award Winning",
]}
"Google Reviews", "NHS Approved", "BDA Member", "CQC Registered", "Patient Choice", "5-Star Rated", "Award Winning"]}
title="Trusted by Manchester Patients"
description="Join hundreds of satisfied patients who have chosen Manchester Dental Practice for exceptional dental care."
tag="Trust & Recognition"
@@ -108,47 +96,23 @@ export default function HomePage() {
<FeatureCardTwentyThree
features={[
{
id: "general-dentistry",
title: "General Dentistry",
tags: ["Checkups", "Fillings", "Extractions"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=2",
imageAlt: "General dentistry services",
},
id: "general-dentistry", title: "General Dentistry", tags: ["Checkups", "Fillings", "Extractions"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "General dentistry services"},
{
id: "dental-hygiene",
title: "Dental Hygiene",
tags: ["Professional Cleaning", "Scaling", "Plaque Removal"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=3",
imageAlt: "Dental hygiene treatment",
},
id: "dental-hygiene", title: "Dental Hygiene", tags: ["Professional Cleaning", "Scaling", "Plaque Removal"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Dental hygiene treatment"},
{
id: "teeth-whitening",
title: "Teeth Whitening",
tags: ["Professional Grade", "Fast Results", "Long Lasting"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iki0eu&_wi=1",
imageAlt: "Teeth whitening results",
},
id: "teeth-whitening", title: "Teeth Whitening", tags: ["Professional Grade", "Fast Results", "Long Lasting"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iki0eu", imageAlt: "Teeth whitening results"},
{
id: "invisalign",
title: "Invisalign",
tags: ["Clear Aligners", "Discrete", "Comfortable"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10y89j&_wi=1",
imageAlt: "Invisalign alignment results",
},
id: "invisalign", title: "Invisalign", tags: ["Clear Aligners", "Discrete", "Comfortable"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10y89j", imageAlt: "Invisalign alignment results"},
{
id: "cosmetic-dentistry",
title: "Cosmetic Dentistry",
tags: ["Veneers", "Bonding", "Smile Design"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=4",
imageAlt: "Cosmetic dental procedures",
},
id: "cosmetic-dentistry", title: "Cosmetic Dentistry", tags: ["Veneers", "Bonding", "Smile Design"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Cosmetic dental procedures"},
{
id: "emergency-dentist",
title: "Emergency Dentist",
tags: ["Same Day", "24/7 Available", "Pain Relief"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=5",
imageAlt: "Emergency dental care",
},
id: "emergency-dentist", title: "Emergency Dentist", tags: ["Same Day", "24/7 Available", "Pain Relief"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Emergency dental care"},
]}
animationType="blur-reveal"
title="Our Dental Services"
@@ -160,9 +124,7 @@ export default function HomePage() {
tagAnimation="blur-reveal"
buttons={[
{
text: "View All Services",
href: "/services",
},
text: "View All Services", href: "/services"},
]}
buttonAnimation="blur-reveal"
containerClassName="py-20 px-4"
@@ -181,37 +143,13 @@ export default function HomePage() {
<MetricCardEleven
metrics={[
{
id: "experience",
value: "20+",
title: "Years Experience",
description: "Trusted dental professionals with decades of combined expertise",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=6",
imageAlt: "Experienced dental team",
},
id: "experience", value: "20+", title: "Years Experience", description: "Trusted dental professionals with decades of combined expertise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Experienced dental team"},
{
id: "patients",
value: "5,000+",
title: "Happy Patients",
description: "Satisfied patients from across Manchester and surrounding areas",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=7",
imageAlt: "Patient satisfaction",
},
id: "patients", value: "5,000+", title: "Happy Patients", description: "Satisfied patients from across Manchester and surrounding areas", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Patient satisfaction"},
{
id: "procedures",
value: "99%",
title: "Success Rate",
description: "Advanced techniques and technology ensure optimal results",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=8",
imageAlt: "Successful dental procedures",
},
id: "procedures", value: "99%", title: "Success Rate", description: "Advanced techniques and technology ensure optimal results", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Successful dental procedures"},
{
id: "satisfaction",
value: "4.8/5",
title: "Google Rating",
description: "Consistently highly-rated by our community of patients",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il&_wi=9",
imageAlt: "Google reviews rating",
},
id: "satisfaction", value: "4.8/5", title: "Google Rating", description: "Consistently highly-rated by our community of patients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkd9il", imageAlt: "Google reviews rating"},
]}
animationType="blur-reveal"
title="Why Choose Manchester Dental Practice?"
@@ -233,62 +171,59 @@ export default function HomePage() {
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
groups={[
{
id: "dentists", groupTitle: "Our Dentists", members: [
{
id: "dr-sarah", title: "Dr. Sarah Mitchell", subtitle: "Lead Dentist", detail: "BDS, MFDS - 15 years experience in cosmetic and restorative dentistry", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr", imageAlt: "Dr. Sarah Mitchell - Lead Dentist"},
{
id: "dr-james", title: "Dr. James Turner", subtitle: "General Dentist", detail: "BDS, MFDS - Specialist in emergency dentistry and patient comfort", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62", imageAlt: "Dr. James Turner - General Dentist"},
],
},
]}
animationType="blur-reveal"
title="Meet Our Team"
description="Our experienced dentists are committed to providing exceptional care in a friendly, welcoming environment."
textboxLayout="default"
useInvertedBackground={false}
tag="Expert Team"
tagIcon={Users}
tagAnimation="blur-reveal"
containerClassName="py-20 px-4"
textBoxClassName="text-center mb-16"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)] mb-4"
textBoxDescriptionClassName="text-lg text-[var(--foreground)] opacity-80 max-w-2xl mx-auto"
groupTitleClassName="text-2xl font-bold text-[var(--foreground)] mb-8"
memberClassName="bg-[var(--card)] rounded-xl p-6 border border-[var(--accent)] hover:shadow-lg transition-all duration-300"
memberImageClassName="w-full h-64 object-cover rounded-lg mb-4"
memberTitleClassName="text-xl font-bold text-[var(--foreground)] mb-1"
memberSubtitleClassName="text-sm text-[var(--primary-cta)] font-semibold mb-3"
memberDetailClassName="text-sm text-[var(--foreground)] opacity-70"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
testimonials={[
{
id: "testimonial-1",
name: "Emma Johnson",
handle: "@emmajohnson",
testimonial: "Absolutely fantastic experience! The team is so friendly and made me feel completely at ease. Dr. Sarah was brilliant with my teeth whitening - results are amazing!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr&_wi=1",
imageAlt: "Emma Johnson",
icon: Star,
id: "testimonial-1", name: "Emma Johnson", handle: "@emmajohnson", testimonial: "Absolutely fantastic experience! The team is so friendly and made me feel completely at ease. Dr. Sarah was brilliant with my teeth whitening - results are amazing!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr", imageAlt: "Emma Johnson", icon: Star,
},
{
id: "testimonial-2",
name: "Michael Chen",
handle: "@mikechen",
testimonial: "Been coming here for 5 years. Outstanding care and the staff always remember you. Clear explanations and transparent pricing. Highly recommended!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62&_wi=1",
imageAlt: "Michael Chen",
icon: Star,
id: "testimonial-2", name: "Michael Chen", handle: "@mikechen", testimonial: "Been coming here for 5 years. Outstanding care and the staff always remember you. Clear explanations and transparent pricing. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62", imageAlt: "Michael Chen", icon: Star,
},
{
id: "testimonial-3",
name: "Sophie Williams",
handle: "@sophiew",
testimonial: "Emergency appointment got me in the same day. Dr. James was professional, caring, and handled everything with precision. Pain gone and confidence restored!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr&_wi=2",
imageAlt: "Sophie Williams",
icon: Star,
id: "testimonial-3", name: "Sophie Williams", handle: "@sophiew", testimonial: "Emergency appointment got me in the same day. Dr. James was professional, caring, and handled everything with precision. Pain gone and confidence restored!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr", imageAlt: "Sophie Williams", icon: Star,
},
{
id: "testimonial-4",
name: "David Martinez",
handle: "@davidm",
testimonial: "My Invisalign journey was smooth and stress-free. Regular check-ins, helpful tips, and the results speak for themselves. My smile has never been better!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62&_wi=2",
imageAlt: "David Martinez",
icon: Star,
id: "testimonial-4", name: "David Martinez", handle: "@davidm", testimonial: "My Invisalign journey was smooth and stress-free. Regular check-ins, helpful tips, and the results speak for themselves. My smile has never been better!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62", imageAlt: "David Martinez", icon: Star,
},
{
id: "testimonial-5",
name: "Lisa Park",
handle: "@lisapark",
testimonial: "The modern equipment and comfortable setting made all the difference. No pain, just professionalism and genuine care. Worth every penny!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr&_wi=3",
imageAlt: "Lisa Park",
icon: Star,
id: "testimonial-5", name: "Lisa Park", handle: "@lisapark", testimonial: "The modern equipment and comfortable setting made all the difference. No pain, just professionalism and genuine care. Worth every penny!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r41upr", imageAlt: "Lisa Park", icon: Star,
},
{
id: "testimonial-6",
name: "Robert Thompson",
handle: "@rthompson",
testimonial: "Best dental practice in Manchester. They really listen to your concerns and provide honest advice. Excellent work - I recommend them to everyone!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62&_wi=3",
imageAlt: "Robert Thompson",
icon: Star,
id: "testimonial-6", name: "Robert Thompson", handle: "@rthompson", testimonial: "Best dental practice in Manchester. They really listen to your concerns and provide honest advice. Excellent work - I recommend them to everyone!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pjsc62", imageAlt: "Robert Thompson", icon: Star,
},
]}
animationType="blur-reveal"
@@ -317,35 +252,17 @@ export default function HomePage() {
<FaqDouble
faqs={[
{
id: "faq-1",
title: "How quickly can I get an appointment?",
content: "We offer same-week appointments for most patients. For emergency cases, call us at +44 161 833 0704 and we'll fit you in as soon as possible, often the same day.",
},
id: "faq-1", title: "How quickly can I get an appointment?", content: "We offer same-week appointments for most patients. For emergency cases, call us at +44 161 833 0704 and we'll fit you in as soon as possible, often the same day."},
{
id: "faq-2",
title: "Do you offer payment plans?",
content: "Yes, we offer flexible payment options and interest-free plans for larger treatments. Discuss options with our team to find a solution that works for you.",
},
id: "faq-2", title: "Do you offer payment plans?", content: "Yes, we offer flexible payment options and interest-free plans for larger treatments. Discuss options with our team to find a solution that works for you."},
{
id: "faq-3",
title: "Are you registered with NHS?",
content: "We are a mixed practice offering both NHS and private treatments. We're registered with CQC and accredited by the BDA.",
},
id: "faq-3", title: "Are you registered with NHS?", content: "We are a mixed practice offering both NHS and private treatments. We're registered with CQC and accredited by the BDA."},
{
id: "faq-4",
title: "What about dental anxiety?",
content: "We specialize in anxious patients. Our friendly team takes time to explain procedures, offers sedation options, and creates a calm, welcoming environment.",
},
id: "faq-4", title: "What about dental anxiety?", content: "We specialize in anxious patients. Our friendly team takes time to explain procedures, offers sedation options, and creates a calm, welcoming environment."},
{
id: "faq-5",
title: "How long do Invisalign treatments take?",
content: "Most Invisalign treatments take 6-18 months depending on complexity. We'll give you a clear timeline during your consultation.",
},
id: "faq-5", title: "How long do Invisalign treatments take?", content: "Most Invisalign treatments take 6-18 months depending on complexity. We'll give you a clear timeline during your consultation."},
{
id: "faq-6",
title: "Is professional teeth whitening safe?",
content: "Yes, professional whitening is safe and effective. We use quality treatments that deliver results without damaging your enamel.",
},
id: "faq-6", title: "Is professional teeth whitening safe?", content: "Yes, professional whitening is safe and effective. We use quality treatments that deliver results without damaging your enamel."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our services, treatments, and practice."
@@ -368,13 +285,42 @@ export default function HomePage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Book Your Dental Appointment"
description="Schedule your visit or request a consultation. Our friendly team will confirm your appointment and answer any questions."
inputs={[
{ name: "fullName", type: "text", placeholder: "Your full name", required: true },
{ name: "phone", type: "tel", placeholder: "+44 (Your phone number)", required: true },
{ name: "email", type: "email", placeholder: "your.email@example.com", required: true },
{ name: "service", type: "text", placeholder: "Select service needed", required: true },
{ name: "preferredDate", type: "date", placeholder: "Preferred appointment date", required: false },
]}
textarea={{
name: "message", placeholder: "Any additional information or questions...", rows: 5,
required: false,
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4zrwos"
imageAlt="Book your dental appointment"
mediaAnimation="blur-reveal"
mediaPosition="right"
buttonText="Book Now"
containerClassName="py-20 px-4"
formCardClassName="bg-[var(--card)] rounded-2xl p-8 border border-[var(--accent)]"
titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] mb-4"
descriptionClassName="text-lg text-[var(--foreground)] opacity-80 mb-8"
buttonClassName="w-full bg-[var(--primary-cta)] hover:bg-[#ff7a2a] text-[var(--primary-cta-text)] py-3 rounded-lg font-bold transition-all duration-300 mt-6"
buttonTextClassName="text-lg font-bold"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Manchester Dental Practice"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "About", href: "/about" },
@@ -382,8 +328,7 @@ export default function HomePage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "General Dentistry", href: "/services#general" },
{ label: "Teeth Whitening", href: "/services#whitening" },
{ label: "Invisalign", href: "/services#invisalign" },
@@ -391,8 +336,7 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Call: +44 161 833 0704", href: "tel:+441618330704" },
{ label: "2-4 Exchange St, Manchester M2 7HA", href: "https://maps.google.com" },
{ label: "Mon-Fri: 9am-6pm", href: "#" },
@@ -400,8 +344,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },