From c940cbf0d7acff509a8ed9dd1e5aed8b16ffc64d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Feb 2026 12:24:55 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 140 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 140 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..f34dca1
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,140 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import FeatureProcessSteps from "@/components/sections/feature/FeatureProcessSteps";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Award, Users, Globe, Heart, Zap } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="slide-background"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="grid"
+      cardStyle="outline"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Lumina Hotel"
+          navItems={[
+            { name: "Rooms", id: "/rooms" },
+            { name: "Amenities", id: "/amenities" },
+            { name: "About", id: "/about" },
+            { name: "Reviews", id: "/reviews" },
+            { name: "Pricing", id: "/pricing" }
+          ]}
+          button={{
+            text: "Book Now",            href: "/pricing"
+          }}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <AboutMetric
+          title="Lumina Hotel: 25 Years of Excellence"
+          metrics={[
+            {
+              icon: Award,
+              label: "Awards Won",              value: "47+"
+            },
+            {
+              icon: Users,
+              label: "Happy Guests Annually",              value: "50K+"
+            },
+            {
+              icon: Globe,
+              label: "International Recognition",              value: "5-Star"
+            },
+            {
+              icon: Heart,
+              label: "Satisfaction Rate",              value: "98%"
+            }
+          ]}
+          metricsAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="vision" data-section="vision">
+        <FeatureProcessSteps
+          title="Our Journey & Vision"
+          description="From our founding in 1999 to becoming a global luxury hospitality icon, Lumina Hotel has consistently delivered exceptional experiences."
+          tag="Our Story"
+          tagIcon={Zap}
+          steps={[
+            {
+              number: "01",              title: "Founded with a Dream",              tag: "1999",              description: "Lumina Hotel was founded with a simple yet powerful vision: to create a sanctuary where luxury meets warmth, and every guest feels like family."
+            },
+            {
+              number: "02",              title: "Expansion & Excellence",              tag: "2005-2015",              description: "Over a decade of growth, we expanded our facilities, added world-class amenities, and established ourselves as a premier destination for discerning travelers."
+            },
+            {
+              number: "03",              title: "Global Recognition",              tag: "2015-Present",              description: "Today, Lumina Hotel is recognized internationally for our commitment to sustainability, innovation, and delivering unforgettable hospitality experiences."
+            }
+          ]}
+          stepsAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Lumina Hotel"
+          columns={[
+            {
+              title: "About",              items: [
+                {
+                  label: "Our Story",                  href: "/about"
+                },
+                {
+                  label: "Awards",                  href: "#"
+                },
+                {
+                  label: "Careers",                  href: "#"
+                }
+              ]
+            },
+            {
+              title: "Services",              items: [
+                {
+                  label: "Rooms",                  href: "#rooms"
+                },
+                {
+                  label: "Dining",                  href: "#"
+                },
+                {
+                  label: "Spa",                  href: "#amenities"
+                },
+                {
+                  label: "Events",                  href: "#"
+                }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                {
+                  label: "Call Us: +1 (555) 123-4567",                  href: "#"
+                },
+                {
+                  label: "Email: info@luminahotel.com",                  href: "#"
+                },
+                {
+                  label: "Visit Us",                  href: "#"
+                }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Lumina Hotel. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}