Update src/app/page.tsx

src/app/layout.tsx

@@ -1264,4 +1264,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,11 +1,10 @@
-"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 ProductCardSix from '@/components/sections/product/ProductCardSix';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { MapPin } from "lucide-react";
@@ -28,8 +27,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,82 +81,44 @@ 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."
-          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={[
+      <div id="rooms" data-section="rooms">
+        <ProductCardSix
+          title="Our Room Collection"
+          description="Each room is individually designed with attention to detail, blending traditional aesthetics with modern comfort."
+          products={[
             {
               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"
+              name: "Luxury Suite with Private Garden",
+              price: "From ¥250,000",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg",
+              imageAlt: "Luxury Suite with Private Garden"
             },
             {
               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"
+              name: "Premium Room with Garden View",
+              price: "From ¥180,000",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg",
+              imageAlt: "Premium Room with Garden View"
             },
             {
               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"
+              name: "Traditional Tatami Room",
+              price: "From ¥120,000",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739074270-h0qm9zgt.jpg",
+              imageAlt: "Traditional Tatami Room"
             },
             {
               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"
+              name: "Standard Comfort Room",
+              price: "From ¥80,000",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739077288-6btr929u.jpg",
+              imageAlt: "Standard Comfort Room"
             }
           ]}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
         />
       </div>
 
@@ -202,7 +162,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: "#" }
               ]
@@ -230,4 +190,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}