Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -8,8 +8,8 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Sparkles, Smile, Star, Mail, CheckCircle, Award, Users } from 'lucide-react';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles, Smile, Star, Mail, CheckCircle, Award, Users, Calendar, MapPin, Phone, Clock } from 'lucide-react';
 
 export default function LuxuryDentistPage() {
   return (
@@ -30,9 +30,9 @@ export default function LuxuryDentistPage() {
           brandName="Dental One"
           navItems={[
             { name: "Home", id: "hero" },
+            { name: "Reservations", id: "reservations" },
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
         />
@@ -46,19 +46,31 @@ export default function LuxuryDentistPage() {
           tagIcon={Sparkles}
           background={{ variant: "glowing-orb" }}
           testimonials={[
-            {
-              name: "Dr. Elena Rivers",              handle: "Lead Clinician",              testimonial: "Our philosophy at Dental One is built on trust, innovation, and an unwavering commitment to the beauty of every smile we create.",              rating: 5
-            }
+            { name: "Dr. Elena Rivers", handle: "Lead Clinician", testimonial: "Our philosophy at Dental One is built on trust, innovation, and an unwavering commitment to the beauty of every smile we create.", rating: 5 }
           ]}
           buttons={[
-            { text: "Our Services", href: "#services" },
-            { text: "Schedule Consult", href: "#contact" }
+            { text: "Reserve Now", href: "#reservations" },
+            { text: "Our Services", href: "#services" }
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/hero/hero1.avif"
           imageAlt="Dental One clinic interior"
         />
       </div>
 
+      <div id="reservations" data-section="reservations">
+        <ContactSplitForm
+          title="Book Your Appointment"
+          description="Choose a date, time, and service type to secure your visit with our expert dental team."
+          inputs={[
+            { name: "date", type: "date", placeholder: "Date" },
+            { name: "time", type: "time", placeholder: "Time" }
+          ]}
+          multiSelect={{ name: "service", label: "Select Service", options: ["General Checkup", "Cosmetic Dentistry", "Orthodontics", "Implants"] }}
+          buttonText="Confirm Reservation"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="services" data-section="services">
         <ProductCardOne
           title="Signature Dental Solutions"
@@ -70,9 +82,9 @@ export default function LuxuryDentistPage() {
           gridVariant="three-columns-all-equal-width"
           useInvertedBackground={true}
           products={[
-            { id: "1", name: "Smile Design", price: "Custom Plan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/services/service1.avif" },
-            { id: "2", name: "Implant Care", price: "From $1,500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/services/service2.avif" },
-            { id: "3", name: "Orthodontics", price: "From $900", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/services/service3.avif" }
+            { id: "1", name: "Smile Design", price: "Transform your facial aesthetics with a smile tailored to your unique features and confidence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/services/service1.avif" },
+            { id: "2", name: "Implant Care", price: "Restore functional longevity and comfort with permanent, natural-looking tooth replacement solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/services/service2.avif" },
+            { id: "3", name: "Orthodontics", price: "Align your smile comfortably with discreet treatments designed for optimal bite and lifelong health.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/services/service3.avif" }
           ]}
         />
       </div>
@@ -90,56 +102,27 @@ export default function LuxuryDentistPage() {
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardTwentyThree
-          title="Advanced Clinical Technology"
-          description="We utilize state-of-the-art diagnostic and treatment technology to deliver predictable, high-precision outcomes."
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            { id: "1", title: "Digital Imaging", tags: ["Precision", "Diagnostics"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/about/about1.avif" },
-            { id: "2", title: "Laser Treatment", tags: ["Minimal", "Invasive"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/about/about2.avif" }
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          cardTitle="Patient Stories"
-          cardTag="Testimonials"
-          cardAnimation="slide-up"
-          useInvertedBackground={false}
-          testimonials={[
-            { id: "1", name: "Jennifer M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp" },
-            { id: "2", name: "Robert C.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp" },
-            { id: "3", name: "Sarah W.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp" }
-          ]}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactSplitForm
-          title="Request a Consultation"
-          description="Your journey to a healthier, more beautiful smile begins with a personalized assessment. Fill out the form below to reach our scheduling team."
+          title="Contact Our Office"
+          description="Have questions or need assistance? Reach out to us directly or visit our office for a personalized assessment."
           inputs={[
             { name: "name", type: "text", placeholder: "Full Name" },
             { name: "email", type: "email", placeholder: "Email Address" }
           ]}
-          textarea={{ name: "goals", placeholder: "Tell us about your dental goals" }}
-          buttonText="Book My Appointment"
-          useInvertedBackground={true}
+          textarea={{ name: "message", placeholder: "How can we help you today?" }}
+          buttonText="Send Inquiry"
+          useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/dentist/contact/contact.avif"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterLogoEmphasis
           logoText="Dental One"
-          copyrightText="© 2025 Dental One. All rights reserved."
-          socialLinks={[
-            { icon: Mail, href: "#", ariaLabel: "Email" },
-            { icon: Star, href: "#", ariaLabel: "Review" }
+          columns={[
+            { items: [{ label: "Visit Us: 123 Dental Lane, CA" }, { label: "Phone: (555) 123-4567" }, { label: "Hours: Mon-Fri 9am-6pm" }] },
+            { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
           ]}
         />
       </div>