From b346f53c392c8fcf468ffe5bf3fe8fab649e81aa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 18:19:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 267 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 230 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 79558df..b2cacd6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,12 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { ShieldCheck, TrendingUp, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Transactions", id: "transactions" },
+        { name: "Insights", id: "insights" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Grand Elite Hotel"
     />
@@ -51,190 +41,51 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Elegance Redefined in Every Detail"
       description="Experience unparalleled comfort and personalized service in our historic grand hotel, where timeless sophistication meets modern luxury."
-      buttons={[
-        {
-          text: "Book Your Stay",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Your Stay", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-hallway_23-2150683497.jpg"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
-          alt: "Guest 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-smiling-male-elegant-black-suit-dark-background_613910-14660.jpg",
-          alt: "Guest 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brunette-man-black-suit-sunglasses-smiles-attractive-blonde-woman-white-blouse-looks-boyfriend-business-travelers-pose-near-airport_197531-27113.jpg",
-          alt: "Guest 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/romantic-sea-view-portrait-sensual-blonde-woman-trendy-summer-outfit-pastel-colors-travel-alone-vacation-white-denim-sunglasses_291049-1649.jpg",
-          alt: "Guest 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-sunglasses-standing-near-business-centre_176420-5665.jpg",
-          alt: "Guest 5",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied guests"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Five-Star Rating",
-        },
-        {
-          type: "text",
-          text: "Award-Winning Service",
-        },
-        {
-          type: "text",
-          text: "Prime City Location",
-        },
-        {
-          type: "text",
-          text: "Exquisite Dining",
-        },
-        {
-          type: "text",
-          text: "Historic Grandeur",
-        },
-      ]}
     />
   </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="A Legacy of Refinement"
-      description="For over a century, our establishment has been the benchmark for luxury. We blend authentic historical charm with curated amenities to offer guests a sanctuary of quiet indulgence."
-      bulletPoints={[
-        {
-          title: "World-Class Service",
-          description: "Dedicated concierge team ready to cater to your every request.",
-        },
-        {
-          title: "Architectural Beauty",
-          description: "Exquisite decor and heritage-listed architecture throughout our property.",
-        },
-        {
-          title: "Exclusive Amenities",
-          description: "Access to private lounges, wellness centers, and gourmet dining.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg"
-      mediaAnimation="slide-up"
+  <div id="transactions" data-section="transactions">
+    <FeatureCardTwelve 
+        animationType="slide-up"
+        title="Finance Dashboard"
+        description="Manage your transactions with advanced filtering, sorting, and role-based access control."
+        features={[
+            { id: "1", label: "Admin", title: "Full Control", items: ["Edit transactions", "Export reports", "Manage user roles", "Audit logs"] },
+            { id: "2", label: "Manager", title: "Oversight", items: ["Review transactions", "Approve expenses", "View analytics"] },
+            { id: "3", label: "Viewer", title: "Monitoring", items: ["View transaction history", "Download statements"] }
+        ]}
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Wellness Sanctuary",
-          descriptions: [
-            "Rejuvenate your senses with our holistic treatments.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
-        },
-        {
-          id: "2",
-          title: "Gourmet Dining",
-          descriptions: [
-            "Exquisite flavors paired with fine vintage wines.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",
-        },
-        {
-          id: "3",
-          title: "Infinity Pool",
-          descriptions: [
-            "Relax by our serene oasis with breathtaking views.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8221.jpg",
-        },
-      ]}
-      title="Curated Experiences"
-      description="Every moment spent at our hotel is designed to be exceptional."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Elena Rossi",
-          role: "Travel Blogger",
-          testimonial: "The service was impeccable and the architecture is breathtaking.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
-        },
-        {
-          id: "2",
-          name: "Marcus Thorne",
-          role: "Business Executive",
-          testimonial: "A sanctuary of tranquility in the heart of the city.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-smiling-male-elegant-black-suit-dark-background_613910-14660.jpg",
-        },
-        {
-          id: "3",
-          name: "Sophia Chen",
-          role: "Art Curator",
-          testimonial: "Every detail reflects the true spirit of elegance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-black-suit-sunglasses-smiles-attractive-blonde-woman-white-blouse-looks-boyfriend-business-travelers-pose-near-airport_197531-27113.jpg",
-        },
-        {
-          id: "4",
-          name: "Julian Vane",
-          role: "Architect",
-          testimonial: "The restoration of this hotel is simply masterful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/romantic-sea-view-portrait-sensual-blonde-woman-trendy-summer-outfit-pastel-colors-travel-alone-vacation-white-denim-sunglasses_291049-1649.jpg",
-        },
-        {
-          id: "5",
-          name: "Clara Dubois",
-          role: "Fashion Designer",
-          testimonial: "An incredible experience from start to finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-sunglasses-standing-near-business-centre_176420-5665.jpg",
-        },
-      ]}
-      title="Guest Stories"
-      description="Hear about the unforgettable memories our guests have created with us."
+  <div id="insights" data-section="insights">
+    <MetricCardTwo
+        title="Key Financial Insights"
+        description="Track your performance metrics and receive actionable recommendations."
+        gridVariant="bento-grid"
+        animationType="blur-reveal"
+        metrics={[
+            { id: "1", value: "$125,400", description: "Monthly Revenue" },
+            { id: "2", value: "24%", description: "Growth Trend" },
+            { id: "3", value: "850", description: "Active Transactions" },
+            { id: "4", value: "4.2%", description: "Churn Rate" }
+        ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Inquire"
       title="Begin Your Journey"
       description="Reserve your stay today and experience the pinnacle of luxury."
-      buttons={[
-        {
-          text: "Inquire Now",
-          href: "mailto:concierge@grandelite.com",
-        },
-      ]}
+      buttons={[{ text: "Inquire Now", href: "mailto:concierge@grandelite.com" }]}
     />
   </div>
 
@@ -242,57 +93,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Grand Elite Hotel"
       columns={[
-        {
-          title: "Hotel",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Dining",
-              href: "#features",
-            },
-            {
-              label: "Wellness",
-              href: "#features",
-            },
-            {
-              label: "Pools",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Hotel", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Services", items: [{ label: "Dining", href: "#" }, { label: "Wellness", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1