Update src/app/page.tsx

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, Mountain, Home, Star, Heart, Phone } from "lucide-react";
+import { Sparkles, Mountain, Star, Heart, Phone, Users } from "lucide-react";
 
 export default function AlpinePage() {
   return (
@@ -43,7 +43,7 @@ export default function AlpinePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardMetrics
+        <HeroBillboardCarousel
           title="Experience Alpine Luxury in Switzerland"
           description="Discover our award-winning hotel nestled in the heart of the Swiss Alps. World-class amenities, breathtaking views, and unforgettable moments await."
           tag="Luxury Hospitality"
@@ -51,14 +51,12 @@ export default function AlpinePage() {
             { text: "Book Your Stay", href: "#contact" },
             { text: "Learn More", href: "#about" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466253-u4z3rqpe.jpg"
-          imageAlt="Luxury Alpine Hotel with Mountain Views"
-          frameStyle="browser"
-          metricsLabel="Trusted by travelers worldwide for exceptional hospitality"
-          metrics={[
-            { id: "1", value: "25+", label: "Years of Excellence" },
-            { id: "2", value: "500+", label: "Five-Star Reviews" },
-            { id: "3", value: "98%", label: "Guest Satisfaction" }
+          mediaItems={[
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466253-u4z3rqpe.jpg", imageAlt: "Luxury Alpine Hotel with Mountain Views" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466557-rv70j1e9.jpg", imageAlt: "Alpine Hotel Exterior View" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387351047-q7hz2tgo.jpg", imageAlt: "Deluxe Room with Mountain View" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466932-12betsq2.jpg", imageAlt: "Luxury Suite with Balcony" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467258-pga2yaw8.jpg", imageAlt: "Comfortable Standard Room" }
           ]}
         />
       </div>
@@ -78,17 +76,43 @@ export default function AlpinePage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTwenty
+        <TeamCardSix
           title="Explore Our Room Collection"
           description="From intimate standard rooms to lavish suites with panoramic mountain views, each accommodation is designed for your ultimate comfort and relaxation."
           tag="Premium Rooms"
-          tagIcon={Home}
-          images={[
-            { id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387351047-q7hz2tgo.jpg", imageAlt: "Deluxe Room with Mountain View" },
-            { id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466932-12betsq2.jpg", imageAlt: "Luxury Suite with Balcony" },
-            { id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467258-pga2yaw8.jpg", imageAlt: "Comfortable Standard Room" },
-            { id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467636-1livht6m.jpg", imageAlt: "Spa and Wellness Area" }
+          tagIcon={Users}
+          members={[
+            {
+              id: "1",
+              name: "Deluxe Room",
+              role: "Mountain View",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387351047-q7hz2tgo.jpg",
+              imageAlt: "Deluxe Room with Mountain View"
+            },
+            {
+              id: "2",
+              name: "Luxury Suite",
+              role: "With Balcony",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466932-12betsq2.jpg",
+              imageAlt: "Luxury Suite with Balcony"
+            },
+            {
+              id: "3",
+              name: "Standard Room",
+              role: "Comfortable & Cozy",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467258-pga2yaw8.jpg",
+              imageAlt: "Comfortable Standard Room"
+            },
+            {
+              id: "4",
+              name: "Suite Premium",
+              role: "Spa Access",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467636-1livht6m.jpg",
+              imageAlt: "Spa and Wellness Area"
+            }
           ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           buttons={[