Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,6 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import RadialGradientBackground from "@/components/background/RadialGradientBackground";
+import LegalSection from "@/components/legal/LegalSection";
 
 export default function LandingPage() {
   return (
@@ -29,6 +30,20 @@ export default function LandingPage() {
             button={{ text: "Call Now", href: "#" }}
           />
         </div>
+        <div id="text-section" data-section="text-section">
+          <LegalSection
+            layout="section"
+            title="Our Commitment to Quality"
+            sections={[
+              {
+                heading: "Expert Landscaping",                content: { type: "paragraph", text: "At GreenScape, we believe that every garden has the potential to become a personal oasis. Our team of dedicated professionals uses sustainable practices and high-quality materials to ensure your outdoor space remains beautiful year-round. From routine maintenance to custom landscape architecture, we are here to bring your vision to life." }
+              },
+              {
+                heading: "Sustainable Solutions",                content: { type: "list", items: ["Water-efficient irrigation design", "Native plant selection for local climate", "Organic soil enhancement programs"] }
+              }
+            ]}
+          />
+        </div>
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[]}