Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -431,6 +431,20 @@ export default function RootLayout({
     
     originalContent = element.textContent;
     element.contentEditable = 'true';
+    
+    if (!element.dataset.webildOriginalWhiteSpace) {
+      const computedStyle = window.getComputedStyle(element);
+      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
+      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
+      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
+      element.dataset.webildOriginalOverflow = computedStyle.overflow;
+    }
+    
+    element.style.whiteSpace = 'pre-wrap';
+    element.style.wordWrap = 'break-word';
+    element.style.overflowWrap = 'break-word';
+    element.style.overflow = 'visible';
+    
     element.focus();
     isEditing = true;
     
@@ -540,6 +554,23 @@ export default function RootLayout({
     element.contentEditable = 'false';
     isEditing = false;
     
+    if (element.dataset.webildOriginalWhiteSpace) {
+      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
+      delete element.dataset.webildOriginalWhiteSpace;
+    }
+    if (element.dataset.webildOriginalWordWrap) {
+      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
+      delete element.dataset.webildOriginalWordWrap;
+    }
+    if (element.dataset.webildOriginalOverflowWrap) {
+      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
+      delete element.dataset.webildOriginalOverflowWrap;
+    }
+    if (element.dataset.webildOriginalOverflow) {
+      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
+      delete element.dataset.webildOriginalOverflow;
+    }
+    
     if (element.dataset.beforeInputHandler === 'true') {
       element.removeEventListener('beforeinput', () => {});
       delete element.dataset.beforeInputHandler;
@@ -845,6 +876,9 @@ export default function RootLayout({
 
   const handleScroll = () => {
     if (!isActive) return;
+    
+    if (isEditing) return;
+    
     if (selectedElement) {
       makeUneditable(selectedElement, false);
       selectedElement.classList.remove(selectedClass);
@@ -1259,4 +1293,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,14 +1,14 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Dice6, Trophy, Heart, TrendingUp, Users, Mail, Phone, Facebook } from "lucide-react";
 
@@ -42,18 +42,15 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
-          title="Welcome to Old Boy Domino Club"
+        <HeroLogo
+          logoText="Old Boy Domino Club"
           description="Join a thriving community of domino enthusiasts where tradition meets fellowship. Experience the timeless joy of classic domino gaming with friends who share your passion."
-          background={{ variant: "plain" }}
-          tag="Est. 1985"
-          tagIcon={Dice6}
-          imageSrc="https://img.b2bpic.net/free-photo/side-view-glass-tea-with-backgammon-jam-carpet-table_176474-3102.jpg"
-          imageAlt="Classic domino table game in session"
           buttons={[
             { text: "Join Our Club", href: "contact" },
             { text: "Learn More", href: "about" }
           ]}
+          imageSrc="https://img.b2bpic.net/free-photo/side-view-glass-tea-with-backgammon-jam-carpet-table_176474-3102.jpg"
+          imageAlt="Classic domino table game in session"
         />
       </div>