new branch to test custom demos for southwest

src/app/demo/southwest/Home.jsx

@@ -0,0 +1,61 @@
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui";
+
+import { Metrics, TableauEmbed, Transactions, RecentSales } from '@/components';
+
+export const description = "Southwest Airlines flight analytics dashboard with real-time flight data, passenger insights, and operational metrics. Features include flight performance tracking, booking trends, customer satisfaction analytics, and AI-powered insights for optimizing airline operations.";
+
+export const Home = () => {
+
+  return (
+    <div className="flex min-h-screen w-full flex-col">
+      <main className="flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-8">
+        <Metrics
+          basis='sm:basis-1/2 md:basis-1/2 lg:basis-1/3 xl:basis-1/4 2xl:basis-1/5'
+        />
+        <div className="grid gap-4 md:gap-8 lg:grid-cols-2 xl:grid-cols-3">
+          <div className="xl:col-span-2">
+            <Card className='dark:bg-stone-900 shadow-xl'>
+              <CardHeader>
+                <CardTitle>Flight Operations Dashboard</CardTitle>
+                <CardDescription>Real-time flight analytics and operational insights for Southwest Airlines</CardDescription>
+              </CardHeader>
+              <CardContent className="flex items-center justify-center p-0 xs:p-6 xs:pt-0">
+                <TableauEmbed
+                  src='https://public.tableau.com/views/UnitedStatesAirlines/Dashboard1?:language=en-US&:sid=&:redirect=auth&:display_count=n&:origin=viz_share_link'
+                  hideTabs={true}
+                  toolbar='hidden'
+                  className='
+                  min-w-[300px] min-h-[1430px]
+                  sm:min-w-[510px] sm:min-h-[1430px]
+                  md:min-w-[600px] md:min-h-[1080px]
+                  lg:min-w-[400px] lg:min-h-[1440px]
+                  xl:min-w-[720px] xl:min-h-[1180px]
+                  2xl:min-w-[860px] 2xl:min-h-[1180px]
+                  '
+                  layouts = {{
+                    'xs': { 'device': 'phone' },
+                    'sm': { 'device': 'phone' },
+                    'md': { 'device': 'default' },
+                    'lg': { 'device': 'phone' },
+                    'xl': { 'device': 'tablet' },
+                    'xl2': { 'device': 'desktop' },
+                  }}
+                />
+              </CardContent>
+            </Card>
+          </div>
+          <div className="space-y-6">
+            <RecentSales />
+            <Transactions />
+          </div>
+        </div>
+      </main>
+    </div>
+  )
+}

src/app/demo/southwest/agent/page.jsx

@@ -0,0 +1,22 @@
+import { Demo, Agent } from '@/components';
+
+import { settings } from '../config';
+
+const Page = () => {
+
+  // for the most part, only the pageName and child components for <Demo/> should be modified to make new pages
+  const pageName = 'Agent';
+
+  return (
+    <Demo
+      settings={settings}
+      pageName={pageName}
+    >
+      <Agent
+        settings={settings}
+      />
+    </Demo>
+  )
+}
+
+export default Page;

src/app/demo/southwest/auth/page.jsx

@@ -0,0 +1,15 @@
+import { Auth } from '@/components';
+
+import { settings } from '../config';
+
+
+const AuthPage = () => {
+
+  return (
+    <Auth
+      settings={settings}
+    />
+  )
+}
+
+export default AuthPage;

src/app/demo/southwest/config.js

@@ -0,0 +1,56 @@
+import {
+  Home,
+  Plane,
+  Users2,
+  BarChart3,
+  BrainCircuit,
+  Settings
+} from "lucide-react";
+
+export const settings = {
+  app_id: 'southwest',
+  app_name: 'Southwest Airlines Analytics',
+  app_logo: '/img/demos/Southwest Airlines_Logo_0.svg',
+  auth_logo: '/img/demos/Southwest Airlines_Symbol_0.svg',
+  base_path: '/demo/southwest',
+  auth_hero: 'https://images.unsplash.com/photo-1436491865332-7a61a109cc05?q=80&w=2948&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+  ai_chat: true,
+  ai_avatar: '/img/demos/Southwest Airlines_Symbol_0.svg',
+  sections: [
+    {
+      name: 'Home',
+      icon: <Home className="h-5 w-5"/>,
+      path: '',
+      min_role: 0,
+      description: 'your southwest airlines dashboard'
+    },
+    {
+      name: 'Agent',
+      icon: <BrainCircuit className="h-5 w-5"/>,
+      path: '/agent',
+      min_role: 0,
+      description: 'AI assistant for flight operations and analytics'
+    },
+    {
+      name: 'Flights',
+      icon: <Plane className="h-5 w-5"/>,
+      path: '/flights',
+      min_role: 0,
+      description: 'real-time flight tracking and performance analytics'
+    },
+    {
+      name: 'Passengers',
+      icon: <Users2 className="h-5 w-5"/>,
+      path: '/passengers',
+      min_role: 1,
+      description: 'passenger analytics and customer satisfaction insights'
+    },
+    {
+      name: 'Operations',
+      icon: <BarChart3 className="h-5 w-5"/>,
+      path: '/operations',
+      min_role: 2,
+      description: 'comprehensive operational metrics and strategic insights'
+    },
+  ],
+}