Update src/app/page.tsx

Merge version_2 into main

src/app/admin/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { useState } from "react";
+import { Plus, Trash2, Edit2, Calendar } from "lucide-react";
+
+export default function AdminDashboard() {
+  const [rooms, setRooms] = useState([
+    { id: "1", name: "Superior Queen", status: "Available", price: "$120" },
+    { id: "2", name: "King Suite", status: "Booked", price: "$250" },
+  ]);
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Dashboard", id: "/admin" },
+            { name: "Back to Home", id: "/" }
+          ]}
+          brandName="StayBook Admin"
+        />
+        
+        <main className="pt-32 pb-20 px-6 container mx-auto min-h-screen">
+          <div className="flex justify-between items-center mb-10">
+            <h1 className="text-4xl font-extrabold">Room Management</h1>
+            <button className="px-6 py-3 bg-primary rounded-lg flex items-center gap-2">
+              <Plus className="w-4 h-4" /> Add New Room
+            </button>
+          </div>
+
+          <div className="grid gap-6">
+            {rooms.map((room) => (
+              <div key={room.id} className="p-6 rounded-xl border flex justify-between items-center bg-card">
+                <div>
+                  <h3 className="text-xl font-semibold">{room.name}</h3>
+                  <p className="text-sm opacity-70">Status: {room.status} • Price: {room.price}/night</p>
+                </div>
+                <div className="flex gap-3">
+                  <button className="p-2 hover:bg-white/10 rounded"><Edit2 className="w-4 h-4" /></button>
+                  <button className="p-2 hover:bg-red-500/20 text-red-400 rounded"><Trash2 className="w-4 h-4" /></button>
+                  <button className="p-2 hover:bg-white/10 rounded"><Calendar className="w-4 h-4" /></button>
+                </div>
+              </div>
+            ))}
+          </div>
+        </main>
+
+        <FooterBase
+          logoText="StayBook"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,14 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "#about" },
-          name: "About",          id: "#about"},
+        { name: "Rooms", id: "#rooms" },
-        {
+        { name: "Pricing", id: "#pricing" },
-          name: "Rooms",          id: "#rooms"},
+        { name: "Contact", id: "#contact" },
-        {
+        { name: "Admin", id: "/admin" },
-          name: "Pricing",          id: "#pricing"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="StayBook"
     />
@@ -52,26 +49,18 @@ export default function LandingPage() {
       title="Your Home Away From Home"
       description="Experience unparalleled comfort and convenience with our premium room booking service designed for every traveler."
       carouselItems={[
-        {
+        { id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fmsnb", imageAlt: "luxury hotel interior photography" },
-          id: "c1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fmsnb",          imageAlt: "luxury hotel interior photography"},
+        { id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8by64g", imageAlt: "cozy apartment interior living space" },
-        {
+        { id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fatwoa", imageAlt: "hotel lobby interior design" },
-          id: "c2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8by64g",          imageAlt: "cozy apartment interior living space"},
+        { id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6tmmd", imageAlt: "luxury resort lounge interior" },
-        {
+        { id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdtzo3", imageAlt: "hotel balcony city view sunset" },
-          id: "c3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fatwoa",          imageAlt: "hotel lobby interior design"},
+        { id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrzonm", imageAlt: "luxury hotel bedding suite" },
-        {
-          id: "c4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6tmmd",          imageAlt: "luxury resort lounge interior"},
-        {
-          id: "c5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdtzo3",          imageAlt: "hotel balcony city view sunset"},
-        {
-          id: "c6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrzonm",          imageAlt: "luxury hotel bedding suite"},
       ]}
       tag="Luxury Hospitality"
       tagIcon={Sparkles}
       buttons={[
-        {
+        { text: "Find Your Stay", href: "#rooms" },
-          text: "Find Your Stay",          href: "#rooms"},
+        { text: "Learn More", href: "#about" },
-        {
-          text: "Learn More",          href: "#about"},
       ]}
     />
   </div>
@@ -81,10 +70,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Redefining Hospitality"
       description={[
-        "Our mission is to provide seamless, high-quality stays for guests who appreciate attention to detail and modern comfort.",        "We carefully curate every property to ensure you get the best experience possible, whether you're traveling for business or pleasure."]}
+        "Our mission is to provide seamless, high-quality stays for guests who appreciate attention to detail and modern comfort.",        "We carefully curate every property to ensure you get the best experience possible, whether you're traveling for business or pleasure."
+      ]}
       buttons={[
-        {
+        { text: "Explore Services", href: "#features" },
-          text: "Explore Services",          href: "#features"},
       ]}
     />
   </div>
@@ -95,21 +84,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Wifi, title: "High-Speed Internet", description: "Stay connected with lightning-fast Wi-Fi available in every room." },
-          icon: Wifi,
+        { icon: Coffee, title: "Breakfast Included", description: "Start your day right with a delicious breakfast served fresh daily." },
-          title: "High-Speed Internet",          description: "Stay connected with lightning-fast Wi-Fi available in every room."},
+        { icon: ShieldCheck, title: "24/7 Security", description: "Rest easy knowing our properties have round-the-clock security surveillance." },
-        {
+        { icon: MapPin, title: "Prime Locations", description: "Ideally situated near top attractions and business districts." },
-          icon: Coffee,
+        { icon: CalendarDays, title: "Flexible Booking", description: "Hassle-free reservation management and easy cancellation." },
-          title: "Breakfast Included",          description: "Start your day right with a delicious breakfast served fresh daily."},
-        {
-          icon: ShieldCheck,
-          title: "24/7 Security",          description: "Rest easy knowing our properties have round-the-clock security surveillance."},
-        {
-          icon: MapPin,
-          title: "Prime Locations",          description: "Ideally situated near top attractions and business districts."},
-        {
-          icon: CalendarDays,
-          title: "Flexible Booking",          description: "Hassle-free reservation management and easy cancellation."},
       ]}
       title="Why Choose Us"
       description="We offer more than just a place to sleep. Discover the perks of booking with StayBook."
@@ -123,24 +102,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "r1", brand: "Standard", name: "Superior Queen", price: "$120/night", rating: 4.8, reviewCount: "124", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ot0zmx", imageAlt: "superior queen room modern hotel" },
-          id: "r1",          brand: "Standard",          name: "Superior Queen",          price: "$120/night",          rating: 4.8,
+        { id: "r2", brand: "Deluxe", name: "King Suite", price: "$250/night", rating: 4.9, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwy10", imageAlt: "spacious deluxe hotel suite" },
-          reviewCount: "124",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ot0zmx",          imageAlt: "superior queen room modern hotel"},
+        { id: "r3", brand: "Executive", name: "Modern Studio", price: "$180/night", rating: 4.7, reviewCount: "156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1faa74", imageAlt: "executive studio hotel room" },
-        {
+        { id: "r4", brand: "Family", name: "Family Suite", price: "$300/night", rating: 4.9, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zcprg", imageAlt: "spacious family hotel suite" },
-          id: "r2",          brand: "Deluxe",          name: "King Suite",          price: "$250/night",          rating: 4.9,
+        { id: "r5", brand: "Luxury", name: "Penthouse Suite", price: "$600/night", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eef8o3", imageAlt: "luxury hotel penthouse suite" },
-          reviewCount: "89",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwy10",          imageAlt: "spacious deluxe hotel suite"},
+        { id: "r6", brand: "Accessible", name: "Twin Suite", price: "$140/night", rating: 4.7, reviewCount: "67", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5jn3e", imageAlt: "spacious accessible twin room" },
-        {
-          id: "r3",          brand: "Executive",          name: "Modern Studio",          price: "$180/night",          rating: 4.7,
-          reviewCount: "156",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1faa74",          imageAlt: "executive studio hotel room"},
-        {
-          id: "r4",          brand: "Family",          name: "Family Suite",          price: "$300/night",          rating: 4.9,
-          reviewCount: "210",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zcprg",          imageAlt: "spacious family hotel suite"},
-        {
-          id: "r5",          brand: "Luxury",          name: "Penthouse Suite",          price: "$600/night",          rating: 5,
-          reviewCount: "45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eef8o3",          imageAlt: "luxury hotel penthouse suite"},
-        {
-          id: "r6",          brand: "Accessible",          name: "Twin Suite",          price: "$140/night",          rating: 4.7,
-          reviewCount: "67",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5jn3e",          imageAlt: "spacious accessible twin room"},
       ]}
       title="Featured Rooms"
       description="Discover our collection of premium rooms designed to fit your unique travel needs and style."
@@ -153,18 +120,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "basic", badge: "Essential", price: "$99", subtitle: "Perfect for casual travelers", features: ["10% off bookings", "Early check-in"] },
-          id: "basic",          badge: "Essential",          price: "$99",          subtitle: "Perfect for casual travelers",          features: [
+        { id: "pro", badge: "Popular", price: "$199", subtitle: "For frequent travelers", features: ["20% off bookings", "Free breakfast", "Late check-out"] },
-            "10% off bookings",            "Early check-in"],
+        { id: "elite", badge: "Exclusive", price: "$399", subtitle: "For luxury seekers", features: ["30% off bookings", "Free upgrades", "Priority concierge"] },
-        },
-        {
-          id: "pro",          badge: "Popular",          price: "$199",          subtitle: "For frequent travelers",          features: [
-            "20% off bookings",            "Free breakfast",            "Late check-out"],
-        },
-        {
-          id: "elite",          badge: "Exclusive",          price: "$399",          subtitle: "For luxury seekers",          features: [
-            "30% off bookings",            "Free upgrades",            "Priority concierge"],
-        },
       ]}
       title="Membership Plans"
       description="Join our membership program to get exclusive discounts and early access to our best room offers."
@@ -178,12 +136,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "15,000+", description: "Happy Guests" },
-          id: "m1",          value: "15,000+",          description: "Happy Guests"},
+        { id: "m2", value: "500+", description: "Hand-picked Properties" },
-        {
+        { id: "m3", value: "4.9/5", description: "Avg Guest Rating" },
-          id: "m2",          value: "500+",          description: "Hand-picked Properties"},
-        {
-          id: "m3",          value: "4.9/5",          description: "Avg Guest Rating"},
       ]}
       title="Our Impact"
       description="Building a global community of satisfied travelers."
@@ -197,21 +152,11 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Sarah Miller", role: "Entrepreneur", company: "TechStartup", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyqeut", imageAlt: "professional woman business traveler" },
-          id: "t1",          name: "Sarah Miller",          role: "Entrepreneur",          company: "TechStartup",          rating: 5,
+        { id: "t2", name: "James Wilson", role: "Manager", company: "GlobalCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wkdtf4", imageAlt: "friendly male traveler portrait" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyqeut",          imageAlt: "professional woman business traveler"},
+        { id: "t3", name: "Elena Rodriguez", role: "Designer", company: "CreativeStudio", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0dn2s", imageAlt: "creative professional headshot" },
-        {
+        { id: "t4", name: "Linda Thompson", role: "Retired", company: "N/A", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ym0jd", imageAlt: "happy senior traveler portrait" },
-          id: "t2",          name: "James Wilson",          role: "Manager",          company: "GlobalCo",          rating: 5,
+        { id: "t5", name: "Marc & Chloe", role: "Travelers", company: "Vloggers", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6jm", imageAlt: "laughing young couple traveler" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wkdtf4",          imageAlt: "friendly male traveler portrait"},
-        {
-          id: "t3",          name: "Elena Rodriguez",          role: "Designer",          company: "CreativeStudio",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0dn2s",          imageAlt: "creative professional headshot"},
-        {
-          id: "t4",          name: "Linda Thompson",          role: "Retired",          company: "N/A",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ym0jd",          imageAlt: "happy senior traveler portrait"},
-        {
-          id: "t5",          name: "Marc & Chloe",          role: "Travelers",          company: "Vloggers",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6jm",          imageAlt: "laughing young couple traveler"},
       ]}
       title="What Guests Say"
       description="Don't just take our word for it. Read about the experiences of travelers who have stayed with us."
@@ -235,30 +180,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
-          title: "Company",          items: [
+        { title: "Services", items: [{ label: "Room Booking", href: "#rooms" }, { label: "Concierge", href: "#" }] },
-            {
+        { title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
-              label: "About",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Room Booking",              href: "#rooms"},
-            {
-              label: "Concierge",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Terms of Service",              href: "#"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
       ]}
       logoText="StayBook"
     />
@@ -266,4 +190,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}