feat: Add About section

src/components/Layout.tsx

@@ -10,6 +10,10 @@ export default function Layout() {
       name: 'Home',
       href: '#home',
     },
+    {
+      name: 'About',
+      href: '#about',
+    },
   ];
 
   return (
@@ -34,6 +38,10 @@ export default function Layout() {
                 label: 'Home',
                 href: '#home',
               },
+              {
+                label: 'About Us',
+                href: '#about',
+              },
             ],
           },
         ]}

src/pages/HomePage.tsx

@@ -1,4 +1,6 @@
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
 import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
+import { MapPin, Sparkles, Utensils } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -41,3 +43,29 @@ export default function HomePage() {
     </>
   );
 }
+
+  <div id="about" data-section="about">
+      <AboutFeaturesSplit
+      tag="Our Story"
+      title="Where Luxury Meets Serenity"
+      description="The Grand Hotel offers a sanctuary of elegance and comfort. Nestled in the heart of the city, we combine classic charm with modern amenities to create an unparalleled hospitality experience, ensuring every guest enjoys a truly memorable stay."
+      items={[
+        {
+          icon: MapPin,
+          title: "Prime Location",
+          description: "Strategically located in the city center, offering easy access to attractions.",
+        },
+        {
+          icon: Utensils,
+          title: "Exquisite Dining",
+          description: "Savor gourmet cuisine prepared by world-class chefs in our elegant restaurant.",
+        },
+        {
+          icon: Sparkles,
+          title: "World-Class Spa",
+          description: "Rejuvenate your senses with luxurious treatments at our tranquil wellness spa.",
+        },
+      ]}
+      imageSrc="https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?q=80&w=1949&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+    />
+  </div>