Update src/app/page.tsx

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
 import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import ProductCardFive from '@/components/sections/product/ProductCardFive';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
@@ -69,36 +69,44 @@ export default function LandingPage() {
       </div>
       
       <div id="features" data-section="features">
-        <FeatureCardTwentyOne
+        <ProductCardSeven
           title="World-Class Amenities"
           description="Every detail crafted for your comfort and pleasure"
           tag="Amenities"
-          accordionItems={[
+          products={[
             {
-              id: "01",
+              id: "1",
-              title: "Spa & Wellness",
+              name: "Spa & Wellness",
-              content: "Rejuvenate with our signature treatments featuring traditional Japanese therapies and modern wellness techniques."
+              price: "Rejuvenate",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
+              imageAlt: "Spa & Wellness"
             },
             {
-              id: "02",
+              id: "2",
-              title: "Fine Dining",
+              name: "Fine Dining",
-              content: "Savor exquisite cuisine from award-winning chefs blending traditional and contemporary culinary arts."
+              price: "Experience",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849442209-g2s3b84q.jpg",
+              imageAlt: "Fine Dining"
             },
             {
-              id: "03",
+              id: "3",
-              title: "Fitness Center",
+              name: "Fitness Center",
-              content: "State-of-the-art equipment and expert trainers available 24/7 to support your wellness goals."
+              price: "Strengthen",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
+              imageAlt: "Fitness Center"
             },
             {
-              id: "04",
+              id: "4",
-              title: "Sky Lounge",
+              name: "Sky Lounge",
-              content: "Unwind with panoramic views of Tokyo's skyline while enjoying premium cocktails and curated selections."
+              price: "Unwind",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg",
+              imageAlt: "Sky Lounge"
             }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
+          gridVariant="uniform-all-items-equal"
-          imageAlt="Amenities showcase"
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground="noInvert"
-          mediaPosition="left"
         />
       </div>