diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..2f68399 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,30 @@
 import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
+import AboutFeaturesSplit from './components/sections/about/AboutFeaturesSplit';
 
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
-        <Route path="/" element={<HomePage />} />
+        <Route path="/" element={
+          <>
+            <HomePage />
+            <div id="about">
+              <AboutFeaturesSplit 
+                tag="Story"
+                title="Our Journey"
+                description="A romantic and elegant travel narrative."
+                items={[
+                  { icon: "Heart", title: "Romance", description: "A beautiful journey." },
+                  { icon: "Map", title: "Discovery", description: "Exploring the world together." }
+                ]}
+                imageSrc="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?q=80&w=2070&auto=format&fit=crop"
+              />
+            </div>
+          </>
+        } />
       </Route>
     </Routes>
   );
-}
+}
\ No newline at end of file