Switch to version 2: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Zap, Wifi, Sparkles, Award, Star, MessageSquare } from "lucide-react";
+import { Zap, Wifi, Sparkles, Award, Star, MessageSquare, Building2 } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,6 +33,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Why Us", id: "why-us" },
+            { name: "Hotel", id: "hotel" },
             { name: "Contact", id: "contact" }
           ]}
         />
@@ -132,6 +133,33 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hotel" data-section="hotel">
+        <MetricCardSeven
+          title="Hotel & Accommodation Services"
+          description="Discover our premium hospitality offerings designed to complement your digital experience. Rest and work in style."
+          tag="Stay With Us"
+          tagIcon={Building2}
+          metrics={[
+            {
+              id: "1",              value: "Comfort",              title: "Modern Rooms",              items: ["AC-equipped spaces", "Clean & spacious", "Modern amenities"]
+            },
+            {
+              id: "2",              value: "Services",              title: "Guest Amenities",              items: ["Free WiFi access", "24/7 support", "Breakfast included"]
+            },
+            {
+              id: "3",              value: "Value",              title: "Affordable Rates",              items: ["Competitive pricing", "Special discounts", "Bulk packages"]
+            },
+            {
+              id: "4",              value: "Location",              title: "Prime Position",              items: ["Central Onitsha", "Easy access", "Near major areas"]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Hotel and accommodation services section"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="What Our Customers Say"