Update src/app/page.tsx

src/app/admin/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="aurora"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Dashboard", id: "/admin" },
+            ]}
+            brandName="HOTEL CHAKER"
+          />
+        </div>
+
+        <div id="admin-panel" data-section="admin-panel" className="py-24 px-6">
+          <LegalSection
+            layout="page"
+            title="Admin Dashboard"
+            subtitle="Manage customer reservations and hotel operations"
+            sections={[
+                {
+                    heading: "Current Reservations",                    content: { 
+                        type: "paragraph", 
+                        text: "Monitor active bookings, check-in statuses, and customer details. (Dashboard functionality is currently in development)."
+                    }
+                }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[]}
+            bottomLeftText="© 2024 Hotel Chaker"
+            bottomRightText="All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Rooms",
-          id: "rooms",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Rooms", id: "rooms" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Contact", id: "contact" },
+        { name: "Dashboard", id: "/admin" },
       ]}
       brandName="HOTEL CHAKER"
     />
@@ -56,37 +45,14 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="HOTEL CHAKER"
       description="Experience unparalleled luxury in the heart of the city. Where refinement meets comfort."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#rooms",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#rooms" }]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg",
-          imageAlt: "Luxury hotel lobby",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg",
-          imageAlt: "Suite 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683481.jpg",
-          imageAlt: "Suite 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-leather-sofa_1203-3423.jpg",
-          imageAlt: "Suite 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3591.jpg",
-          imageAlt: "Suite 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-decoration-bedroom_74190-8670.jpg",
-          imageAlt: "Suite 5",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "Luxury hotel lobby" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg", imageAlt: "Suite 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683481.jpg", imageAlt: "Suite 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/black-leather-sofa_1203-3423.jpg", imageAlt: "Suite 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3591.jpg", imageAlt: "Suite 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-decoration-bedroom_74190-8670.jpg", imageAlt: "Suite 5" }
       ]}
     />
   </div>
@@ -96,9 +62,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Legacy of Elegance"
       description={[
-        "Welcome to Hotel Chaker, a sanctuary for discerning travelers. With 4-star excellence, we provide world-class amenities and refined service in every detail.",
-        "Our hotel combines traditional hospitality with modern luxury to offer a truly unique and memorable experience.",
-      ]}
+        "Welcome to Hotel Chaker, a sanctuary for discerning travelers. With 4-star excellence, we provide world-class amenities and refined service in every detail.",        "Our hotel combines traditional hospitality with modern luxury to offer a truly unique and memorable experience."]}
     />
   </div>
 
@@ -109,48 +73,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "r1",
-          name: "Classic Suite",
-          price: "$299/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-with-elegant-bed-stylish-interior-neutral-warm-tones_169016-72752.jpg",
-          variant: "Available",
-        },
-        {
-          id: "r2",
-          name: "Deluxe Room",
-          price: "$399/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg",
-          variant: "Available",
-        },
-        {
-          id: "r3",
-          name: "Presidential Suite",
-          price: "$799/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8590.jpg",
-          variant: "Limited",
-        },
-        {
-          id: "r4",
-          name: "Garden View",
-          price: "$349/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-bedroom-white-creamy-tones_181624-16134.jpg",
-          variant: "Available",
-        },
-        {
-          id: "r5",
-          name: "Royal Suite",
-          price: "$999/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/rococo-interior-design-style_23-2151918313.jpg",
-          variant: "Booked",
-        },
-        {
-          id: "r6",
-          name: "Studio Room",
-          price: "$249/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg",
-          variant: "Available",
-        },
+        { id: "r1", name: "Classic Suite", price: "$299/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-with-elegant-bed-stylish-interior-neutral-warm-tones_169016-72752.jpg", variant: "Available" },
+        { id: "r2", name: "Deluxe Room", price: "$399/night", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg", variant: "Available" },
+        { id: "r3", name: "Presidential Suite", price: "$799/night", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8590.jpg", variant: "Limited" },
+        { id: "r4", name: "Garden View", price: "$349/night", imageSrc: "http://img.b2bpic.net/free-photo/interior-bedroom-white-creamy-tones_181624-16134.jpg", variant: "Available" },
+        { id: "r5", name: "Royal Suite", price: "$999/night", imageSrc: "http://img.b2bpic.net/free-photo/rococo-interior-design-style_23-2151918313.jpg", variant: "Booked" },
+        { id: "r6", name: "Studio Room", price: "$249/night", imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg", variant: "Available" }
       ]}
       title="Our Accommodations"
       description="Discover our collection of premium rooms and suites, designed for total relaxation."
@@ -163,27 +91,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Concierge Service",
-          description: "24/7 personalized service to fulfill all your needs.",
-          tag: "Elite",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-pool_23-2149037094.jpg",
-        },
-        {
-          id: "f2",
-          title: "Wellness & Spa",
-          description: "Relax in our state-of-the-art spa and wellness center.",
-          tag: "Relax",
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-cleaning-products-set-basket-with-brushes-toothbrush_23-2148818499.jpg",
-        },
-        {
-          id: "f3",
-          title: "Fine Dining",
-          description: "Exquisite culinary creations from world-renowned chefs.",
-          tag: "Gourmet",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11554.jpg",
-        },
+        { id: "f1", title: "Concierge Service", description: "24/7 personalized service to fulfill all your needs.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-pool_23-2149037094.jpg" },
+        { id: "f2", title: "Wellness & Spa", description: "Relax in our state-of-the-art spa and wellness center.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-cleaning-products-set-basket-with-brushes-toothbrush_23-2148818499.jpg" },
+        { id: "f3", title: "Fine Dining", description: "Exquisite culinary creations from world-renowned chefs.", tag: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11554.jpg" }
       ]}
       title="Hotel Amenities"
       description="Enhance your stay with our bespoke luxury services."
@@ -197,27 +107,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       members={[
-        {
-          id: "g1",
-          name: "Lobby Area",
-          role: "Premium Spaces",
-          description: "Modern grand lobby.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg",
-        },
-        {
-          id: "g2",
-          name: "Restaurant",
-          role: "Dining",
-          description: "Fine dining restaurant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg",
-        },
-        {
-          id: "g3",
-          name: "Infinity Pool",
-          role: "Relaxation",
-          description: "Outdoor pool view.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-with-dress-room_1153-1072.jpg",
-        },
+        { id: "g1", name: "Lobby Area", role: "Premium Spaces", description: "Modern grand lobby.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg" },
+        { id: "g2", name: "Restaurant", role: "Dining", description: "Fine dining restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg" },
+        { id: "g3", name: "Infinity Pool", role: "Relaxation", description: "Outdoor pool view.", imageSrc: "http://img.b2bpic.net/free-photo/bride-with-dress-room_1153-1072.jpg" }
       ]}
       title="Hotel Gallery"
       description="Visual highlights of our premium hotel experience."
@@ -228,31 +120,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Elena M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-        },
-        {
-          id: "t2",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-handing-his-boarding-pass-counter_107420-63587.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg",
-        },
-        {
-          id: "t4",
-          name: "Michael S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/groom-talks-phone-standing-before-window-room_8353-8303.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sophie L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/audio-gadget-closeup-purple-device-sound_1418-19.jpg",
-        },
+        { id: "t1", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
+        { id: "t2", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-handing-his-boarding-pass-counter_107420-63587.jpg" },
+        { id: "t3", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg" },
+        { id: "t4", name: "Michael S.", imageSrc: "http://img.b2bpic.net/free-photo/groom-talks-phone-standing-before-window-room_8353-8303.jpg" },
+        { id: "t5", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/audio-gadget-closeup-purple-device-sound_1418-19.jpg" }
       ]}
       cardTitle="What Guests Say"
       cardTag="Reviews"
@@ -265,21 +137,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "What is the check-in time?",
-          content: "Check-in starts at 3:00 PM.",
-        },
-        {
-          id: "q2",
-          title: "Are pets allowed?",
-          content: "Yes, we are a pet-friendly establishment.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer parking?",
-          content: "Valet parking is included for guests.",
-        },
+        { id: "q1", title: "What is the check-in time?", content: "Check-in starts at 3:00 PM." },
+        { id: "q2", title: "Are pets allowed?", content: "Yes, we are a pet-friendly establishment." },
+        { id: "q3", title: "Do you offer parking?", content: "Valet parking is included for guests." }
       ]}
       title="Frequently Asked Questions"
       description="Answers to common questions about your stay."
@@ -290,9 +150,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Inquiries"
       title="Contact Us"
       description="Reach out to our reservations team today."
@@ -304,32 +162,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Hotel",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Rooms",
-              href: "#rooms",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#faq",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms", href: "#rooms" }] },
+        { title: "Support", items: [{ label: "Help Center", href: "#faq" }, { label: "Privacy", href: "#" }] }
       ]}
       bottomLeftText="© 2024 Hotel Chaker"
       bottomRightText="All rights reserved."
@@ -338,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}