Add src/app/loading-screen/page.tsx

2026-03-06 19:48:11 +00:00
parent 8d2b62f24d
commit ad277f97d2
1 changed files with 91 additions and 0 deletions
--- a/src/app/loading-screen/page.tsx
+++ b/src/app/loading-screen/page.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Printer } from "lucide-react";
+
+export default function LoadingScreenPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSmallSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Check-in", id: "/check-in" },
+            { name: "Booking", id: "/booking" },
+            { name: "Loading", id: "/loading-screen" },
+            { name: "Confirmation", id: "/confirmation" },
+          ]}
+          brandName="Dealta Airlines"
+          bottomLeftText="Touchscreen Kiosk"
+          bottomRightText="Terminal 1 - Gate B45"
+        />
+      </div>
+
+      <div id="loading-screen" data-section="loading-screen">
+        <MetricCardOne
+          metrics={[
+            {
+              id: "1",              value: "3",              title: "seconds",              description: "Printing baggage tag and confirmation",              icon: Printer,
+            },
+          ]}
+          title="Processing Your Check-in"
+          description="Please wait while we prepare your baggage tag and check-in confirmation"
+          tag="Loading"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/woman-with-shopping-bags-sitting-coach-shopping-mall_1303-29617.jpg?_wi=2"
+          imageAlt="Dealta Airlines terminal footer"
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Check-in", href: "/check-in" },
+                { label: "Booking", href: "/booking" },
+                { label: "Flight Status", href: "https://example.com/status" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Help Center", href: "https://example.com/help" },
+                { label: "Contact Us", href: "#contact" },
+                { label: "FAQ", href: "https://example.com/faq" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "https://example.com/privacy" },
+                {
+                  label: "Terms of Service",                  href: "https://example.com/terms"
+                },
+                { label: "Accessibility", href: "https://example.com/accessibility" },
+              ],
+            },
+          ]}
+          logoText="Dealta Airlines"
+          copyrightText="© 2025 Dealta Airlines | All rights reserved"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}