Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Calendar } from "lucide-react";
+import { Calendar, Mail, Phone, MapPin, Clock, MessageSquare } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Services", id: "services" },
-          name: "Services",
+        { name: "About", id: "about" },
-          id: "services",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="LoyalMedi"
     />
@@ -52,48 +40,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
+      background={{ variant: "rotated-rays-animated" }}
-        variant: "rotated-rays-animated",
-      }}
       title="Premium Dental Care, Engineered for Excellence"
       description="Experience luxury dentistry powered by cutting-edge technology in the heart of Dubai. Trust, precision, and transformative results delivered by specialists who care."
-      buttons={[
+      buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
-        {
-          text: "Book Your Appointment",
-          href: "#contact",
-        },
-      ]}
       carouselItems={[
-        {
+        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/ultra-modern-dental-clinic-interior-with-1774779518517-68c9fc6d.png?_wi=1", imageAlt: "Dental office view" },
-          id: "1",
+        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/close-up-shot-of-advanced-dental-imaging-1774779517390-99ddea3f.png?_wi=1", imageAlt: "Clinical technology" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/ultra-modern-dental-clinic-interior-with-1774779518517-68c9fc6d.png?_wi=1",
+        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/patient-in-comfortable-dental-chair-soft-1774779516751-ce52fbc4.png?_wi=1", imageAlt: "Patient care" },
-          imageAlt: "Dental office view",
+        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/abstract-view-of-frosted-glass-architect-1774779518544-73ee80e3.png", imageAlt: "Clinic detail" },
-        },
+        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/portrait-of-a-smiling-professional-denti-1774779516795-0dee06e2.png", imageAlt: "Professional dentist" },
-        {
+        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/futuristic-dental-light-and-sterile-envi-1774779517173-98b3ee05.png", imageAlt: "Clinical environment" },
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/close-up-shot-of-advanced-dental-imaging-1774779517390-99ddea3f.png?_wi=1",
-          imageAlt: "Clinical technology",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/patient-in-comfortable-dental-chair-soft-1774779516751-ce52fbc4.png?_wi=1",
-          imageAlt: "Patient care",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/abstract-view-of-frosted-glass-architect-1774779518544-73ee80e3.png",
-          imageAlt: "Clinic detail",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/portrait-of-a-smiling-professional-denti-1774779516795-0dee06e2.png",
-          imageAlt: "Professional dentist",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/futuristic-dental-light-and-sterile-envi-1774779517173-98b3ee05.png",
-          imageAlt: "Clinical environment",
-        },
       ]}
     />
   </div>
@@ -103,9 +60,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A New Standard of Dental Luxury"
       description={[
-        "At LoyalMedi, we fuse medical precision with aesthetic luxury to provide an unparalleled experience in Dubai. Our clinic is designed for those who refuse to compromise on quality and comfort.",
+        "At LoyalMedi, we fuse medical precision with aesthetic luxury to provide an unparalleled experience in Dubai. Our clinic is designed for those who refuse to compromise on quality and comfort.",        "Our specialists utilize state-of-the-art diagnostic technology and advanced techniques to ensure that every patient achieves the perfect, healthy smile they deserve in an environment built for tranquility and care."]}
-        "Our specialists utilize state-of-the-art diagnostic technology and advanced techniques to ensure that every patient achieves the perfect, healthy smile they deserve in an environment built for tranquility and care.",
-      ]}
     />
   </div>
 
@@ -114,24 +69,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { id: 1, title: "Cosmetic Dentistry", description: "Custom smile makeovers, teeth whitening, and porcelain veneers delivered with artistic precision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/ultra-modern-dental-clinic-interior-with-1774779518517-68c9fc6d.png?_wi=2" },
-          id: 1,
+        { id: 2, title: "Restorative Care", description: "High-end crowns, bridges, and implant technology to restore full function and aesthetic appeal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/close-up-shot-of-advanced-dental-imaging-1774779517390-99ddea3f.png?_wi=2" },
-          title: "Cosmetic Dentistry",
+        { id: 3, title: "Orthodontic Specialists", description: "Invisible alignment and advanced corrective therapies tailored to the busy professional lifestyle.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/patient-in-comfortable-dental-chair-soft-1774779516751-ce52fbc4.png?_wi=2" },
-          description: "Custom smile makeovers, teeth whitening, and porcelain veneers delivered with artistic precision.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/ultra-modern-dental-clinic-interior-with-1774779518517-68c9fc6d.png?_wi=2",
-        },
-        {
-          id: 2,
-          title: "Restorative Care",
-          description: "High-end crowns, bridges, and implant technology to restore full function and aesthetic appeal.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/close-up-shot-of-advanced-dental-imaging-1774779517390-99ddea3f.png?_wi=2",
-        },
-        {
-          id: 3,
-          title: "Orthodontic Specialists",
-          description: "Invisible alignment and advanced corrective therapies tailored to the busy professional lifestyle.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/patient-in-comfortable-dental-chair-soft-1774779516751-ce52fbc4.png?_wi=2",
-        },
       ]}
       title="Specialized Dental Solutions"
       description="Our comprehensive dental suite caters to aesthetic enhancement, restorative precision, and specialist care."
@@ -143,59 +83,24 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { 
-          id: "1",
+          id: "1", name: "Sarah Jenkins", date: "Jan 2025", title: "CEO", 
-          name: "Sarah Jenkins",
+          quote: "The most professional and comfortable clinic experience I've had in Dubai. The attention to detail in my veneers procedure was unmatched. Truly high-end clinical excellence.", 
-          date: "Jan 2025",
+          tag: "Cosmetic Care", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/elegant-dubai-client-professional-studio-1774779517322-0ebe8184.png" 
-          title: "CEO",
-          quote: "The most professional and comfortable clinic experience I've had in Dubai. Truly high-end.",
-          tag: "Cosmetic Care",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/elegant-dubai-client-professional-studio-1774779517322-0ebe8184.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/elegant-dubai-client-professional-studio-1774779517322-0ebe8184.png?_wi=1",
         },
-        {
+        { 
-          id: "2",
+          id: "2", name: "Marcus Chen", date: "Dec 2024", title: "Architect", 
-          name: "Marcus Chen",
+          quote: "Technologically superior and incredibly precise. The implant surgery was seamless, and the recovery support was personalized. My results were truly transformative.", 
-          date: "Dec 2024",
+          tag: "Implant Treatment", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/young-expatriate-professional-smiling-li-1774779518804-88fc0339.png" 
-          title: "Architect",
-          quote: "Technologically superior and incredibly precise. My results were transformative.",
-          tag: "Implant Treatment",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/young-expatriate-professional-smiling-li-1774779518804-88fc0339.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/young-expatriate-professional-smiling-li-1774779518804-88fc0339.png",
-        },
-        {
-          id: "3",
-          name: "Elena Rossi",
-          date: "Nov 2024",
-          title: "Finance Executive",
-          quote: "LoyalMedi represents the pinnacle of modern dental technology. Excellent care.",
-          tag: "General Dentistry",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/middle-aged-successful-professional-aest-1774779516899-bc2deb91.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/middle-aged-successful-professional-aest-1774779516899-bc2deb91.png",
-        },
-        {
-          id: "4",
-          name: "David Al-Fayed",
-          date: "Oct 2024",
-          title: "Entrepreneur",
-          quote: "I appreciate the attention to detail and the quiet, relaxing atmosphere of the practice.",
-          tag: "Preventative Care",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/stylish-woman-smiling-clinical-setting-b-1774779518790-c4b5854e.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/stylish-woman-smiling-clinical-setting-b-1774779518790-c4b5854e.png",
-        },
-        {
-          id: "5",
-          name: "Amira Haddad",
-          date: "Sept 2024",
-          title: "Marketing Director",
-          quote: "Exceptional service and results. The team at LoyalMedi is truly world-class.",
-          tag: "Smile Makeover",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/elegant-dubai-client-professional-studio-1774779517322-0ebe8184.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/elegant-dubai-client-professional-studio-1774779517322-0ebe8184.png?_wi=2",
         },
+        { 
+          id: "3", name: "Elena Rossi", date: "Nov 2024", title: "Finance Executive", 
+          quote: "LoyalMedi represents the pinnacle of modern dental technology. The clarity in their digital workflow and the level of hygiene provided are excellent.", 
+          tag: "General Dentistry", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCrOp27VtzxcfuxPXy3MSN0kn/middle-aged-successful-professional-aest-1774779516899-bc2deb91.png" 
+        }
       ]}
       title="Trusted by Discerning Patients"
-      description="Discover why Dubai's professionals and expatriates entrust us with their dental health."
+      description="Discover why Dubai's professionals and expatriates entrust us with their dental health and smile aesthetics."
     />
   </div>
 
@@ -204,74 +109,30 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "faq-1", title: "Booking & Scheduling", content: "Appointments can be scheduled via our web portal, email, or by calling our reception. We offer flexible slots for busy professionals." },
-          id: "faq-1",
+        { id: "faq-2", title: "Insurance & Billing", content: "We work with most major international insurance providers in Dubai. Our team assists with direct billing paperwork to simplify your visit." },
-          title: "What insurance do you accept?",
+        { id: "faq-3", title: "Urgent Care & Consultation", content: "Emergencies are prioritized. For routine consultations, please reach out via phone or email for rapid booking." },
-          content: "We work with major international and local insurers. Contact our team to confirm your policy.",
-        },
-        {
-          id: "faq-2",
-          title: "Do you offer emergency services?",
-          content: "Yes, we prioritize emergency cases for our existing patients during office hours.",
-        },
-        {
-          id: "faq-3",
-          title: "Are all specialists English-speaking?",
-          content: "Our entire clinical team is fully bilingual in English and fluent in multiple professional languages.",
-        },
       ]}
-      ctaTitle="Schedule Your Consultation"
+      ctaTitle="Secure Your Visit"
-      ctaDescription="Join the elite group of patients who prioritize dental health with LoyalMedi. Reach out today for an appointment."
+      ctaDescription="Select your preferred communication method or book directly using our online calendar. We are here to assist with your dental health journey."
-      ctaButton={{
+      ctaButton={{ text: "Book Now", href: "#" }}
-        text: "Book Appointment",
-        href: "#",
-      }}
       ctaIcon={Calendar}
     />
+    <div className="px-6 py-12 text-center">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-4xl mx-auto">
+            <div className="flex flex-col items-center gap-2"><Phone className="w-8 h-8 text-primary" /><span>+971 4 000 0000</span></div>
+            <div className="flex flex-col items-center gap-2"><Mail className="w-8 h-8 text-primary" /><span>hello@loyalmedi.ae</span></div>
+            <div className="flex flex-col items-center gap-2"><Clock className="w-8 h-8 text-primary" /><span>Mon-Sat, 9am - 8pm</span></div>
+        </div>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Practice", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
-          title: "Practice",
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-          items: [
+        { title: "Contact", items: [{ label: "Location: Dubai, UAE", href: "#" }, { label: "Email: hello@loyalmedi.ae", href: "mailto:hello@loyalmedi.ae" }] },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Location: Dubai, UAE",
-              href: "#",
-            },
-            {
-              label: "Email: hello@loyalmedi.ae",
-              href: "mailto:hello@loyalmedi.ae",
-            },
-          ],
-        },
       ]}
       logoText="LoyalMedi"
       copyrightText="© 2025 LoyalMedi LLC. All rights reserved."
@@ -280,4 +141,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}