Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -256,29 +256,33 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="contact" data-section="contact" className="relative overflow-hidden">
+      <div id="contact" data-section="contact" className="relative overflow-hidden py-24">
         <ContactSplit
           tag="Get in Touch"
-          title="Schedule Your Consultation Today"
-          description="Join thousands of satisfied patients who have discovered their ideal smile. Our appointment coordinators are ready to find the perfect time for your visit."
+          title="Schedule Your Consultation"
+          description="Ready to transform your smile? Reach out to us today."
           tagIcon={Calendar}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={true}
-          inputPlaceholder="Enter your email address"
+          inputPlaceholder="Enter your email"
           buttonText="Request Appointment"
-          termsText="By requesting an appointment, you agree to our Terms and acknowledge our Privacy Policy."
+          termsText="By requesting, you agree to our Terms and Privacy Policy."
           mediaAnimation="opacity"
           mediaPosition="right"
-          className="w-full py-20"
-          containerClassName="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
-          titleClassName="text-5xl md:text-6xl font-light text-foreground mb-6"
-          descriptionClassName="text-lg text-foreground/80 max-w-xl mb-8"
-          tagClassName="inline-flex items-center gap-2 text-primary-cta font-medium mb-6"
-          inputClassName="px-6 py-3 rounded-full bg-card text-foreground placeholder-foreground/50 border border-accent/30 focus:border-primary-cta"
-          buttonClassName="px-8 py-3 rounded-full font-medium bg-primary-cta hover:shadow-lg transition-all"
-          buttonTextClassName="text-primary-cta-text"
-          termsClassName="text-sm text-foreground/60"
+          className="w-full"
+          containerClassName="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-16 items-center px-6"
+          contentClassName="flex flex-col justify-center space-y-8"
+          titleClassName="text-5xl md:text-6xl lg:text-7xl font-light text-foreground leading-tight"
+          descriptionClassName="text-lg text-foreground/75 max-w-xl leading-relaxed"
+          tagClassName="inline-flex items-center gap-2 text-primary-cta font-medium mb-4 text-sm uppercase tracking-wider"
+          formWrapperClassName="space-y-6"
+          inputClassName="w-full px-6 py-4 rounded-xl bg-card text-foreground placeholder-foreground/50 border border-accent/30 focus:border-primary-cta focus:outline-none transition-colors"
+          buttonClassName="w-full px-8 py-4 rounded-xl font-semibold bg-primary-cta hover:shadow-2xl hover:scale-105 transition-all duration-300"
+          buttonTextClassName="text-primary-cta-text font-semibold"
+          termsClassName="text-xs text-foreground/60 leading-relaxed"
+          mediaWrapperClassName="relative rounded-2xl overflow-hidden shadow-2xl"
+          mediaClassName="w-full h-full object-cover"
         />
       </div>
 
@@ -287,13 +291,15 @@ export default function HomePage() {
           logoText="Luminous Dental"
           copyrightText="© 2025 Luminous Dental. All rights reserved."
           columns={footerColumns}
-          className="w-full bg-foreground text-background pt-20 pb-8"
-          containerClassName="max-w-7xl mx-auto px-6"
-          logoTextClassName="text-2xl font-light mb-2"
-          columnsClassName="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12"
-          columnTitleClassName="text-lg font-light mb-4"
-          columnItemClassName="text-background/80 hover:text-accent transition-colors text-sm"
-          copyrightTextClassName="text-background/60 text-sm"
+          className="w-full bg-gradient-to-b from-foreground to-foreground/95 text-background"
+          containerClassName="max-w-7xl mx-auto px-6 lg:px-8 py-20"
+          logoTextClassName="text-3xl font-light mb-6 text-background tracking-wide"
+          columnsClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-12 mb-16 pb-12 border-b border-background/10"
+          columnTitleClassName="text-base font-semibold mb-6 text-background uppercase tracking-widest"
+          columnItemClassName="text-background/75 hover:text-background transition-colors text-sm mb-3 font-light"
+          copyrightContainerClassName="flex flex-col md:flex-row justify-between items-center pt-8 text-background/60"
+          copyrightTextClassName="text-xs font-light leading-relaxed text-center md:text-left"
+          privacyButtonClassName="text-background/75 hover:text-background transition-colors text-xs font-light mt-4 md:mt-0"
         />
       </div>
     </ThemeProvider>