Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -223,6 +223,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="about" data-section="about">
+        <SplitAbout
+                  title="Discover Rome"
+                  description="Step into the heart of Rome, where ancient history and vibrant culture converge. From the Colosseum to the Vatican City, every stone whispers tales of the past."
+                  bulletPoints={[
+                    { title: "Colosseum", description: "Ancient amphitheater known for its gladiatorial contests." },
+                    { title: "Vatican City", description: "Smallest independent state in the world, home to St. Peter's Basilica." },
+                    { title: "Roman Forum", description: "Archaeological site and former marketplace of ancient Rome." },
+                    { title: "Pantheon", description: "Remarkable temple known for its perfect dome and oculus." }
+                  ]}
+                  imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+                  imageAlt="Rome skyline with Colosseum"
+                  imagePosition="left"
+                  textboxLayout="stacked"
+                  useInvertedBackground="none"
+                />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[