diff --git a/src/app/page.tsx b/src/app/page.tsx
index bc36d53..949eff7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,8 @@ 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";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import { Leaf } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,17 +32,15 @@ export default function LandingPage() {
           />
         </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"] }
-              }
-            ]}
+          <FeatureCardTwentySeven
+            title="Quality Landscape Design"
+            description="Our team specializes in creating sustainable, beautiful outdoor spaces tailored to your needs. From garden planning to maintenance, we handle it all with care and professionalism."
+            features={[]}
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            tag="Expertise"
+            tagIcon={Leaf}
           />
         </div>
         <div id="footer" data-section="footer">