Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Rooms",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Rooms", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Texas Royal Lodge"
     />
@@ -57,36 +45,15 @@ export default function LandingPage() {
       logoText="Texas Royal Lodge"
       description="Your budget-friendly, quiet, and comfortable retreat in Pokuase/Amasaman, Accra."
       buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
+        { text: "Book Now", href: "#contact" },
       ]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12653.jpg",
-          imageAlt: "Luxury hotel room interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12647.jpg",
-          imageAlt: "Modern hotel suite photography",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg",
-          imageAlt: "Clean hotel accommodation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg",
-          imageAlt: "Comfortable room space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg",
-          imageAlt: "Bright bedroom interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-fedora-hat-cozy-bed-with-pillows_181624-40548.jpg",
-          imageAlt: "Relaxing hotel room setting",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12653.jpg", imageAlt: "Luxury hotel room interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12647.jpg", imageAlt: "Modern hotel suite photography" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg", imageAlt: "Clean hotel accommodation" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/white-unmade-bed_1203-1226.jpg", imageAlt: "Comfortable room space" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg", imageAlt: "Bright bedroom interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cute-fedora-hat-cozy-bed-with-pillows_181624-40548.jpg", imageAlt: "Relaxing hotel room setting" },
       ]}
     />
   </div>
@@ -96,21 +63,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "High-Speed WiFi",
-          description: "Stay connected with complimentary high-speed internet access in all rooms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-laptop-three-applications_1134-309.jpg",
-        },
-        {
-          title: "Satellite Entertainment",
-          description: "Relax with your favorite satellite channels on modern smart TVs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/amused-beautiful-young-woman-pajamas-watching-tv-night-happy-dog_482257-30775.jpg",
-        },
-        {
-          title: "24/7 Service",
-          description: "Our front desk and room service are available around the clock.",
-          imageSrc: "http://img.b2bpic.net/free-photo/employees-welcoming-older-people_482257-81630.jpg",
-        },
+        { title: "High-Speed WiFi", description: "Stay connected with complimentary high-speed internet access in all rooms.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-laptop-three-applications_1134-309.jpg" },
+        { title: "Satellite Entertainment", description: "Relax with your favorite satellite channels on modern smart TVs.", imageSrc: "http://img.b2bpic.net/free-photo/amused-beautiful-young-woman-pajamas-watching-tv-night-happy-dog_482257-30775.jpg" },
+        { title: "24/7 Service", description: "Our front desk and room service are available around the clock.", imageSrc: "http://img.b2bpic.net/free-photo/employees-welcoming-older-people_482257-81630.jpg" },
       ]}
       title="Premium In-Room Comfort"
       description="Experience modern amenities designed for your absolute rest and convenience."
@@ -135,21 +90,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Climate Controlled",
-          description: "Every room features air conditioning for your total comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/searching-engine-optimizing-seo-browsing-concept_53876-64993.jpg",
-        },
-        {
-          title: "Kitchenette Basics",
-          description: "Rooms include a mini-fridge and microwave for your snacks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377400.jpg",
-        },
-        {
-          title: "Central Access",
-          description: "Easy access to Achimota Mall and major university areas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/receptionist-providing-luxury-service_482257-78605.jpg",
-        },
+        { title: "Climate Controlled", description: "Every room features air conditioning for your total comfort.", imageSrc: "http://img.b2bpic.net/free-photo/searching-engine-optimizing-seo-browsing-concept_53876-64993.jpg" },
+        { title: "Kitchenette Basics", description: "Rooms include a mini-fridge and microwave for your snacks.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377400.jpg" },
+        { title: "Central Access", description: "Easy access to Achimota Mall and major university areas.", imageSrc: "http://img.b2bpic.net/free-photo/receptionist-providing-luxury-service_482257-78605.jpg" },
       ]}
       title="Convenience at Every Turn"
       description="We ensure your stay is fully equipped with daily essentials."
@@ -163,27 +106,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "8.8",
-          title: "Guest Rating",
-          description: "Excellent booking score",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Staff Support",
-          description: "Always available",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Cleanliness",
-          description: "Room hygiene guaranteed",
-          icon: ShieldCheck,
-        },
+        { id: "m1", value: "8.8", title: "Guest Rating", description: "Excellent booking score", icon: Star },
+        { id: "m2", value: "24/7", title: "Staff Support", description: "Always available", icon: Clock },
+        { id: "m3", value: "100%", title: "Cleanliness", description: "Room hygiene guaranteed", icon: ShieldCheck },
       ]}
       title="Guest Excellence"
       description="Highly rated for cleanliness, comfort, and professional service."
@@ -194,31 +119,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Mensah",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg",
-        },
-        {
-          id: "2",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-127188.jpg",
-        },
-        {
-          id: "3",
-          name: "Anita Boateng",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
-        },
-        {
-          id: "4",
-          name: "Kofi Mensah",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
-        },
-        {
-          id: "5",
-          name: "Ama Serwaa",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27988.jpg",
-        },
+        { id: "1", name: "Sarah Mensah", imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg" },
+        { id: "2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-127188.jpg" },
+        { id: "3", name: "Anita Boateng", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg" },
+        { id: "4", name: "Kofi Mensah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg" },
+        { id: "5", name: "Ama Serwaa", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27988.jpg" },
       ]}
       cardTitle="What Our Guests Say"
       cardTag="Guest Reviews"
@@ -230,21 +135,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "What are your check-in times?",
-          content: "Check-in is available 24/7 at our reception.",
-        },
-        {
-          id: "q2",
-          title: "How far is the airport?",
-          content: "We are roughly 30-45 minutes from the airport depending on traffic.",
-        },
-        {
-          id: "q3",
-          title: "Is parking available?",
-          content: "Yes, we provide secure parking for our guests.",
-        },
+        { id: "q1", title: "What are your check-in times?", content: "Check-in is available 24/7 at our reception." },
+        { id: "q2", title: "How far is the airport?", content: "We are roughly 30-45 minutes from the airport depending on traffic." },
+        { id: "q3", title: "Is parking available?", content: "Yes, we provide secure parking for our guests." },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -254,15 +147,16 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Book Your Stay Today"
       description="Reach out to us to confirm your reservation and secure your room at Texas Royal Lodge."
       imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg"
       mediaAnimation="slide-up"
       mediaPosition="right"
+      onSubmit={(email) => {
+        window.open(`mailto:reservations@texasroyallodge.com?subject=Reservation%20Request&body=Hello,%0A%0AI%20would%20like%20to%20make%20a%20reservation.%20My%20email%20is:%20${email}`, '_blank');
+      }}
     />
   </div>
 
@@ -271,26 +165,14 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Amenities",
-              href: "#amenities",
-            },
+            { label: "About", onClick: () => document.getElementById('about')?.scrollIntoView({ behavior: 'smooth' }) },
+            { label: "Amenities", onClick: () => document.getElementById('amenities')?.scrollIntoView({ behavior: 'smooth' }) },
           ],
         },
         {
           items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+            { label: "Contact", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
@@ -300,4 +182,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}