Files
6848e8ec-f4ba-4e9e-ae5f-29c…/src/app/loading-screen/page.tsx

92 lines
3.4 KiB
TypeScript

"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>
);
}