src/app/page.tsx

@@ -1,11 +1,11 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
-import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { MapPin } from "lucide-react";
@@ -28,8 +28,7 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: "About", id: "about" },
-            { name: "Experience", id: "experience" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "Rooms", id: "rooms" },
             { name: "Contact", id: "contact" },
             { name: "Book Now", id: "contact" }
           ]}
@@ -83,80 +82,34 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="experience" data-section="experience">
-        <FeatureCardEighteen
-          title="Transform Your Journey"
-          description="See the difference exceptional hospitality makes. Our guests experience the perfect blend of tradition and modernity."
+      <div id="rooms" data-section="rooms">
+        <MetricCardTwo
+          title="Our Room Collection"
+          description="Each room is individually designed with attention to detail, blending traditional aesthetics with modern comfort."
           textboxLayout="default"
           useInvertedBackground="noInvert"
           animationType="slide-up"
-          negativeCard={{
-            title: "Standard Hotels",
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739075274-i6n0zx4l.jpg",
-            imageAlt: "Traditional hotel room",
-            items: [
-              "Generic accommodations",
-              "Impersonal service",
-              "Limited cultural connection",
-              "Standard amenities only"
-            ]
-          }}
-          positiveCard={{
-            title: "Hotel Setsu",
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739076137-mjatfrar.jpg",
-            imageAlt: "Hotel Setsu luxury experience",
-            items: [
-              "Individually designed rooms with character",
-              "Personalized concierge service",
-              "Immersive cultural experiences",
-              "Premium wellness and dining options"
-            ]
-          }}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardEight
-          title="Guest Stories"
-          description="Hear from travelers who have experienced the magic of Hotel Setsu"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          testimonials={[
+          gridVariant="uniform-all-items-equal"
+          metrics={[
             {
               id: "1",
-              name: "Sarah Mitchell",
-              role: "Travel Enthusiast",
-              company: "New York",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
-              imageAlt: "Sarah Mitchell"
+              value: "12",
+              description: "Luxury Suites with private gardens"
             },
             {
               id: "2",
-              name: "James Chen",
-              role: "Business Executive",
-              company: "Singapore",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
-              imageAlt: "James Chen"
+              value: "8",
+              description: "Premium Rooms with garden views"
             },
             {
               id: "3",
-              name: "Emma Rodriguez",
-              role: "Designer",
-              company: "Barcelona",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
-              imageAlt: "Emma Rodriguez"
+              value: "6",
+              description: "Traditional Tatami rooms"
             },
             {
               id: "4",
-              name: "Michael Thompson",
-              role: "Photographer",
-              company: "London",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
-              imageAlt: "Michael Thompson"
+              value: "100%",
+              description: "Guest Satisfaction Rate"
             }
           ]}
         />
@@ -202,7 +155,7 @@ export default function LandingPage() {
               title: "Hotel",
               items: [
                 { label: "About Us", href: "about" },
-                { label: "Rooms & Suites", href: "#" },
+                { label: "Rooms & Suites", href: "rooms" },
                 { label: "Dining", href: "#" },
                 { label: "Wellness", href: "#" }
               ]